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
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Â
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Â
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Â
đŹ The future of MySQL is Postgres đ
đŹ The future of MySQL is Postgres đ
RTylerCroy
Â
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Â
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
Â
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Â
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Â
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
Â
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
Â
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Â
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Â
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Â
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Â
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
Â
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Pixlogix Infotech
Â
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
Â
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Â
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
Â
Recently uploaded
(20)
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Â
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Â
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Â
đŹ The future of MySQL is Postgres đ
đŹ The future of MySQL is Postgres đ
Â
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Â
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
Â
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Â
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Â
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Â
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Â
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Â
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Â
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Â
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Â
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Â
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Â
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
Â
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Â
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Â
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