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
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
Ravi Sanghani
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Alkin Tezuysal
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
Inflectra
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
LoriGlavin3
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
Hiroshi SHIBATA
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
Neo4j
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Mark Goldstein
A Framework for Development in the AI Age
A Framework for Development in the AI Age
Cprime
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
IES VE
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Databarracks
2024 April Patch Tuesday
2024 April Patch Tuesday
Ivanti
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
LoriGlavin3
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
LoriGlavin3
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
fnnc6jmgwh
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
Manik S Magar
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
Farhan Tariq
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
itnewsafrica
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
LoriGlavin3
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
Wes McKinney
Recently uploaded
(20)
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
A Framework for Development in the AI Age
A Framework for Development in the AI Age
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
How to write a Business Continuity Plan
How to write a Business Continuity Plan
2024 April Patch Tuesday
2024 April Patch Tuesday
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
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