Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
-
Upload
anna-dahlstroem -
Category
Design
-
view
874 -
download
0
description
Transcript of Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
![Page 1: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/1.jpg)
www.flickr.com/photos/alexnormand/5992512756@annadahlstrom | Digital Doughnut, 25 November 2014
BEYOND THE
MENUWHAT YOU NEED TO KNOW ABOUT DESIGNING FOR MULTIPLE DEVICES
hamburger
![Page 2: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/2.jpg)
What about Wall•E?
www.robotshop.com/blog/where-is-wall-e-1391
![Page 3: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/3.jpg)
“ Design for everyone and you design for no-one”
https://www.flickr.com/photos/coofdy/12245978213/in/photostream/
![Page 4: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/4.jpg)
https://www.flickr.com/photos/fotobib/13759982694
With mobile the impossible has become possible
![Page 5: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/5.jpg)
www.flickr.com/photos/exlibris/2552107635
!
!
“ A third of all smartphone users in the U.K.—or 11 million adults—check their phone within five minutes of waking. ”
- Source: WSJ
![Page 6: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/6.jpg)
www.flickr.com/photos/exlibris/2552107635
!
!
“ A third of all smartphone users in the U.K.—or 11 million adults—check their phone within five minutes of waking. ”
- Source: WSJ
![Page 7: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/7.jpg)
https://www.flickr.com/photos/bfishadow/4604166391
“ Just a giant iPhone. ”
![Page 8: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/8.jpg)
1. Move away from mobile
![Page 9: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/9.jpg)
mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile. mobile.
![Page 10: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/10.jpg)
www.flickr.com/photos/alexnormand/5992512756
!
!
!
It’s amazing!!!
![Page 11: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/11.jpg)
www.flickr.com/photos/alexnormand/5992512756
!
!
!
Yes, it really is. But…
![Page 12: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/12.jpg)
https://www.flickr.com/photos/neontommy/9795979256
People think of this
![Page 13: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/13.jpg)
Source: Google Search result
![Page 14: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/14.jpg)
Many of us own multiple devices
![Page 15: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/15.jpg)
Morning Commute Work Lunch Meeting Dinner Movie
We switch between them throughout the day
![Page 16: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/16.jpg)
Source: Google Search result
![Page 17: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/17.jpg)
2. It’s the same, but different
![Page 18: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/18.jpg)
www.flickr.com/photos/patdavid/9391602153
“ Your mobile phone has more computing power than the computers used for the Apollo 11 moon landing. ”
- Source: www.factslides.com/s-Mobile-Phones
![Page 19: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/19.jpg)
Source: http://think.storage.googleapis.com/docs/how-advertisers-can-extend-their-relevance-with-search_research-studies.pdf
![Page 20: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/20.jpg)
www.flickr.com/photos/pandiyan/4550066009
!
!
!
“ 7 out of 10 smartphone and tablet users expect the same quality of experience on all devices. ”
- Source: Vibrantmedia
![Page 21: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/21.jpg)
Myth: Mobile users are rushed & on the go
Image courtesy of Shutterstock
![Page 22: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/22.jpg)
https://www.flickr.com/photos/pavlinajane/11389693545
!
!
!
!
!
“ 88% of smartphone owners used their mobile as part of their Christmas shopping last year. ”
- Source: Weve
![Page 23: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/23.jpg)
Mobile Search MoMentSUnderStanding how Mobile driveS converSionS
3 of 4 mobile searches trigger follow-up actions
Mobile searches drive valuable
outcomes for businesses
Actions triggered by mobile search
also happen very quickly
of conversions (store visit, phone call or purchase) happening within an hour55%
On average, each mobile search triggers
nearly 2 follow-up actions
Product & shopping searches have a higher number of outcomesNumber of follow-up actions per mobile search
Mobile search is always on, happening
on the go, at home and at work
of mobile searches occur at home or work; 17% on the go77%
2.082.523.56
Travel FoodAutoBeauty Tech
2.072.20
36%
Continued
Research
18%
Shared Information
17%
Made a Purchase
25%
Visited a Retailer’s
Website
17%
Visited a Store
7%
Called a Business
0RELOH�VHDUFKHV�DUH�VWURQJO\�WLHG�WR�VSHFLȴF�FRQWH[WV�
Shopping queries are 2x more likely to be in store
Source: http://www.thinkwithgoogle.com/infographics/creating-moments-that-matter-infographic.html
![Page 24: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/24.jpg)
Devices are used interchangeably
www.flickr.com/photos/soyproject/6066959891
![Page 25: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/25.jpg)
3. Not everyone has an iPhone
![Page 26: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/26.jpg)
“ Smartphones accounted for 57.6% of total sales in fourth quarter of 2013 ” *
- Source: Gartner
www.flickr.com/photos/aforgrave/6168689222
![Page 27: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/27.jpg)
“ Android accounted for 85% of all smartphones shipped in Q2 — its highest ever proportion ”
- Source: Tech Crunch
https://www.flickr.com/photos/jantik/4620819221/sizes/o/
![Page 28: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/28.jpg)
Source: http://www.prnewswire.com/news-releases/strategy-analytics-android-captures-record-85-percent-share-of-global-smartphone-shipments-in-q2-2014-269301171.html
![Page 29: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/29.jpg)
www.flickr.com/photos/gadl/3570118243
Every platform has their own ui guidelines that their users are used to
![Page 30: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/30.jpg)
4. There’s an app for that
![Page 31: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/31.jpg)
“ The hottest app among Silicon Valley early adopters right now is Secret.
You use it to post anonymous secrets. For the past two days it's all anyone is talking about on Twitter. ” !
- Nicholas Carlson, Business Insider
![Page 32: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/32.jpg)
“ The good news for Apple is that it's available on iPhone.
The bad news for Apple is that it's really hard to find Secret through the App Store app on your iPhone. ” !
- Nicholas Carlson, Business Insider
![Page 33: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/33.jpg)
Apple: 1.3 million (Sep)Android: 1+ million (July)
Windows: 300,000+ (Aug) Blackberry: 130,000 / 370,000
![Page 34: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/34.jpg)
https://www.flickr.com/photos/alvy/12769050423
26.8 apps / month
30hrs 15 mins / month
More time spent, but not more apps used
+
=
![Page 35: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/35.jpg)
2. Entertainment
1. Search, portals & social
3. Communications
![Page 36: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/36.jpg)
www.flickr.com/photos/tomitapio/4053123799/in/photostream
Should I do an app?
![Page 37: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/37.jpg)
www.flickr.com/photos/dougbelshaw/4360008898
” Money spent developing a pretty but limited iPhone app only benefits [...] the few, but money spent on the website UI would have benefitted everyone. ”
- Gary Marshall on ‘The app trap’ in .net Magazine
![Page 38: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/38.jpg)
https://www.flickr.com/photos/michaelgoodin/3315541855
Avoid native apps Invest in the web UI
![Page 39: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/39.jpg)
5. Bye, bye mouse monopoly
![Page 40: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/40.jpg)
www.flickr.com/photos/ljrmike/7675757042 www.flickr.com/photos/jorgeq82/4732700819
Precise vs Imprecise
![Page 41: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/41.jpg)
www.flickr.com/photos/jorgeq82/4732700819
Designed to be held in one hand…
![Page 42: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/42.jpg)
Source & images from UX Matters - www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
…and easy to interact with
![Page 43: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/43.jpg)
www.flickr.com/photos/intelfreepress/6837427202
www.flickr.com/photos/johnkarakatsanis/6902407334 www.flickr.com/photos/jorgeq82/4732700819
The way we use touch screens differ based on device, but also across the same device
www.flickr.com/photos/janitors/9968676044
![Page 44: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/44.jpg)
www.flickr.com/photos/66327170@N07/7296381856
!
!
!
!
“ New rule: every desktop design has to go finger-friendly ”
- Josh Clark
![Page 45: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/45.jpg)
https://www.flickr.com/photos/sidkid/2908468343
There’ll be a move away from this
![Page 46: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/46.jpg)
A day of using voice
![Page 47: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/47.jpg)
A day of using voice
![Page 48: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/48.jpg)
![Page 49: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/49.jpg)
http://www.motorola.com/us/accessories-bluetooth-headsets/Moto-Hint/moto-hint-pdp.html
![Page 50: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/50.jpg)
6. It’s about the individual
![Page 52: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/52.jpg)
Screenshot: https://moto360.motorola.com/
“ It’s a really tiny computer strapped to your wrist ”
- Source: Mashable !
![Page 53: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/53.jpg)
Screenshot: http://www.apple.com/uk/
![Page 54: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/54.jpg)
Integration
![Page 55: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/55.jpg)
“ One third of Americans who already own some sort of wrist-mounted device stop wearing theirs after six months” ”
- Source: FastCompany
https://www.flickr.com/photos/djkeino/8667722768
![Page 56: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/56.jpg)
Screenshot: http://www.withings.com/activite/en-US
![Page 57: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/57.jpg)
Screenshot: http://www.apple.com/uk/
“ In order for any wearable to be successful it has to disappear from the foreground, and its utility in your life has to far outweigh any small inconvenience. ”
- Source: Mashable
![Page 58: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/58.jpg)
A talks to B talks to C talks to D talks to …
… understands to the user
![Page 59: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/59.jpg)
7. Context + content = king
![Page 60: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/60.jpg)
“ Neeej! Inte dela! ”
[Ta bort]
“ Argh! Did not mean to do that ”
[Delete]
-
![Page 61: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/61.jpg)
Selected by default. Bad Swarm
![Page 63: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/63.jpg)
https://www.flickr.com/photos/pure9/2603089643
“ They should demand our attention only at truly demanding moments. ”
- Global Moxie,
Smart Watches, Wearables, and That Nasty Data Rash
![Page 64: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/64.jpg)
Screenshot: http://www.apple.com/uk/
![Page 65: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/65.jpg)
Screenshot from http://www.duceretech.com/
![Page 66: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/66.jpg)
Intelligent | Knows you
![Page 67: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/67.jpg)
8. Approach it like lego
![Page 68: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/68.jpg)
www.flickr.com/photos/mirafoto/494444094
“ Get your content to go anywhere, because it’s going to go everywhere. ”
- Brad Frost
![Page 69: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/69.jpg)
Less about pages & more about building blocks
www.flickr.com/photos/boltofblue/4418442567
![Page 70: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/70.jpg)
www.flickr.com/photos/donsolo/2136923757/
Clever designClever team
![Page 71: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/71.jpg)
device browser screen input method connection speed
Any
anytime anywhereUsed
![Page 72: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/72.jpg)
www.flickr.com/photos/visualpunch/7351572896
Adapt to device, platform, purpose & usage
![Page 73: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/73.jpg)
“ And just as the first wave of desktop apps ported to mobile were underwhelming and replaced by mobile-first applications, so will companies quickly realize that it isn’t just a new screen but a brand-new platform. ”
- Source: Techcrunch
![Page 74: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/74.jpg)
9. Go beyond the hamburger
![Page 75: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/75.jpg)
Screenshot: https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/
![Page 76: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/76.jpg)
![Page 77: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/77.jpg)
Lower discoverability
Less efficient
Clash with platform navigation patterns
Not glanceable
![Page 78: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/78.jpg)
10. It’s all about navigation
![Page 79: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/79.jpg)
https://www.flickr.com/photos/neilsingapore/5465403730
What and where to click, tap, select, fill in, do, go next, ignore, pay attention to…
![Page 80: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/80.jpg)
www.flickr.com/photos/66327170@N07/7296381856
Best buddies
![Page 81: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/81.jpg)
So, what about Wall•E?
www.robotshop.com/blog/where-is-wall-e-1391
![Page 82: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/82.jpg)
www.robotshop.com/blog/where-is-wall-e-1391
We can design specifically for Wall•E
![Page 83: Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014](https://reader034.fdocuments.in/reader034/viewer/2022052508/559af1461a28ab72658b45d4/html5/thumbnails/83.jpg)
Thank you@annadahlstrom | [email protected] www.annadahlstrom.com
https://www.flickr.com/photos/justinwkern/8634075222