mobile user interfaces
Post on 21-Oct-2014
724 views
DESCRIPTION
TRANSCRIPT
![Page 1: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/1.jpg)
Mobile UIs
Professor: Tapan Parikh ([email protected])TA: Eun Kyoung Choe ([email protected])
Lecture #10 - March 4th, 2008
213: User Interface Design and Development
![Page 2: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/2.jpg)
Today’s Outline
1) The Future is Mobile
2) Trouble with Mobile UIs
3) History of Mobile UIs
4) Mobile Development Platforms
![Page 3: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/3.jpg)
The Future is Mobile
1.5 billion mobile phones worldwide– ~500M PC’s
Exponential growth in China, India, AfricaFirst technology to be more rapidly adopted in
developing worldIPhone has become the #1 mobile data client
on Google
QuickTime™ and aBMP decompressor
are needed to see this picture.
Adapted from Maneesh Agarwala
![Page 4: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/4.jpg)
The Trouble with Mobile UIs
User Interface– Adapted point-and-click metaphor– Text entry is difficult– Limited use of other media– Limited attention
Programming Model– Proprietary APIs and programming environments– Web-based applications require online connection
QuickTime™ and aBMP decompressor
are needed to see this picture.
![Page 5: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/5.jpg)
History
![Page 6: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/6.jpg)
Apple Newton
Introduced in 1993, discontinued in 1998Design issues:
– Text, shape recognition (error-prone)– Size (too large)– Connectivity (limited to synchronization,
messaging)
Adapted from Scott Klemmer
![Page 7: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/7.jpg)
Source: The Simpsons, Lisa on Ice
![Page 8: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/8.jpg)
Palm Pilot
Introduced in 1996Design solutions:
– Human-aided recognition (Graffiti)– Pocket-size (Wooden block experiment)– Easy to sync (Single button operation)
Adapted from Scott Klemmer
![Page 9: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/9.jpg)
Nokia
Adapted from Scott Klemmer Source: Scott Jenson, The Simplicity Shift. Cambridge University Press, 2002.
![Page 10: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/10.jpg)
Phone / Computer Convergence
![Page 11: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/11.jpg)
Blackberry (“Crackberry”)
Introduced in 1999Design solutions:
– Full QWERTY Keyboard – Optimized for E-mail, Messaging– Dominance in the US business market
Adapted from Scott Klemmer
![Page 12: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/12.jpg)
IPhone
Introduced in 2007Design solutions:
– Multi-touch screen (Zooming / Panning)– Soft keyboard (Predictive)– Dynamic layout (Portrait vs. Landscape)– Proximity sensor, Accelerometer– Integrate Mail, Music, Mobile Phone
Adapted from Scott Klemmer
![Page 13: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/13.jpg)
Development PlaformsMany are proprietary, closed and/or require licensing
–Symbian
–BREW
–Python
–XHMTL
–WAP
–GSM
–NET
–J2ME
–Android
–Qt
–Linux
–IPhone
![Page 14: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/14.jpg)
Text Input Methods
Multi-tapT9 (dictionary-based)PredictiveSoft keys
Adapted from Maneesh Agarwala
![Page 15: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/15.jpg)
Adapted from Maneesh Agarwala
![Page 16: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/16.jpg)
Adapted from Maneesh Agarwala
![Page 17: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/17.jpg)
Adapted from Maneesh Agarwala
![Page 18: Mobile User Interfaces](https://reader033.vdocuments.mx/reader033/viewer/2022061106/54473baaafaf9f61178b495d/html5/thumbnails/18.jpg)
For Next Time
Reading on User Interface ToolsInteractive Prototype / Final Project
Proposals are Due on Tuesday– Any questions?