Enviar pesquisa
Carregar
Designing for the mobile form factor
•
Transferir como PPT, PDF
•
15 gostaram
•
15,770 visualizações
Kirill Grouchnikov
Seguir
The presentation i gave at AnDevCon 2011
Leia menos
Leia mais
Tecnologia
Notícias e política
Vista de apresentação de diapositivos
Denunciar
Compartilhar
Vista de apresentação de diapositivos
Denunciar
Compartilhar
1 de 53
Baixar agora
Recomendados
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
Recomendados
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
Mais conteúdo relacionado
Semelhante a 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
Semelhante a 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
Mais de 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
Mais de 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
Último
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
2toLead Limited
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
shyamraj55
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
Sujit Pal
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
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Último
(20)
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
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...
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
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.
Baixar agora