SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
Mobile design patterns
Mobile design patterns
Mobile design patterns
Flat Card Pattern,[object Object],Pros,[object Object],Quick Focused Content,[object Object],Varied Content Layout,[object Object],Cons,[object Object],Traversing from start to end of the stack,[object Object],Issues of scaling the number of cards,[object Object],Tiny page dots,[object Object]
Mobile design patterns
Mobile design patterns
Tab/Nav Bar Pattern,[object Object],Pros,[object Object],Easy access to main sections,[object Object],Easy overview of the features and the context,[object Object],Navigation marker,[object Object],Cons,[object Object],Limited number of tabs,[object Object],Tab always on screen,[object Object]
Mobile design patterns
Mobile design patterns
List/Tree Pattern,[object Object],Pros	,[object Object],Scales past 5 items,[object Object],Direct interaction,[object Object],Cons,[object Object],User must remember their navigation path,[object Object],Must travel to top node to access another branch,[object Object],Scroll risk,[object Object]
Mobile design patterns
Mobile design patterns
Dashboard Pattern,[object Object],Pros	,[object Object],Reveals capabilities,[object Object],Offers shortcuts to key sections,[object Object],Can be colorful and engaging,[object Object],Cons,[object Object],Falling out of favor,[object Object],Return Navigation mystery,[object Object],Hub-Spoke navigation,[object Object]
Combination Patterns,[object Object]
Mobile design patterns

Contenu connexe

Plus de Evan Hughes

Iml140 web week_1
Iml140 web week_1Iml140 web week_1
Iml140 web week_1Evan Hughes
 
Dreamweaver Template
Dreamweaver TemplateDreamweaver Template
Dreamweaver TemplateEvan Hughes
 
Iml140 cs sbasics_week5
Iml140 cs sbasics_week5Iml140 cs sbasics_week5
Iml140 cs sbasics_week5Evan Hughes
 
Week 4 css basics
Week 4 css basicsWeek 4 css basics
Week 4 css basicsEvan Hughes
 
Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Evan Hughes
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2Evan Hughes
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2Evan Hughes
 
Dreamweaver template
Dreamweaver templateDreamweaver template
Dreamweaver templateEvan Hughes
 
IML 140 Design - Basics
IML 140 Design - BasicsIML 140 Design - Basics
IML 140 Design - BasicsEvan Hughes
 
Remixand culture
Remixand cultureRemixand culture
Remixand cultureEvan Hughes
 
Weeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsWeeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsEvan Hughes
 
Color Theory Basics
Color Theory BasicsColor Theory Basics
Color Theory BasicsEvan Hughes
 
Iml140 web week_1
Iml140 web week_1Iml140 web week_1
Iml140 web week_1Evan Hughes
 
Digital portfolio
Digital portfolioDigital portfolio
Digital portfolioEvan Hughes
 
Week 3 html_css_basics
Week 3 html_css_basicsWeek 3 html_css_basics
Week 3 html_css_basicsEvan Hughes
 
Iml 140 web_week_1_html_basics_
Iml 140 web_week_1_html_basics_Iml 140 web_week_1_html_basics_
Iml 140 web_week_1_html_basics_Evan Hughes
 

Plus de Evan Hughes (20)

Iml140 web week_1
Iml140 web week_1Iml140 web week_1
Iml140 web week_1
 
Dreamweaver Template
Dreamweaver TemplateDreamweaver Template
Dreamweaver Template
 
Iml140 cs sbasics_week5
Iml140 cs sbasics_week5Iml140 cs sbasics_week5
Iml140 cs sbasics_week5
 
Week 4 css basics
Week 4 css basicsWeek 4 css basics
Week 4 css basics
 
Word Press Site
Word Press SiteWord Press Site
Word Press Site
 
Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
 
Web and creative cultures week 2
Web and creative cultures week 2Web and creative cultures week 2
Web and creative cultures week 2
 
Dreamweaver template
Dreamweaver templateDreamweaver template
Dreamweaver template
 
IML 140 Design - Basics
IML 140 Design - BasicsIML 140 Design - Basics
IML 140 Design - Basics
 
Remixand culture
Remixand cultureRemixand culture
Remixand culture
 
Weeks3 5 cs_sbasics
Weeks3 5 cs_sbasicsWeeks3 5 cs_sbasics
Weeks3 5 cs_sbasics
 
Color Theory Basics
Color Theory BasicsColor Theory Basics
Color Theory Basics
 
Iml 295 week
Iml 295 weekIml 295 week
Iml 295 week
 
Iml140 web week_1
Iml140 web week_1Iml140 web week_1
Iml140 web week_1
 
Digital portfolio
Digital portfolioDigital portfolio
Digital portfolio
 
Rule of thirds
Rule of thirdsRule of thirds
Rule of thirds
 
Rule of thirds
Rule of thirdsRule of thirds
Rule of thirds
 
Week 3 html_css_basics
Week 3 html_css_basicsWeek 3 html_css_basics
Week 3 html_css_basics
 
Iml 140 web_week_1_html_basics_
Iml 140 web_week_1_html_basics_Iml 140 web_week_1_html_basics_
Iml 140 web_week_1_html_basics_
 

Dernier

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptxmary850239
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...CaraSkikne1
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxAditiChauhan701637
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17Celine George
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and stepobaje godwin sunday
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxEduSkills OECD
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 

Dernier (20)

3.21.24 The Origins of Black Power.pptx
3.21.24  The Origins of Black Power.pptx3.21.24  The Origins of Black Power.pptx
3.21.24 The Origins of Black Power.pptx
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptx
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and step
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quizPrelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 

Mobile design patterns

  • 4.
  • 7.
  • 10.
  • 13.
  • 14.

Notes de l'éditeur

  1. This pattern breaks you app into focused sub-tasksEarly Android UI patterns had the tab bar at the top of the screen, but can anyone tell me the issue with that location?