SlideShare uma empresa Scribd logo
1 de 51
Baixar para ler offline
Mobile vs Desktop
UX and UI Design for Mobile Platforms
Friday, 17 May 13
It’s simple, not obvious
Friday, 17 May 13
It’s simple, not obvious
Friday, 17 May 13
A few really basic things...
Friday, 17 May 13
Mobile devices have
smaller screens
(Duh!)
You can’t start designing
your application with the
same premise as you did
before. Start from a
blank slate.
And I mean physical
screen size, not number
of pixels. Number of
pixels nowadays means
nada.
Friday, 17 May 13
Some good (extreme, but
good) examples.
Friday, 17 May 13
And some bad examples.
Friday, 17 May 13
There’s a theory, that
airplanes cockpits are
made this complex
intentionally, so that
stupid people can’t fly a
plane. But you want
everyone to use your app,
right?
Friday, 17 May 13
Fingers are not
mouse cursors
( - still not a finger)
Fingers are fat, and it’s
difficult to target small
buttons.
Bigger buttons, bigger
menus.
But it’s not ok to just
resize controls.
Fingers also come
attached to a hand.
Friday, 17 May 13
When user taps on
something, he covers
pretty much everything
underneath.
Friday, 17 May 13
Touch screens
give no feedback
(at least for now)
User has to always look
at the screen when
interacting with it when
tapping.
You can’t feel button
edges, you also don’t feel
if it’s pressed or not.
Vibration and sounds
can’t be a reliable method
of feedback.
Friday, 17 May 13
Forget about clicking
Clicking is for mice. On
mobiles users tap. And
swipe, and pinch, and
slide.
Buttons suck on touch
interfaces. As long as
you think in buttons you
are not going to provide a
better user experience to
your users.
Friday, 17 May 13
Sliding is better.
Friday, 17 May 13
Friday, 17 May 13
Innovative doesn’t
always mean good
Don’t over-engineer what
you do. Some things are
meant to be simple,
stupid and boring.
Friday, 17 May 13
Friday, 17 May 13
Apps are not web sites
Don’t design them like
one. Better make a
website instead.
Friday, 17 May 13
Friday, 17 May 13
Mobile != Apps
Friday, 17 May 13
Friday, 17 May 13
Friday, 17 May 13
Not everything should be
‘optimized for mobile’
Friday, 17 May 13
Friday, 17 May 13
Stuffing a web site into
a really small screen is
not a good idea
Friday, 17 May 13
Don’t create an app if it’s
the same as a web site
(no value = useless)
Friday, 17 May 13
No bookmarks, no back
button, no tabs - it’s a
worse user experience
than in a regular
browser.
Friday, 17 May 13
Always think about
context
Friday, 17 May 13
User
Task Context
Friday, 17 May 13
Friday, 17 May 13
Friday, 17 May 13
Users have less time to
interact with mobile devices
(don’t ask too many questions)
Friday, 17 May 13
Friday, 17 May 13
People hate typing on
mobile devices
(but they still do it)
Friday, 17 May 13
Friday, 17 May 13
Develop for offline
(mobile != always online)
Cache data, preload UI if
it’s loading from
backend, allow to
continue work
Friday, 17 May 13
Responsive
(your new favorite word)
(if it’s not already)
People are used to wait
when opening a website
or clicking on a link. But
the same people will hate
your app if they have to
wait when they open
something.
Friday, 17 May 13
Fool a user and he will
be happier for it
(Apple do that, why shouldn’t you?)
Friday, 17 May 13
Users are unique
(but 80-20 principle is still true)
Friday, 17 May 13
Friday, 17 May 13
Don’t ask users what
they want
(give them something and see how they react)
Friday, 17 May 13
Be prepared to start
from scratch
Friday, 17 May 13
Research
Friday, 17 May 13
49%
36%
15%
http://uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
72% 28%
90% 10%
Friday, 17 May 13
Tablets are a whole
new ball game
(still not the same as desktop)
Friday, 17 May 13
Design UX, not UI
(but please do design good UI)
Friday, 17 May 13
Friday, 17 May 13
Skeuomorphism?
Minimalism?
Skeuominimalism?
(the choice is yours)
http://sachagreif.com/flat-pixels/
Friday, 17 May 13
Friday, 17 May 13
Friday, 17 May 13
Learn, investigate, steal!
mobiledesignpatterngallery.com
pttrns.com
inspired-ui.com
Friday, 17 May 13
Quick Recap
• Simple things are not
necessarily obvious
• Keep in mind platform
differences
• Don’t create things that
don’t add value
• Forget about ‘mouse UI’
paradigms
• Remember context
• Design UX, not a UI
• Think about users, not
features
• Always look at how
others do it
• Be prepared to change
everything
vasiliy.popov@gmail.com
Friday, 17 May 13

Mais conteúdo relacionado

Semelhante a Mobile vs Desktop

Dickens ryne presentation
Dickens ryne presentationDickens ryne presentation
Dickens ryne presentation
rynefsu
 
ShowMe LearnEAST2013
ShowMe LearnEAST2013ShowMe LearnEAST2013
ShowMe LearnEAST2013
jacob_lingley
 
Responsive Web Design 101
Responsive Web Design 101Responsive Web Design 101
Responsive Web Design 101
jonnymilano
 
Windows phone 8 Design
Windows phone 8 DesignWindows phone 8 Design
Windows phone 8 Design
Maria Nasioti
 

Semelhante a Mobile vs Desktop (20)

Yahoo! Hack India: Hyderabad | Visualizing User Experience
Yahoo! Hack India: Hyderabad | Visualizing User ExperienceYahoo! Hack India: Hyderabad | Visualizing User Experience
Yahoo! Hack India: Hyderabad | Visualizing User Experience
 
Dickens ryne presentation
Dickens ryne presentationDickens ryne presentation
Dickens ryne presentation
 
Paranoid Android
Paranoid AndroidParanoid Android
Paranoid Android
 
The Future is Responsive
The Future is ResponsiveThe Future is Responsive
The Future is Responsive
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
 
Designing for Touch... and Beyond - Josh Clark
Designing for Touch... and Beyond - Josh ClarkDesigning for Touch... and Beyond - Josh Clark
Designing for Touch... and Beyond - Josh Clark
 
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
Graham Thomas - 10 Great but Now Overlooked Tools - EuroSTAR 2012
 
ShowMe LearnEAST2013
ShowMe LearnEAST2013ShowMe LearnEAST2013
ShowMe LearnEAST2013
 
Responsive Web Design 101
Responsive Web Design 101Responsive Web Design 101
Responsive Web Design 101
 
Porting Tips: iOS to Android
Porting Tips: iOS to AndroidPorting Tips: iOS to Android
Porting Tips: iOS to Android
 
Real Developer Tools for WordPress by Stefan Didak
Real Developer Tools for WordPress by Stefan DidakReal Developer Tools for WordPress by Stefan Didak
Real Developer Tools for WordPress by Stefan Didak
 
Windows phone 8 Design
Windows phone 8 DesignWindows phone 8 Design
Windows phone 8 Design
 
Ottawa International Game Con.: Don't fall for the hype (Marketing iOS Apps)
Ottawa International Game Con.: Don't fall for the hype (Marketing iOS Apps)Ottawa International Game Con.: Don't fall for the hype (Marketing iOS Apps)
Ottawa International Game Con.: Don't fall for the hype (Marketing iOS Apps)
 
14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps
 
The Testable Web
The Testable WebThe Testable Web
The Testable Web
 
Ux mad 2013
Ux mad 2013Ux mad 2013
Ux mad 2013
 
2020: A Design Odyssey
2020: A Design Odyssey2020: A Design Odyssey
2020: A Design Odyssey
 
Designing iOS apps that rock!
Designing iOS apps that rock!Designing iOS apps that rock!
Designing iOS apps that rock!
 
14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps14 timeless rules for creating intuitive web apps
14 timeless rules for creating intuitive web apps
 
Instructional Coaching Technology PD Create It A
Instructional Coaching Technology PD Create It A Instructional Coaching Technology PD Create It A
Instructional Coaching Technology PD Create It A
 

Mais de C.T.Co

Things They Didn't Teach Me In Academy
Things They Didn't Teach Me In AcademyThings They Didn't Teach Me In Academy
Things They Didn't Teach Me In Academy
C.T.Co
 
Overview of Android Infrastructure
Overview of Android InfrastructureOverview of Android Infrastructure
Overview of Android Infrastructure
C.T.Co
 

Mais de C.T.Co (10)

Things They Didn't Teach Me In Academy
Things They Didn't Teach Me In AcademyThings They Didn't Teach Me In Academy
Things They Didn't Teach Me In Academy
 
Project Management in Information Technologies
Project Management in Information TechnologiesProject Management in Information Technologies
Project Management in Information Technologies
 
Business Analysis in IT by Ilze Buksha, Latvian
Business Analysis in IT by Ilze Buksha, LatvianBusiness Analysis in IT by Ilze Buksha, Latvian
Business Analysis in IT by Ilze Buksha, Latvian
 
Overview of Android Infrastructure
Overview of Android InfrastructureOverview of Android Infrastructure
Overview of Android Infrastructure
 
Stratoplan 2013 Brief by C.T.Co
Stratoplan 2013 Brief by C.T.CoStratoplan 2013 Brief by C.T.Co
Stratoplan 2013 Brief by C.T.Co
 
Scrum methodology
Scrum methodology Scrum methodology
Scrum methodology
 
Introduction to Performance Testing Part 1
Introduction to Performance Testing Part 1Introduction to Performance Testing Part 1
Introduction to Performance Testing Part 1
 
Project management in Agile Way
Project management in Agile WayProject management in Agile Way
Project management in Agile Way
 
Data Access using Entity Framework
Data Access using Entity FrameworkData Access using Entity Framework
Data Access using Entity Framework
 
Windows phone 7
Windows phone 7Windows phone 7
Windows phone 7
 

Último

Jual Obat Aborsi Samarinda ( No.1 ) 088980685493 Obat Penggugur Kandungan Cy...
Jual Obat Aborsi Samarinda (  No.1 ) 088980685493 Obat Penggugur Kandungan Cy...Jual Obat Aborsi Samarinda (  No.1 ) 088980685493 Obat Penggugur Kandungan Cy...
Jual Obat Aborsi Samarinda ( No.1 ) 088980685493 Obat Penggugur Kandungan Cy...
Obat Aborsi 088980685493 Jual Obat Aborsi
 
一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理
一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理
一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理
uodye
 
在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一
在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一
在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一
ougvy
 
In Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pills
In Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pillsIn Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pills
In Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pills
Abortion pills in Riyadh +966572737505 get cytotec
 
一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样
一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样
一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样
ayoqf
 
怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证
怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证
怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证
tufbav
 
Abortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get CytotecAbortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Riyadh +966572737505 get cytotec
 
一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证
一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证
一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证
wpkuukw
 
怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证
怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证
怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证
tufbav
 
怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证
怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证
怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证
ehyxf
 
一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证
一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证
一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证
wpkuukw
 
Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...
gajnagarg
 

Último (20)

Jual Obat Aborsi Samarinda ( No.1 ) 088980685493 Obat Penggugur Kandungan Cy...
Jual Obat Aborsi Samarinda (  No.1 ) 088980685493 Obat Penggugur Kandungan Cy...Jual Obat Aborsi Samarinda (  No.1 ) 088980685493 Obat Penggugur Kandungan Cy...
Jual Obat Aborsi Samarinda ( No.1 ) 088980685493 Obat Penggugur Kandungan Cy...
 
Low Cost Patna Call Girls Service Just Call 🍑👄6378878445 🍑👄 Top Class Call Gi...
Low Cost Patna Call Girls Service Just Call 🍑👄6378878445 🍑👄 Top Class Call Gi...Low Cost Patna Call Girls Service Just Call 🍑👄6378878445 🍑👄 Top Class Call Gi...
Low Cost Patna Call Girls Service Just Call 🍑👄6378878445 🍑👄 Top Class Call Gi...
 
一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理
一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理
一比一原版(USYD毕业证书)澳洲悉尼大学毕业证如何办理
 
在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一
在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一
在线制作(ANU毕业证书)澳大利亚国立大学毕业证成绩单原版一比一
 
In Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pills
In Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pillsIn Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pills
In Riyadh Saudi Arabia |+966572737505 | Buy Cytotec| Get Abortion pills
 
一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样
一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样
一比一原版(CSUEB毕业证书)东湾分校毕业证原件一模一样
 
Hilti's Latest Battery - Hire Depot.pptx
Hilti's Latest Battery - Hire Depot.pptxHilti's Latest Battery - Hire Depot.pptx
Hilti's Latest Battery - Hire Depot.pptx
 
Guwahati Escorts Service Girl ^ 9332606886, WhatsApp Anytime Guwahati
Guwahati Escorts Service Girl ^ 9332606886, WhatsApp Anytime GuwahatiGuwahati Escorts Service Girl ^ 9332606886, WhatsApp Anytime Guwahati
Guwahati Escorts Service Girl ^ 9332606886, WhatsApp Anytime Guwahati
 
怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证
怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证
怎样办理维多利亚大学毕业证(UVic毕业证书)成绩单留信认证
 
Abortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get CytotecAbortion pills in Jeddah |+966572737505 | Get Cytotec
Abortion pills in Jeddah |+966572737505 | Get Cytotec
 
一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证
一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证
一比一定(购)新西兰林肯大学毕业证(Lincoln毕业证)成绩单学位证
 
Point of Care Testing in clinical laboratory
Point of Care Testing in clinical laboratoryPoint of Care Testing in clinical laboratory
Point of Care Testing in clinical laboratory
 
怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证
怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证
怎样办理斯威本科技大学毕业证(SUT毕业证书)成绩单留信认证
 
Mass storage systems presentation operating systems
Mass storage systems presentation operating systemsMass storage systems presentation operating systems
Mass storage systems presentation operating systems
 
LANDSLIDE MONITORING AND ALERT SYSTEM FINAL YEAR PROJECT BROCHURE
LANDSLIDE MONITORING AND ALERT SYSTEM FINAL YEAR PROJECT BROCHURELANDSLIDE MONITORING AND ALERT SYSTEM FINAL YEAR PROJECT BROCHURE
LANDSLIDE MONITORING AND ALERT SYSTEM FINAL YEAR PROJECT BROCHURE
 
怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证
怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证
怎样办理圣芭芭拉分校毕业证(UCSB毕业证书)成绩单留信认证
 
一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证
一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证
一比一定(购)坎特伯雷大学毕业证(UC毕业证)成绩单学位证
 
Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Palghar [ 7014168258 ] Call Me For Genuine Models W...
 
Critical Commentary Social Work Ethics.pptx
Critical Commentary Social Work Ethics.pptxCritical Commentary Social Work Ethics.pptx
Critical Commentary Social Work Ethics.pptx
 
Call Girls Amethi 9332606886 HOT & SEXY Models beautiful and charming call g...
Call Girls Amethi  9332606886 HOT & SEXY Models beautiful and charming call g...Call Girls Amethi  9332606886 HOT & SEXY Models beautiful and charming call g...
Call Girls Amethi 9332606886 HOT & SEXY Models beautiful and charming call g...
 

Mobile vs Desktop