Soumettre la recherche
Mettre en ligne
Designing for the mobile form factor
•
Télécharger en tant que PPT, PDF
•
15 j'aime
•
15,770 vues
Kirill Grouchnikov
Suivre
The presentation i gave at AnDevCon 2011
Lire moins
Lire la suite
Technologie
Actualités & Politique
Signaler
Partager
Signaler
Partager
1 sur 53
Télécharger maintenant
Recommandé
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
Recommandé
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
Contenu connexe
Similaire à 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
Similaire à 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
Plus 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
Plus 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
Dernier
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
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
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
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
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
Sinan KOZAK
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
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
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
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
Ridwan Fadjar
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
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
shyamraj55
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
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
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
Sujit Pal
Dernier
(20)
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
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
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
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...
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
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...
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
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.
Télécharger maintenant