msu mobile a brief update on 28 october 2010

38
MSU Mobile a brief update on 28 October 2010

Post on 19-Dec-2015

219 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: MSU Mobile a brief update on 28 October 2010

MSU Mobile

a brief updateon 28 October 2010

Page 2: MSU Mobile a brief update on 28 October 2010
Page 3: MSU Mobile a brief update on 28 October 2010
Page 4: MSU Mobile a brief update on 28 October 2010

Getting started

• Pick a framework.– And get the framework running …

• Select initial content.• Move quickly.

Page 5: MSU Mobile a brief update on 28 October 2010

Mobile Web OSP

• Handles device detection and then routes users to an appropriate template.– Basic (Feature phones)– Touch (Palm, Blackberry)– Webkit (iPhone, Android)

• Uses JavaScript libraries (jQuery + jqtouch) to provide familiar mobile interaction functionality (flipping, sliding, etc).

Page 6: MSU Mobile a brief update on 28 October 2010
Page 7: MSU Mobile a brief update on 28 October 2010

Audiences

www.msu.edu• External

– People unfamiliar with MSU.– Businesses.– Prospective students.

m.msu.edu• Internal

– People on campus.

Page 8: MSU Mobile a brief update on 28 October 2010

What’s useful for people?

On-campus• Maps.• Events.• People directory.• (And much more …)

All-purpose• News.• About MSU.

Page 9: MSU Mobile a brief update on 28 October 2010
Page 10: MSU Mobile a brief update on 28 October 2010

Initial content

• Campus map (buildings, interactive).• People directory.• News.• Events.• About MSU.

Page 11: MSU Mobile a brief update on 28 October 2010

Meet MSU Mobile (Beta)

Page 12: MSU Mobile a brief update on 28 October 2010
Page 13: MSU Mobile a brief update on 28 October 2010
Page 14: MSU Mobile a brief update on 28 October 2010
Page 15: MSU Mobile a brief update on 28 October 2010
Page 16: MSU Mobile a brief update on 28 October 2010
Page 17: MSU Mobile a brief update on 28 October 2010
Page 18: MSU Mobile a brief update on 28 October 2010
Page 19: MSU Mobile a brief update on 28 October 2010
Page 20: MSU Mobile a brief update on 28 October 2010
Page 21: MSU Mobile a brief update on 28 October 2010
Page 22: MSU Mobile a brief update on 28 October 2010
Page 23: MSU Mobile a brief update on 28 October 2010
Page 24: MSU Mobile a brief update on 28 October 2010
Page 25: MSU Mobile a brief update on 28 October 2010
Page 26: MSU Mobile a brief update on 28 October 2010
Page 27: MSU Mobile a brief update on 28 October 2010

Quick thought on mobile homescreens

• App-style icons.• Horizontal-style navigation.

Page 28: MSU Mobile a brief update on 28 October 2010

15 icons.

And what happens when you want to add more?

Page 29: MSU Mobile a brief update on 28 October 2010

7 large icons

4 smaller icons.

Page 30: MSU Mobile a brief update on 28 October 2010
Page 31: MSU Mobile a brief update on 28 October 2010
Page 32: MSU Mobile a brief update on 28 October 2010

Please ignore the funky rendering of this ‘Go’ button.

Larger text and tap targets.

Users will have to scroll down to get to other links.

Page 33: MSU Mobile a brief update on 28 October 2010
Page 34: MSU Mobile a brief update on 28 October 2010

Out of curiosity, which one do you prefer?

• Think about it for a minute.

Page 35: MSU Mobile a brief update on 28 October 2010

Our timeline

• October 14: Development started.• October 28: Brief update + demo.• November 11: Soft launch.• January (??): Hard launch.

Page 36: MSU Mobile a brief update on 28 October 2010

MSU mobile community

• A group of developers met last month to chat about mobile. We will probably meet again in the future (ask Brendan about that).

• Centrally, we want to make it easy for developers on campus to start developing mobile sites.

Page 37: MSU Mobile a brief update on 28 October 2010

Interested in getting involved

• The mobile development community is currently a loose collaboration among developers on campus.

• If you’d like to get involved, just e-mail:[email protected]

Page 38: MSU Mobile a brief update on 28 October 2010

Check out World Usability Day

• November 11, 2010 at Kellogg Center.• This year’s theme: Mobile communication.• Cost: Free (but you need to register).• Head over to usability.msu.edu