SlideShare a Scribd company logo
1 of 10
Design for Mobile
8 things to remember when designing for mobile
1– Mobile phones, ADHD
Most likely your application won’t be used for
more than

Smartphones are mostly used to fight boredom
and

You need to help your
users
to get to their goals
2– Don’t waste space you
        Does your logo use 20% or
        more of the screen real estate
        on each page of your mobile

         Be creative promoting your

        Create a great user experience
        and your logo will sit on their
        home screen all day.
3– One hand to rule them

There is a good chance that your
application will be used with one hand
only.
Make sure everything is at thumb
reach. HTML markup is valid,
If your
even regular websites could be
easily accessible with one hand.
4– Just follow the flow.
Think direction.
Not all swipes are created
equal.
It’s always easier to pull your


Each action should feel like
the natural continuation of
the previous one.
5– Let the guidelines guide
Guidelines don’t kill creativity.
Try to be creative inside them.
                                    Navigation bar
Guidelines make sure that
your user won’t have to
learn your interface in

                                    Tab bar
Don’t be lazy.
If possible design an
specific interface for each
6– Size matter. Any size.
          Make sure your website or
          app
          is optimized for the size of

          What’s a good idea on a 3.5”
          screen,

          Don’t forget about orientation.
7– Keep it real. Real life.
        Make it easier for your users,
        use something they already
        know.
        Real life metaphors are often
        self-explanatory.

        The challenge is to keep your
        elements

        Apple ships phones without
        instructions. Can you do the same
8– Forget :hover. No touch,




 Show everything or make sure you can “click to

 Make clear to the user what’s clickable and what’s
 not. Using your app shouldn’t be a treasure hunt.
Thank you!

http://DavideDiCillo.com
     @DavideDiCillo

   http://39inc.com

More Related Content

Viewers also liked

Marketing tip for iphone apps
Marketing tip for iphone appsMarketing tip for iphone apps
Marketing tip for iphone appsDavide Di Cillo
 
Css3: What is the fuss about
Css3: What is the fuss aboutCss3: What is the fuss about
Css3: What is the fuss aboutDavide Di Cillo
 
7 deadly sins for your app
7 deadly sins for your app7 deadly sins for your app
7 deadly sins for your appDavide Di Cillo
 
Hotel Tonight in the Age of Context
Hotel Tonight in the Age of ContextHotel Tonight in the Age of Context
Hotel Tonight in the Age of ContextDavide Di Cillo
 

Viewers also liked (6)

Marketing tip for iphone apps
Marketing tip for iphone appsMarketing tip for iphone apps
Marketing tip for iphone apps
 
Css3: What is the fuss about
Css3: What is the fuss aboutCss3: What is the fuss about
Css3: What is the fuss about
 
Apple Hates Boobs
Apple Hates BoobsApple Hates Boobs
Apple Hates Boobs
 
7 deadly sins for your app
7 deadly sins for your app7 deadly sins for your app
7 deadly sins for your app
 
Twootball
TwootballTwootball
Twootball
 
Hotel Tonight in the Age of Context
Hotel Tonight in the Age of ContextHotel Tonight in the Age of Context
Hotel Tonight in the Age of Context
 

Similar to Design for mobile

Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick PresentationDeimantas Brandišauskas
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525jinwook shin
 
User interface design for touch screen displays
User interface design for touch screen displaysUser interface design for touch screen displays
User interface design for touch screen displaysNew Vision Display
 
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the SmartphoneAngela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the SmartphoneJulia Grosman
 
Mobile Application Design & Development
Mobile Application Design & DevelopmentMobile Application Design & Development
Mobile Application Design & DevelopmentRonnie Liew
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Vani Jain
 
10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going Mobile10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going MobileBarbara Ballard
 
UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4Hello Group
 
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfBest UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfHarssh Trivedi
 
Untangling invisible knots: UX in voice technology products
Untangling invisible knots: UX in voice technology productsUntangling invisible knots: UX in voice technology products
Untangling invisible knots: UX in voice technology productsJessica Kainu
 
Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI DesignersRavi Bhadauria
 
Apples demand from developers
Apples demand from developersApples demand from developers
Apples demand from developersChandan Raj
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success enAcrmnet s.r.l.
 
Mobile Apps Design Principles
Mobile Apps Design PrinciplesMobile Apps Design Principles
Mobile Apps Design PrinciplesMohamad Sani
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an ExorcismCrystal Beasley
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
 
8 great tips to help mobile developers make user friendly apps
8 great tips to help mobile developers make user friendly apps8 great tips to help mobile developers make user friendly apps
8 great tips to help mobile developers make user friendly appsRapidsoft Technologies
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyDoralin Kelly
 

Similar to Design for mobile (20)

Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
 
User interface design for touch screen displays
User interface design for touch screen displaysUser interface design for touch screen displays
User interface design for touch screen displays
 
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the SmartphoneAngela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
Angela Hicks - Debunking Mobile Web Design Myths in the Age of the Smartphone
 
18 Vital Tips for UI Designers
18 Vital Tips for UI Designers18 Vital Tips for UI Designers
18 Vital Tips for UI Designers
 
Mobile Application Design & Development
Mobile Application Design & DevelopmentMobile Application Design & Development
Mobile Application Design & Development
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019
 
10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going Mobile10 Things Web Designers Need to Do Before Going Mobile
10 Things Web Designers Need to Do Before Going Mobile
 
UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4
 
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfBest UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
 
Untangling invisible knots: UX in voice technology products
Untangling invisible knots: UX in voice technology productsUntangling invisible knots: UX in voice technology products
Untangling invisible knots: UX in voice technology products
 
Typography and Colors for GUI Designers
Typography and Colors for GUI DesignersTypography and Colors for GUI Designers
Typography and Colors for GUI Designers
 
Apples demand from developers
Apples demand from developersApples demand from developers
Apples demand from developers
 
Define & design apps for success en
Define & design apps for success enDefine & design apps for success en
Define & design apps for success en
 
Mobile Apps Design Principles
Mobile Apps Design PrinciplesMobile Apps Design Principles
Mobile Apps Design Principles
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers
 
Multi-Device Design & Development
Multi-Device Design & DevelopmentMulti-Device Design & Development
Multi-Device Design & Development
 
8 great tips to help mobile developers make user friendly apps
8 great tips to help mobile developers make user friendly apps8 great tips to help mobile developers make user friendly apps
8 great tips to help mobile developers make user friendly apps
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General Assembly
 

Recently uploaded

VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Narsimha murthy
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 

Recently uploaded (20)

VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 

Design for mobile

  • 1. Design for Mobile 8 things to remember when designing for mobile
  • 2. 1– Mobile phones, ADHD Most likely your application won’t be used for more than Smartphones are mostly used to fight boredom and You need to help your users to get to their goals
  • 3. 2– Don’t waste space you Does your logo use 20% or more of the screen real estate on each page of your mobile Be creative promoting your Create a great user experience and your logo will sit on their home screen all day.
  • 4. 3– One hand to rule them There is a good chance that your application will be used with one hand only. Make sure everything is at thumb reach. HTML markup is valid, If your even regular websites could be easily accessible with one hand.
  • 5. 4– Just follow the flow. Think direction. Not all swipes are created equal. It’s always easier to pull your Each action should feel like the natural continuation of the previous one.
  • 6. 5– Let the guidelines guide Guidelines don’t kill creativity. Try to be creative inside them. Navigation bar Guidelines make sure that your user won’t have to learn your interface in Tab bar Don’t be lazy. If possible design an specific interface for each
  • 7. 6– Size matter. Any size. Make sure your website or app is optimized for the size of What’s a good idea on a 3.5” screen, Don’t forget about orientation.
  • 8. 7– Keep it real. Real life. Make it easier for your users, use something they already know. Real life metaphors are often self-explanatory. The challenge is to keep your elements Apple ships phones without instructions. Can you do the same
  • 9. 8– Forget :hover. No touch, Show everything or make sure you can “click to Make clear to the user what’s clickable and what’s not. Using your app shouldn’t be a treasure hunt.
  • 10. Thank you! http://DavideDiCillo.com @DavideDiCillo http://39inc.com

Editor's Notes