SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
5 ALTERNATIVES TO THE HAMBURGER
MENU, MOBILE UI’S MOST
CONTROVERSIAL PATTERN
Download Justinmind for free at www.justinmind.com
• What is the ‘hamburger menu’ and why is it so controversial?
• Hamburger history as a UI element
• Good and bad UX impacts of hamburger navigation
• Alternative UI patterns for better navigation
• Expert tips for happy hamburgers
This Slide Show in bullet points
Download Justinmind for free at www.justinmind.com
• The hamburger menu is “a button in a graphical user interface carrying an
icon consisting of three parallel horizontal lines” (Wikipedia)
• First designed by Norm Cox as part of the user interface for the Xerox Star in
1981.
• Gained traction with the explosion of mobile device use over the past decade.
Background
Download Justinmind for free at www.justinmind.com
• Simple and elegant solution to over-cluttering, a simple way to minimize content
• Eliminates ‘decision fatigue’ and information overload
• Clean user interface
• Directional navigation = faster user experience
Positives
Download Justinmind for free at www.justinmind.com
• Problems when it comes to user engagement due to reduced visibility of functions
• Negative impact on satisfaction, speed perception and revenue
• Confusion for less savvy users
• Overcrowded top-bar, which leads to misclicks and user frustration
Negatives
Download Justinmind for free at www.justinmind.com
Alternative UI patterns
Download Justinmind for free at www.justinmind.com
The scrollable tab bar
Left: Facebook’s old hamburger button navigation. Right: The new tab bar style
Credits: TechCrunch
Download Justinmind for free at www.justinmind.com
The scrollable tab bar
• The most common features or functions are clearly displayed in a tabbed menu in the
lower section of the screen.
• The combination of the navigability of the tab with the tidiness of the hamburger
means that the common features are still visible, and less sought-after features can
be accessed by scrolling through the tab.
• Michael Scharnagl’s Priority+ navigation (show as many navigation items as will fit
horizontally, with a UI toggle to show the rest).
• It struggles with the same discoverability problems as the hamburger.
Download Justinmind for free at www.justinmind.com
3D Touch
• Trailed by Apple in 2015.
• It incorporates a new gesture into mobile interactions: pressure of touch. By pressing
harder or longer on your device’s screen, you’ll reveal the hidden navigation elements
that would once have been found behind the hamburger menu.
Download Justinmind for free at www.justinmind.com
Fly-out menus
USA Today Mobile App Facebook Mobile AppGoogle + Mobile App
Image credits: https://www.unleashed-technologies.com
Download Justinmind for free at www.justinmind.com
Fly-out menus
• Fly out menus have been around since the early days of web design
• Combination of a text-based top bar menu with sub-menus that fly out when users
hover over them
• With mobile apps, gestures like swipe or toggle are an option
Download Justinmind for free at www.justinmind.com
Menu carousel
• Features and functions slide in and out of view automatically.
• A great option for minimizing clicks.
• Risk: user boredom, exposure to uninteresting navigation options
“In Sportypal, the user can choose a new
workout using a continuous carousel, in
which all items are viewable. Here one item
is clearly in focus. Swiping the carousel, or
tapping on the arrows makes the carousel
move one step at the time. So the user has a
maximum of 2 steps to take to reach the item
he wants to.” (UNITiD)
Download Justinmind for free at www.justinmind.com
Floating hamburger
Image credits: www.Justinmind.com
Download Justinmind for free at www.justinmind.com
Floating hamburger
• Hamburger taken out of the overcrowded tab bar and made into a floating action
button
• Great for grabbing the user’s attention, saving screen space, and overcoming
reach difficulties in larger screened smartphones
• Downside: the menu contents are still hidden
Download Justinmind for free at www.justinmind.com
Ex. YouTube’s mobile app
And what if all else fails?
Change your UI architecture!
Justinmind Prototyping Tool
www.justinmind.com
DOWNLOAD NOW
DOWNLOAD JUSTINMIND TODAY TO STREAMLINE SOFTWARE DEVELOPMENT!
Get the Justinmind editor and start prototyping

Contenu connexe

Dernier

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 

Dernier (19)

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 

En vedette

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming LanguageSimplilearn
 

En vedette (20)

How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
 

5 alternatives to the Hamburger menu, mobile UI's most controversial pattern

  • 1. 5 ALTERNATIVES TO THE HAMBURGER MENU, MOBILE UI’S MOST CONTROVERSIAL PATTERN
  • 2. Download Justinmind for free at www.justinmind.com • What is the ‘hamburger menu’ and why is it so controversial? • Hamburger history as a UI element • Good and bad UX impacts of hamburger navigation • Alternative UI patterns for better navigation • Expert tips for happy hamburgers This Slide Show in bullet points
  • 3. Download Justinmind for free at www.justinmind.com • The hamburger menu is “a button in a graphical user interface carrying an icon consisting of three parallel horizontal lines” (Wikipedia) • First designed by Norm Cox as part of the user interface for the Xerox Star in 1981. • Gained traction with the explosion of mobile device use over the past decade. Background
  • 4. Download Justinmind for free at www.justinmind.com • Simple and elegant solution to over-cluttering, a simple way to minimize content • Eliminates ‘decision fatigue’ and information overload • Clean user interface • Directional navigation = faster user experience Positives
  • 5. Download Justinmind for free at www.justinmind.com • Problems when it comes to user engagement due to reduced visibility of functions • Negative impact on satisfaction, speed perception and revenue • Confusion for less savvy users • Overcrowded top-bar, which leads to misclicks and user frustration Negatives
  • 6. Download Justinmind for free at www.justinmind.com Alternative UI patterns
  • 7. Download Justinmind for free at www.justinmind.com The scrollable tab bar Left: Facebook’s old hamburger button navigation. Right: The new tab bar style Credits: TechCrunch
  • 8. Download Justinmind for free at www.justinmind.com The scrollable tab bar • The most common features or functions are clearly displayed in a tabbed menu in the lower section of the screen. • The combination of the navigability of the tab with the tidiness of the hamburger means that the common features are still visible, and less sought-after features can be accessed by scrolling through the tab. • Michael Scharnagl’s Priority+ navigation (show as many navigation items as will fit horizontally, with a UI toggle to show the rest). • It struggles with the same discoverability problems as the hamburger.
  • 9. Download Justinmind for free at www.justinmind.com 3D Touch • Trailed by Apple in 2015. • It incorporates a new gesture into mobile interactions: pressure of touch. By pressing harder or longer on your device’s screen, you’ll reveal the hidden navigation elements that would once have been found behind the hamburger menu.
  • 10. Download Justinmind for free at www.justinmind.com Fly-out menus USA Today Mobile App Facebook Mobile AppGoogle + Mobile App Image credits: https://www.unleashed-technologies.com
  • 11. Download Justinmind for free at www.justinmind.com Fly-out menus • Fly out menus have been around since the early days of web design • Combination of a text-based top bar menu with sub-menus that fly out when users hover over them • With mobile apps, gestures like swipe or toggle are an option
  • 12. Download Justinmind for free at www.justinmind.com Menu carousel • Features and functions slide in and out of view automatically. • A great option for minimizing clicks. • Risk: user boredom, exposure to uninteresting navigation options “In Sportypal, the user can choose a new workout using a continuous carousel, in which all items are viewable. Here one item is clearly in focus. Swiping the carousel, or tapping on the arrows makes the carousel move one step at the time. So the user has a maximum of 2 steps to take to reach the item he wants to.” (UNITiD)
  • 13. Download Justinmind for free at www.justinmind.com Floating hamburger Image credits: www.Justinmind.com
  • 14. Download Justinmind for free at www.justinmind.com Floating hamburger • Hamburger taken out of the overcrowded tab bar and made into a floating action button • Great for grabbing the user’s attention, saving screen space, and overcoming reach difficulties in larger screened smartphones • Downside: the menu contents are still hidden
  • 15. Download Justinmind for free at www.justinmind.com Ex. YouTube’s mobile app And what if all else fails? Change your UI architecture!
  • 16. Justinmind Prototyping Tool www.justinmind.com DOWNLOAD NOW DOWNLOAD JUSTINMIND TODAY TO STREAMLINE SOFTWARE DEVELOPMENT! Get the Justinmind editor and start prototyping