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
Slideshow view
Report
Share
Slideshow view
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
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
Sujit Pal
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
soniya singh
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
Recently uploaded
(20)
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
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