Submit Search
Upload
Designing for the mobile form factor
â˘
Download as PPT, PDF
â˘
15 likes
â˘
15,770 views
Kirill Grouchnikov
Follow
The presentation i gave at AnDevCon 2011
Read less
Read more
Technology
News & Politics
Report
Share
Report
Share
1 of 53
Download now
Recommended
Xovex e book, ux & ui
Xovex e book, ux & ui
Shishir Gupta
Â
Mobile UI / UX Trends
Mobile UI / UX Trends
Evgeny Tsarkov
Â
The Trouble with All Those Boxes: Designing for Ecosystems Instead of Screens
The Trouble with All Those Boxes: Designing for Ecosystems Instead of Screens
Steven Hoober
Â
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
Raj Lal
Â
Some Dos and Donâts in UI/UX Design of Mobile Applications
Some Dos and Donâts in UI/UX Design of Mobile Applications
Ashiq Uz Zoha
Â
Module 1
Module 1
raghu katagall
Â
Using AR for Vehicle Navigation
Using AR for Vehicle Navigation
Mark Billinghurst
Â
Designing Great Mobile Apps
Designing Great Mobile Apps
Chris Griffith
Â
Recommended
Xovex e book, ux & ui
Xovex e book, ux & ui
Shishir Gupta
Â
Mobile UI / UX Trends
Mobile UI / UX Trends
Evgeny Tsarkov
Â
The Trouble with All Those Boxes: Designing for Ecosystems Instead of Screens
The Trouble with All Those Boxes: Designing for Ecosystems Instead of Screens
Steven Hoober
Â
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
Raj Lal
Â
Some Dos and Donâts in UI/UX Design of Mobile Applications
Some Dos and Donâts in UI/UX Design of Mobile Applications
Ashiq Uz Zoha
Â
Module 1
Module 1
raghu katagall
Â
Using AR for Vehicle Navigation
Using AR for Vehicle Navigation
Mark Billinghurst
Â
Designing Great Mobile Apps
Designing Great Mobile Apps
Chris Griffith
Â
Multi Channel Publishing
Multi Channel Publishing
Joe Welinske
Â
Design Strategy for Cross-Device User Experience
Design Strategy for Cross-Device User Experience
Ashutosh Kumar
Â
The challenge of touchscreen clutter 6.25.2010
The challenge of touchscreen clutter 6.25.2010
www.webhub.mobi by Yuvee, Inc.
Â
Intelligent Design - Transitioning UX into UI
Intelligent Design - Transitioning UX into UI
Michelle Reyes
Â
Flat Design - Overview
Flat Design - Overview
Joe Buchmann
Â
Professional ui for a website design
Professional ui for a website design
Ravi Bhadauria
Â
Accounting For Every Camper
Accounting For Every Camper
Ashley Dzick
Â
Responsive Web Design
Responsive Web Design
Allan Huang
Â
Website redesign
Website redesign
OptfinITy
Â
Tap. Swipe. Pinch: Designing for Touch-Friendly Devices
Tap. Swipe. Pinch: Designing for Touch-Friendly Devices
Hubbard One
Â
Mobile Web Development
Mobile Web Development
Tracy Annicchiarico
Â
Mobile Web Development
Mobile Web Development
Tracy Annicchiarico
Â
Communication Design for the Mobile Experience
Communication Design for the Mobile Experience
David Drucker
Â
1.Usability Engineering.pptx
1.Usability Engineering.pptx
Dr.Saranya K.G
Â
Designing for mobile
Designing for mobile
Thomas Garrison
Â
Min Ahmed - Can help to build a successful mobile application
Min Ahmed - Can help to build a successful mobile application
Jan Paul Roth
Â
Android user experience
Android user experience
Raihan Himel
Â
Introduction | SEO Expate BD Ltd.
Introduction | SEO Expate BD Ltd.
Sonia Simi
Â
Responsive Design
Responsive Design
Cindy Royal
Â
UI guidelines
UI guidelines
amruta deshpande
Â
Responsive mobile design in practice
Responsive mobile design in practice
Kirill Grouchnikov
Â
Responsive mobile design
Responsive mobile design
Kirill Grouchnikov
Â
More Related Content
Similar to Designing for the mobile form factor
Multi Channel Publishing
Multi Channel Publishing
Joe Welinske
Â
Design Strategy for Cross-Device User Experience
Design Strategy for Cross-Device User Experience
Ashutosh Kumar
Â
The challenge of touchscreen clutter 6.25.2010
The challenge of touchscreen clutter 6.25.2010
www.webhub.mobi by Yuvee, Inc.
Â
Intelligent Design - Transitioning UX into UI
Intelligent Design - Transitioning UX into UI
Michelle Reyes
Â
Flat Design - Overview
Flat Design - Overview
Joe Buchmann
Â
Professional ui for a website design
Professional ui for a website design
Ravi Bhadauria
Â
Accounting For Every Camper
Accounting For Every Camper
Ashley Dzick
Â
Responsive Web Design
Responsive Web Design
Allan Huang
Â
Website redesign
Website redesign
OptfinITy
Â
Tap. Swipe. Pinch: Designing for Touch-Friendly Devices
Tap. Swipe. Pinch: Designing for Touch-Friendly Devices
Hubbard One
Â
Mobile Web Development
Mobile Web Development
Tracy Annicchiarico
Â
Mobile Web Development
Mobile Web Development
Tracy Annicchiarico
Â
Communication Design for the Mobile Experience
Communication Design for the Mobile Experience
David Drucker
Â
1.Usability Engineering.pptx
1.Usability Engineering.pptx
Dr.Saranya K.G
Â
Designing for mobile
Designing for mobile
Thomas Garrison
Â
Min Ahmed - Can help to build a successful mobile application
Min Ahmed - Can help to build a successful mobile application
Jan Paul Roth
Â
Android user experience
Android user experience
Raihan Himel
Â
Introduction | SEO Expate BD Ltd.
Introduction | SEO Expate BD Ltd.
Sonia Simi
Â
Responsive Design
Responsive Design
Cindy Royal
Â
UI guidelines
UI guidelines
amruta deshpande
Â
Similar to Designing for the mobile form factor
(20)
Multi Channel Publishing
Multi Channel Publishing
Â
Design Strategy for Cross-Device User Experience
Design Strategy for Cross-Device User Experience
Â
The challenge of touchscreen clutter 6.25.2010
The challenge of touchscreen clutter 6.25.2010
Â
Intelligent Design - Transitioning UX into UI
Intelligent Design - Transitioning UX into UI
Â
Flat Design - Overview
Flat Design - Overview
Â
Professional ui for a website design
Professional ui for a website design
Â
Accounting For Every Camper
Accounting For Every Camper
Â
Responsive Web Design
Responsive Web Design
Â
Website redesign
Website redesign
Â
Tap. Swipe. Pinch: Designing for Touch-Friendly Devices
Tap. Swipe. Pinch: Designing for Touch-Friendly Devices
Â
Mobile Web Development
Mobile Web Development
Â
Mobile Web Development
Mobile Web Development
Â
Communication Design for the Mobile Experience
Communication Design for the Mobile Experience
Â
1.Usability Engineering.pptx
1.Usability Engineering.pptx
Â
Designing for mobile
Designing for mobile
Â
Min Ahmed - Can help to build a successful mobile application
Min Ahmed - Can help to build a successful mobile application
Â
Android user experience
Android user experience
Â
Introduction | SEO Expate BD Ltd.
Introduction | SEO Expate BD Ltd.
Â
Responsive Design
Responsive Design
Â
UI guidelines
UI guidelines
Â
More from Kirill Grouchnikov
Responsive mobile design in practice
Responsive mobile design in practice
Kirill Grouchnikov
Â
Responsive mobile design
Responsive mobile design
Kirill Grouchnikov
Â
Substance Java One 2007 Community Corner
Substance Java One 2007 Community Corner
Kirill Grouchnikov
Â
Flamingo Ribbon component
Flamingo Ribbon component
Kirill Grouchnikov
Â
Party of One
Party of One
Kirill Grouchnikov
Â
Advanced Effects Oscon 2007
Advanced Effects Oscon 2007
Kirill Grouchnikov
Â
High DPI for desktop applications
High DPI for desktop applications
Kirill Grouchnikov
Â
On The Shoulders Of Giants
On The Shoulders Of Giants
Kirill Grouchnikov
Â
More from Kirill Grouchnikov
(8)
Responsive mobile design in practice
Responsive mobile design in practice
Â
Responsive mobile design
Responsive mobile design
Â
Substance Java One 2007 Community Corner
Substance Java One 2007 Community Corner
Â
Flamingo Ribbon component
Flamingo Ribbon component
Â
Party of One
Party of One
Â
Advanced Effects Oscon 2007
Advanced Effects Oscon 2007
Â
High DPI for desktop applications
High DPI for desktop applications
Â
On The Shoulders Of Giants
On The Shoulders Of Giants
Â
Recently uploaded
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Â
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Â
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Â
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Â
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
Â
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
Â
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Â
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Â
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Â
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Â
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Â
đŹ The future of MySQL is Postgres đ
đŹ The future of MySQL is Postgres đ
RTylerCroy
Â
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Â
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Â
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Â
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Â
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Â
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Â
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Â
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
Â
Recently uploaded
(20)
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Â
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Â
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Â
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Â
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Â
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Â
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Â
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Â
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Â
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Â
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Â
đŹ The future of MySQL is Postgres đ
đŹ The future of MySQL is Postgres đ
Â
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Â
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Â
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Â
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Â
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Â
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Â
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Â
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Â
Designing for the mobile form factor
1.
2.
3.
4.
5.
Square TweetDeck Seesmic
doubleTwist
6.
7.
8.
9.
10.
11.
12.
13.
Screen size
14.
15.
16.
17.
18.
Landscape mode
19.
Landscape mode
20.
21.
22.
23.
24.
Touch
25.
26.
Resolution / DPI
1280 pixels / 13.3 inch 800 pixels / 8.3 inch 1280 pixels / 13.3 inch = 96 pixels per inch 800 pixels / 8.3 inch = 96 pixels per inch Artwork by studiomx.eu
27.
Resolution matters 300dpi
96dpi
28.
Screen density -
LDPI Motorola Charm Motorola Flipout Motorola Citrus Sony Ericsson Xperia X10 Mini HTC Wildfire HTC Tattoo
29.
Screen density -
MDPI Motorola Charm HTC Droid Eris Motorola CLIQ HTC Magic (myTouch 3G) HTC Aria Motorola Backflip
30.
Screen density -
HDPI Motorola Droid Sony Ericsson Xperia X10 Samsung Nexus S HTC Nexus One HTC G2 HTC Evo 4G
31.
100% difference
between LDPI and HDPI
32.
33.
34.
35.
36.
37.
38.
39.
But much more
important
40.
A clear, simple,
user-oriented goal
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
Remember whatâs important
51.
52.
Everything else can
be good enough
53.
Download now