Enviar pesquisa
Carregar
Android Design - Dropping iOS Patterns
•
3 gostaram
•
9,824 visualizações
Jason Fry
Seguir
An introduction to the differences are between designing for iOS and Android.
Leia menos
Leia mais
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 80
Baixar agora
Baixar para ler offline
Recomendados
iOS Development Talk - KP Digital Youth Summit 2014
iOS Development Talk - KP Digital Youth Summit 2014
Usman Khan
Modern Domino: iOS 7
Modern Domino: iOS 7
Peter Presnell
iOS Human Interface Guideline
iOS Human Interface Guideline
Design My Template LLP
A Brief History of iOS
A Brief History of iOS
Nahum365
Mobile ux
Mobile ux
彭其捷 Jack
iOS 5 Tech Talk World Tour 2011 draft001
iOS 5 Tech Talk World Tour 2011 draft001
Alexandru Terente
History of iOS
History of iOS
pyro2927
iOS 7 UI Transition Guide
iOS 7 UI Transition Guide
Evgeny Belyaev
Recomendados
iOS Development Talk - KP Digital Youth Summit 2014
iOS Development Talk - KP Digital Youth Summit 2014
Usman Khan
Modern Domino: iOS 7
Modern Domino: iOS 7
Peter Presnell
iOS Human Interface Guideline
iOS Human Interface Guideline
Design My Template LLP
A Brief History of iOS
A Brief History of iOS
Nahum365
Mobile ux
Mobile ux
彭其捷 Jack
iOS 5 Tech Talk World Tour 2011 draft001
iOS 5 Tech Talk World Tour 2011 draft001
Alexandru Terente
History of iOS
History of iOS
pyro2927
iOS 7 UI Transition Guide
iOS 7 UI Transition Guide
Evgeny Belyaev
Android User Interface Design
Android User Interface Design
Ahmad Firoz
Mobile hig
Mobile hig
antonsdavis33
Mobile Human interface giude
Mobile Human interface giude
Pragati Singh
Tapping into Mobile UI with HTML 5
Tapping into Mobile UI with HTML 5
Yael Sahar
iOS humaninterfaceguidelines
iOS humaninterfaceguidelines
cdsg
Adaptive Design for Android
Adaptive Design for Android
Ni Yan
Tapping into Mobile UI with HTML5
Tapping into Mobile UI with HTML5
Yael Sahar
Infinum Android Talks #09 - Android Wear UI
Infinum Android Talks #09 - Android Wear UI
Infinum
Android development first steps
Android development first steps
christoforosnalmpantis
Android UI Design Tips
Android UI Design Tips
Luis Abreu
I os human interface guidelines
I os human interface guidelines
knottyjung
Designing beyond the screen
Designing beyond the screen
In The Pocket
iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1
Sansern Wuthirat
IOSAPPDevelopment 2011CS010103.pptx
IOSAPPDevelopment 2011CS010103.pptx
JiminJimin16
Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012
Jan Kroon
Mobile hig
Mobile hig
Teddy Koornia
Designing For A Multi-platform Digital Product
Designing For A Multi-platform Digital Product
Kyle McConnell
My Android is not an iPhone like any others (Mdevcon 2014)
My Android is not an iPhone like any others (Mdevcon 2014)
jeromevdl
打造你的第一個iPhone APP
打造你的第一個iPhone APP
彼得潘 Pan
Android Design Patterns
Android Design Patterns
Fernando Cejas
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
Mais conteúdo relacionado
Semelhante a Android Design - Dropping iOS Patterns
Android User Interface Design
Android User Interface Design
Ahmad Firoz
Mobile hig
Mobile hig
antonsdavis33
Mobile Human interface giude
Mobile Human interface giude
Pragati Singh
Tapping into Mobile UI with HTML 5
Tapping into Mobile UI with HTML 5
Yael Sahar
iOS humaninterfaceguidelines
iOS humaninterfaceguidelines
cdsg
Adaptive Design for Android
Adaptive Design for Android
Ni Yan
Tapping into Mobile UI with HTML5
Tapping into Mobile UI with HTML5
Yael Sahar
Infinum Android Talks #09 - Android Wear UI
Infinum Android Talks #09 - Android Wear UI
Infinum
Android development first steps
Android development first steps
christoforosnalmpantis
Android UI Design Tips
Android UI Design Tips
Luis Abreu
I os human interface guidelines
I os human interface guidelines
knottyjung
Designing beyond the screen
Designing beyond the screen
In The Pocket
iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1
Sansern Wuthirat
IOSAPPDevelopment 2011CS010103.pptx
IOSAPPDevelopment 2011CS010103.pptx
JiminJimin16
Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012
Jan Kroon
Mobile hig
Mobile hig
Teddy Koornia
Designing For A Multi-platform Digital Product
Designing For A Multi-platform Digital Product
Kyle McConnell
My Android is not an iPhone like any others (Mdevcon 2014)
My Android is not an iPhone like any others (Mdevcon 2014)
jeromevdl
打造你的第一個iPhone APP
打造你的第一個iPhone APP
彼得潘 Pan
Android Design Patterns
Android Design Patterns
Fernando Cejas
Semelhante a Android Design - Dropping iOS Patterns
(20)
Android User Interface Design
Android User Interface Design
Mobile hig
Mobile hig
Mobile Human interface giude
Mobile Human interface giude
Tapping into Mobile UI with HTML 5
Tapping into Mobile UI with HTML 5
iOS humaninterfaceguidelines
iOS humaninterfaceguidelines
Adaptive Design for Android
Adaptive Design for Android
Tapping into Mobile UI with HTML5
Tapping into Mobile UI with HTML5
Infinum Android Talks #09 - Android Wear UI
Infinum Android Talks #09 - Android Wear UI
Android development first steps
Android development first steps
Android UI Design Tips
Android UI Design Tips
I os human interface guidelines
I os human interface guidelines
Designing beyond the screen
Designing beyond the screen
iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1
IOSAPPDevelopment 2011CS010103.pptx
IOSAPPDevelopment 2011CS010103.pptx
Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012
Mobile hig
Mobile hig
Designing For A Multi-platform Digital Product
Designing For A Multi-platform Digital Product
My Android is not an iPhone like any others (Mdevcon 2014)
My Android is not an iPhone like any others (Mdevcon 2014)
打造你的第一個iPhone APP
打造你的第一個iPhone APP
Android Design Patterns
Android Design Patterns
Último
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Pooja Nehwal
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
Suhani Kapoor
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
shivubhavv
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Delhi Call girls
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
mirandajeremy200221
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
soniya singh
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
jen_giacalone
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
anilsa9823
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
LukeKholes
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Delhi Call girls
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
ranjana rawat
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 Nehwal
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Paromita Roy
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
modelanjalisharma4
Último
(20)
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
Android Design - Dropping iOS Patterns
1.
Designing For Android Dropping
iOS Patterns @jsonfry
2.
What? • • Designing Specifically for
Android How it differs from iOS design
3.
What you might already
know?
4.
Basics of designing
for small touch screens • • • • • Large tap area, don’t make tiny buttons Prioritise content Minimal user input Intermittent connectivity (Have used an Android device)
5.
Back To Android
6.
Android Design is
NOT:
7.
Android Design is
NOT:
8.
Android Design is
NOT:
9.
Why? • Users’ Learnt Behaviours
10.
Side Note • Don’t make
a soft iOS style back button • Up button
11.
Side Note • Don’t make
a soft iOS style back button • Up button
12.
Why? • Users’ Learnt Behaviours
13.
View Stack
14.
bit. View Stack ly/i nte nts 2
15.
View Stack • • Like Browser
Back Button Subtle Animations
16.
Up Button
17.
Up Button
18.
Up Button
19.
Up Button
20.
21.
22.
23.
24.
25.
26.
So what then?
27.
Navigation Drawers & Action
Bars!
28.
Navigation Drawer
29.
Navigation Drawer
30.
Navigation Drawer er raw avd y/n it.l b
31.
Action Bar
32.
Action Bar
33.
Action Bar
34.
Where are tabs
useful?
35.
36.
37.
38.
39.
40.
Other ways to filter
content
41.
View Control
42.
View Control
43.
Icons
44.
Icons • • • App Icon Notification Icon Context
Menu Icons
45.
Icons • • • App Icon Notification Icon Context
Menu Icons icons android bit.ly/
46.
Icons • • • App Icon icons android bit.ly/ Notification Icon Context
Menu Icons bit.ly/assetstudio
47.
Loading Modal Dialogs
48.
49.
Other Modal Dialogs
50.
51.
52.
NO!
53.
NO!
54.
Toasts
55.
56.
57.
Status Bar Notifications
58.
59.
Ongoing Notifications • • Anything in
the background E.g. • • • Music Downloading Updating status
60.
ngoing Notifications • • Anything in
the background E.g. • • • Music Downloading Updating status
61.
Ambient Notifications
62.
Expanding Notifications
63.
Expanding Notifications
64.
Lists
65.
66.
67.
68.
69.
Different Screen Sizes &
Densities
70.
Different Screen Sizes &
Densities screens ndroid bit.ly/a
71.
72.
73.
74.
75.
76.
77.
Other Little Extras
78.
Other Little Extras • • • Don’t
use a splash screen Don’t use full screen Double tap is only used for zooming
79.
Other Little Extras • • • Don’t
use a splash screen Don’t use full screen bit.ly/A Double tap is only used for zooming ndroidDesig nGuide lines
80.
Thanks! • jasonfry.co.uk • @jsonfry
Baixar agora