SlideShare a Scribd company logo
1 of 45
Misused
Mobile UX Patterns
ZOLTAN KOLLIN
Mobile weekend
“Good artists copy.
Great artists steal.”
Gmail EVernote
Experienced designers
use design patterns and
guidelines.
Gmail EVernote
Not everything is a best
practice that you see in
top apps.
bad pattern #1:
Hidden navigation
It’s not about this icon.
It’s about hiding your
app navigation.
Gmail
Gmail
It’s so easy to put all
your navigation into a
scrollable panel that’s
hidden by default!
obvious always wins
Luke Wroblewski
However, at the end of
the day, it’s all about
usability and metrics.
Youtube 2014:
hamburger menu
youtube 2015:
TAB BAR
THe truth:
mobile navigation is about
focus & prioritization
bad pattern #2:
Icons, icons 

Everywhere
This symbol is obvious
and easier to use than
having a ‘Back’ label.
It’s not always obvious
Sharing is also a
common feature but it’s
icon is not so universal…
Instagram
Instagram
Would you guess what
this icon means in
Instagram?
google translate
google translate
Or this one, in Google
Translate?
swarm
If a popover hint is
needed, you’re doing it
wrong, Swarm.
Twitter
But if you’re well-
known like Twitter, you
can brand icons to
some degree.
THe truth:
SOme icons are obvious for
users
THe truth:
but text labels never fail
bad pattern #3:
gestures Replacing
buttons
clear app
Clear app was designed
around gestures. Users
were educated by the
hype.
ios mail
Swiping list items is a
common gesture.
ios mail
Swiping list items is a
common gesture.
mailbox
Wait, swiping right
works differently in
Mailbox!
IOS PATTERN
Shake the device to
undo…
GOOGLE MAPS
Or shake to send
feedback? Confusing.
TINDER
You have to be Tinder
to expect users to learn
your special gestures.
THe truth:
gestures
have to be
learned and
memorized
Ness
Bad pattern #4:
tutor overlays as
onboarding
Dcovery
Showing tutorials does
not make your UI more
intuitive.
Up
THe truth:
onboarding is
about adding
context
SLACK
THe truth:
onboarding is
about getting
started
AIRBNB
THe truth:
onboarding
can be about
adding content
LOOTSY
Bad pattern #5:
Creative but useless
empty states
GOOGLE photos
Meh…
Looks nice, but pretty
awkward to use.
GOOGLE photos
Is search really the
primary action for an
empty list?
evernote
Again: looks nice, but
pretty awkward to use.
THe truth:
Some context
and A good
call to action
is all you need
Flipboard
Good designers follow
guidelines.
Great designers know
when to ignore them.
Misused Mobile UX Patterns

More Related Content

Viewers also liked

AIG Annual Reports and Proxy Statements 2007 Annual Report
AIG Annual Reports and Proxy Statements 2007 Annual Report AIG Annual Reports and Proxy Statements 2007 Annual Report
AIG Annual Reports and Proxy Statements 2007 Annual Report
finance2
 
Mekesson Quarterly Reports 2006 2nd
Mekesson Quarterly Reports 2006 2ndMekesson Quarterly Reports 2006 2nd
Mekesson Quarterly Reports 2006 2nd
finance2
 
goldman sachs Amended and Restated By-laws
goldman sachs Amended and Restated By-laws   goldman sachs Amended and Restated By-laws
goldman sachs Amended and Restated By-laws
finance2
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
PJ Taei
 

Viewers also liked (11)

2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines2015 HCI - Smart TV General Guidelines
2015 HCI - Smart TV General Guidelines
 
The Evolution of UX Challenges
The Evolution of UX ChallengesThe Evolution of UX Challenges
The Evolution of UX Challenges
 
Product Placement Ethics
Product Placement EthicsProduct Placement Ethics
Product Placement Ethics
 
UX 관점에서 사용성 평가하기
UX 관점에서 사용성 평가하기UX 관점에서 사용성 평가하기
UX 관점에서 사용성 평가하기
 
2017-02-28 Modern Web Based Accounting System Seminar featuring Intacct
2017-02-28 Modern Web Based Accounting System Seminar featuring Intacct2017-02-28 Modern Web Based Accounting System Seminar featuring Intacct
2017-02-28 Modern Web Based Accounting System Seminar featuring Intacct
 
AIG Annual Reports and Proxy Statements 2007 Annual Report
AIG Annual Reports and Proxy Statements 2007 Annual Report AIG Annual Reports and Proxy Statements 2007 Annual Report
AIG Annual Reports and Proxy Statements 2007 Annual Report
 
Mekesson Quarterly Reports 2006 2nd
Mekesson Quarterly Reports 2006 2ndMekesson Quarterly Reports 2006 2nd
Mekesson Quarterly Reports 2006 2nd
 
goldman sachs Amended and Restated By-laws
goldman sachs Amended and Restated By-laws   goldman sachs Amended and Restated By-laws
goldman sachs Amended and Restated By-laws
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Getting to know your audeince
Getting to know your audeinceGetting to know your audeince
Getting to know your audeince
 
Stay One Step Ahead of Cyber Threats - Check Point
Stay One Step Ahead of Cyber Threats - Check PointStay One Step Ahead of Cyber Threats - Check Point
Stay One Step Ahead of Cyber Threats - Check Point
 

More from Zoltan Kollin

Android design guideline - App! 2012 - Kollin Zoltán
Android design guideline - App! 2012 - Kollin ZoltánAndroid design guideline - App! 2012 - Kollin Zoltán
Android design guideline - App! 2012 - Kollin Zoltán
Zoltan Kollin
 
A mobilos felülettervezés alapjai - Kollin Zoltán
A mobilos felülettervezés alapjai - Kollin ZoltánA mobilos felülettervezés alapjai - Kollin Zoltán
A mobilos felülettervezés alapjai - Kollin Zoltán
Zoltan Kollin
 
Az érintőképernyők evolúciója - Kollin Zoltán
Az érintőképernyők evolúciója - Kollin ZoltánAz érintőképernyők evolúciója - Kollin Zoltán
Az érintőképernyők evolúciója - Kollin Zoltán
Zoltan Kollin
 

More from Zoltan Kollin (16)

Embracing Friction - Zoltan Kollin
Embracing Friction - Zoltan KollinEmbracing Friction - Zoltan Kollin
Embracing Friction - Zoltan Kollin
 
Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017
Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017
Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017
 
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
 
Xlabs - Bemutatkozik a user experience
Xlabs - Bemutatkozik a user experienceXlabs - Bemutatkozik a user experience
Xlabs - Bemutatkozik a user experience
 
Little big details - Kollin Zoltán
Little big details - Kollin ZoltánLittle big details - Kollin Zoltán
Little big details - Kollin Zoltán
 
Így tervezz jó formokat
Így tervezz jó formokatÍgy tervezz jó formokat
Így tervezz jó formokat
 
Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?
 
Laposabb lett az élmény? - Flat UI trendek
Laposabb lett az élmény? - Flat UI trendekLaposabb lett az élmény? - Flat UI trendek
Laposabb lett az élmény? - Flat UI trendek
 
Mobil UX design
Mobil UX designMobil UX design
Mobil UX design
 
Analitika és felhasználói kutatások
Analitika és felhasználói kutatásokAnalitika és felhasználói kutatások
Analitika és felhasználói kutatások
 
Building Scida
Building ScidaBuilding Scida
Building Scida
 
Android design guideline - App! 2012 - Kollin Zoltán
Android design guideline - App! 2012 - Kollin ZoltánAndroid design guideline - App! 2012 - Kollin Zoltán
Android design guideline - App! 2012 - Kollin Zoltán
 
A koncepciótól a drótváz tervig - Kollin Zoltán
A koncepciótól a drótváz tervig - Kollin ZoltánA koncepciótól a drótváz tervig - Kollin Zoltán
A koncepciótól a drótváz tervig - Kollin Zoltán
 
Felhasználóbarát felületek tervezése - Kollin Zoltán
Felhasználóbarát felületek tervezése - Kollin ZoltánFelhasználóbarát felületek tervezése - Kollin Zoltán
Felhasználóbarát felületek tervezése - Kollin Zoltán
 
A mobilos felülettervezés alapjai - Kollin Zoltán
A mobilos felülettervezés alapjai - Kollin ZoltánA mobilos felülettervezés alapjai - Kollin Zoltán
A mobilos felülettervezés alapjai - Kollin Zoltán
 
Az érintőképernyők evolúciója - Kollin Zoltán
Az érintőképernyők evolúciója - Kollin ZoltánAz érintőképernyők evolúciója - Kollin Zoltán
Az érintőképernyők evolúciója - Kollin Zoltán
 

Recently uploaded

Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
amitlee9823
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 

Recently uploaded (20)

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call GirlsBook Paid In Vashi In 8976425520 Navi Mumbai Call Girls
Book Paid In Vashi In 8976425520 Navi Mumbai Call Girls
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 

Misused Mobile UX Patterns