1 Itl2011 Mobile Devices

8/3/2019 1 Itl2011 Mobile Devices

1/64


2/64

Designing for Mobile

DevicesIlja morgun

http://creativecommons.org/licenses/by-nc-sa/3.0/
http://creativecommons.org/licenses/by-nc-sa/3.0/http://creativecommons.org/licenses/by-nc-sa/3.0/


3/64

Learning from the Past


4/64

The Evolution ofMobile Phones


5/64


6/64


7/64


8/64

The Evolution of Tablets


9/64


10/64

Styles of Interaction


11/64

WIMP


12/64

Windows, Icons, Menusand Pointers
http://en.wikipedia.org/wiki/Cursor_(computers)#Mouse_cursorhttp://en.wikipedia.org/wiki/Cursor_(computers)#Mouse_cursorhttp://en.wikipedia.org/wiki/Menu_(computing)http://en.wikipedia.org/wiki/Menu_(computing)http://en.wikipedia.org/wiki/Computer_iconhttp://en.wikipedia.org/wiki/Computer_iconhttp://en.wikipedia.org/wiki/Window_(computing)http://en.wikipedia.org/wiki/Window_(computing)


13/64

A window will run a self-

contained program, isolated withinthat window from other programs

running at the same time


14/64

Icons act as shortcuts to

actions to be performed by thecomputer (such as execute a

program)


15/64

Menus are text-based or icon-

based selection systems toselect and execute programs or

sub-programs


16/64

The pointer is an onscreen symbol thatrepresents the movement of a physical

device to allow the user to selectelements on an output device such as a

monitor


17/64

User interfaces based on the

WIMP style are very good atabstracting workspaces,

documents, and their actions


18/64

Benefits of WIMP

Analogous paradigm to documents as papersheets or folders

Easy to introduce to novice users


19/64

What is available today?


20/64

Pictures under Glass


21/64


22/64

General Characteristics

Taps not clicks Gestures and multitouch

Direct manipulation


23/64

Apple Mail


24/64


25/64

Android Market


26/64


27/64

Windows Phone


28/64


29/64


30/64

Mixing InteractionStyles


31/64

Examples of Using

WIMP in MobileDevices


32/64

Apple Newton


33/64


34/64

Windows Mobile 6


35/64


36/64

Reasons for Failure

Designed for stylus use

Made to work like a desktop computer Complex and inconsistent Designed to be used as a complementary

device

Too much functionality


37/64

Examples of Using Pan

and Zoom on theDesktop


38/64

iCloud


39/64


40/64


41/64

Windows 8


42/64


43/64


44/64

Predictions of theFuture


45/64


46/64


47/64

The Way People

Interact with MobileDevices


48/64

Holding a mobile phone

with one hand on the gowhile eating a sandwich


49/64


50/64

Mobile Usage

Informational needs

Geographical needs Personal information management needs

Entertainment needs


51/64

Informational needs are

focused on the goal of obtaininginformation about a topic


52/64

Is the Arsenal game onTV tonight?


53/64

Geographical needs are

focused on the goal of findingan answer to a question


54/64

The expected answer is

dependent on locationin some form


55/64

Nearest Pennies orDunnes Stores


56/64

Where do I getcoffee?


57/64

Direction from Belfastto Randaldstown


58/64

Personal information

management (PIM) needs arefocused on finding out somethingprivate relating to the individual


59/64

Encompass personal items,

friend requests, schedulingtasks and to-do list items


60/64

What are my airlineloyalty pin codes?


61/64

Mobile entertainment needs

encompass such activities associal networking, games,watching YouTube videos


62/64

The mobile phone and other

personal mobile deviceshave gained a new role


63/64

A gateway to data and

applications which arestored on the network


64/64

References

http://www.webdesignerdepot.com/2009/05/the-evolution-of-cell-phone-design-between-1983-2009/

http://www.bitrebels.com/technology/the-evolution-of-smartphones-infographic/

http://osxdaily.com/2011/08/18/tablet-design-before-after-the-ipad/ http://en.wikipedia.org/wiki/WIMP_(computing) http://msdn.microsoft.com/en-us/windows/home

http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/

Karen Church and Barry Smyth. 2008. Understanding mobile informationneeds. In Proceedings of the 10th international conference on Humancomputer interaction with mobile devices and services (MobileHCI '08).
http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/http://msdn.microsoft.com/en-us/windows/homehttp://en.wikipedia.org/wiki/WIMP_(computinghttp://osxdaily.com/2011/08/18/tablet-design-before-after-the-ipad/http://www.bitrebels.com/technology/the-evolution-of-smartphones-infographic/http://www.bitrebels.com/technology/the-evolution-of-smartphones-infographic/http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/http://msdn.microsoft.com/en-us/windows/homehttp://msdn.microsoft.com/en-us/windows/homehttp://en.wikipedia.org/wiki/WIMP_(computinghttp://en.wikipedia.org/wiki/WIMP_(computinghttp://osxdaily.com/2011/08/18/tablet-design-before-after-the-ipad/http://osxdaily.com/2011/08/18/tablet-design-before-after-the-ipad/http://www.bitrebels.com/technology/the-evolution-of-smartphones-infographic/http://www.bitrebels.com/technology/the-evolution-of-smartphones-infographic/http://www.bitrebels.com/technology/the-evolution-of-smartphones-infographic/http://www.bitrebels.com/technology/the-evolution-of-smartphones-infographic/http://www.webdesignerdepot.com/2009/05/the-evolution-of-cell-phone-design-between-1983-2009/http://www.webdesignerdepot.com/2009/05/the-evolution-of-cell-phone-design-between-1983-2009/http://www.webdesignerdepot.com/2009/05/the-evolution-of-cell-phone-design-between-1983-2009/http://www.webdesignerdepot.com/2009/05/the-evolution-of-cell-phone-design-between-1983-2009/

Documents

1 Itl2011 Mobile Devices