SlideShare a Scribd company logo
My Android is not an iPhone
like any others
- Jérôme Van Der Linden -
Jérôme
Van Der Linden

Android Lint
Sonar Plugin

http://android-holo-colors.com

Quality Tools
For Android

jeromevdl

@jeromevdl

+jerome van der linden

2
3
Disclaimer :
I’m not an Android FanBoy… :-)

4
Have you ever heard / said ?
Like iOS !

Respect the design
(ed. iPhone PSD)

This is not the good icon, take
the iPhone one
Androïd
and iOS the same*

* In France an android is « androïde » with a diaeresis

idem as iPad

5
Have you ever heard / said ?
Like iOS !

Respect the design
(ed. iPhone PSD)

This is not the good icon, take
the iPhone one
Androïd
and iOS the same*

* In France an android is « androïde » with a diaeresis

idem as iPad

5
Marketing
Designers
ex-iOS Developers
!

This is for you !

6
Android is not a second class system anymore !
!

You cannot just say : « OK now that iPhone app is created,
let’s replicate it on Android »
!

Users are demanding and want Android apps
!

They will remind you if you forget…
7
?
8
?
8
!
9
!
9
Screen resolutions*
A 640x960 PSD is not enough.
Think dp, not px !

1136x960
320x480

* phones only

640x960

xxhdpi
xhdpi
hdpi
mdpi
ldpi
960x1280 1080x1920
480x600 768x1280
768x1152 768x1024
720x1280
480x854
480x800
540x960
320x480
240x320

10
Screen ratios

480

960

Think relative !
Pixel Perfect is not
possible.

320
540

100

11
Back to basics - tabs

http://developer.android.com/design/patterns/pure-android.html

Tabs go on top

12
Back to basics - back button

No back button on your app
The system (or the device)
provides one

http://developer.android.com/design/patterns/navigation.html

13
Back to basics - up button

1

14
Back to basics - up button
Up button is not a back
button : goes 1 level up in
navigation hierarchy

1

2

http://developer.android.com/design/patterns/navigation.html#up-vs-back

14
Back to basics - up button
Up button is not a back
button : goes 1 level up in
navigation hierarchy

1

?
2

http://developer.android.com/design/patterns/navigation.html#up-vs-back

14
Back to basics : app icons

http://developer.android.com/design/style/iconography.html#launcher

15
Back to basics : app icons

No rounded square, no rule!
Feel free :-)

http://developer.android.com/design/style/iconography.html#launcher

15
Back to basics : system icons

Use platform icons to let users
recognize them.

http://developer.android.com/design/downloads/index.html#action-bar-icon-pack
http://developer.android.com/design/style/iconography.html

16
Back to basics : share / open with

Do not limit the sharing
options to Twitter and Facebook

Use the system sharing Intent (ACTION_SEND)
or ACTION_VIEW with appropriate mimetype
17
Back to basics : share / open with

Do not limit the sharing
options to Twitter and Facebook

Use the system sharing Intent (ACTION_SEND)
or ACTION_VIEW with appropriate mimetype
17
Back to basics : splashscreen

18
Back to basics : splashscreen

Avoid splash screens !
http://cyrilmottier.com/2012/05/03/splash-screens-are-evil-dont-use-them/

18
Avoid hidden features

Prefer a visible
arrow
Swipe in UITableView cell

Avoid long press and
others hidden features,
prefer a clickable element
19
ActionBar : use it…
Icon and/or Title on the left
Actions on the right
No f*cking back button

iOS Navigation Bar

Android ActionBar

… but use it well !
ActionBar is contextual to the screen
and is part of Android (do not reinvent the wheel)
http://developer.android.com/guide/topics/ui/actionbar.html

20
ActionBar : and use it again…

Do not leave the screen to
manipulate your data :
sort, filter, modify, delete
http://developer.android.com/guide/topics/ui/actionbar.html#Dropdown
http://developer.android.com/guide/topics/ui/actionbar.html#SplitBar

21
ActionBar : and again !

22
ActionBar : and again !

22
ActionBar : and again !
Search in the same screen
… in the ActionBar !

http://developer.android.com/training/search/setup.html

22
Left menu is standard

Navigation Drawer is now a
standard component.
https://developer.android.com/design/patterns/navigation-drawer.html

23
But Android is sad like the
Estonian Flag…
#33b5e5
Holo Dark
Holo Light

24
ActionBar : customize it

25
ActionBar : customize it

http://jgilfelt.github.io/android-actionbarstylegenerator
https://developer.android.com/training/basics/actionbar/styling.html

25
ActionBar : customize it

http://jgilfelt.github.io/android-actionbarstylegenerator
https://developer.android.com/training/basics/actionbar/styling.html

25
ActionBar : customize it

http://jgilfelt.github.io/android-actionbarstylegenerator
https://developer.android.com/training/basics/actionbar/styling.html

https://github.com/ManuelPeinado/FadingActionBar

25
And the rest ? Customize too !
Adopt your branding :
colors, icons, fonts

Android is not only
blue

http://developer.android.com/design/style/branding.html

http://android-holo-colors.com/

26
Innovate !
Expedia

Yahoo! Weather

Grand St.

Timely

Flipboard
27
And go Further !

Widgets are typical Android feature.
Provide fast and easily any information.

28
My Android is not an iPhone like any others (Mdevcon 2014)
Good or Bad ?

30
Good or Bad ?

30
Good or Bad ?

31
Good or Bad ?

31
Good or Bad ?

32
Good or Bad ?

32
Good or Bad ?

33
Good or Bad ?

33
Good or Bad ?

34
Good or Bad ?

34
Good or Bad ?

35
Good or Bad ?

35
Conclusion
Android is not a second class system anymore !
Users are demanding with app UI and UX, Android UI and UX
!
!
!
!
!
!
!
!

Two solutions :
1/ Respect Android guidelines / do NOT clone iOS screens
2/ Innovate ! but respect 1/ :-)
36
Be inspired
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•

Pattrn
Eye In Sky Weather
Pocket
Timer
Grand st.
Pinterest
Press (reader)
NYTimes
Expedia
Flipboard
TED
Timely
Circa
Etsy
airbnb
The Whole Pantry
Runtastic Heart Rate PRO
Tumblr
Umano
Yahoo! Weather
37
Resources
http://developer.android.com/design/index.html
http://developer.android.com/guide/topics/ui/index.html
http://www.androiduipatterns.com/
Android Design in Action on Youtube

38
jeromevdl

@jeromevdl

+jerome van der linden

39

More Related Content

Viewers also liked

Open Source Business Intelligence
Open Source Business IntelligenceOpen Source Business Intelligence
Open Source Business Intelligence
Jos van Dongen
 
Adopting Open Source Business Intelligence: Who, Why and How
Adopting Open Source Business Intelligence: Who, Why and HowAdopting Open Source Business Intelligence: Who, Why and How
Adopting Open Source Business Intelligence: Who, Why and How
mark madsen
 
Softshake - Offline applications
Softshake - Offline applicationsSoftshake - Offline applications
Softshake - Offline applications
jeromevdl
 
Jaspersoft Webinar deck
Jaspersoft Webinar deckJaspersoft Webinar deck
Jaspersoft Webinar deck
Jos van Dongen
 
Make use of Sonar for your mobile developments - It's easy and useful!
Make use of Sonar for your mobile developments - It's easy and useful!Make use of Sonar for your mobile developments - It's easy and useful!
Make use of Sonar for your mobile developments - It's easy and useful!
cyrilpicat
 
Mondrian and OLAP Overview
Mondrian and OLAP OverviewMondrian and OLAP Overview
Mondrian and OLAP Overview
Alex Meadows
 
Metroide
MetroideMetroide
Metroide
jeromevdl
 

Viewers also liked (7)

Open Source Business Intelligence
Open Source Business IntelligenceOpen Source Business Intelligence
Open Source Business Intelligence
 
Adopting Open Source Business Intelligence: Who, Why and How
Adopting Open Source Business Intelligence: Who, Why and HowAdopting Open Source Business Intelligence: Who, Why and How
Adopting Open Source Business Intelligence: Who, Why and How
 
Softshake - Offline applications
Softshake - Offline applicationsSoftshake - Offline applications
Softshake - Offline applications
 
Jaspersoft Webinar deck
Jaspersoft Webinar deckJaspersoft Webinar deck
Jaspersoft Webinar deck
 
Make use of Sonar for your mobile developments - It's easy and useful!
Make use of Sonar for your mobile developments - It's easy and useful!Make use of Sonar for your mobile developments - It's easy and useful!
Make use of Sonar for your mobile developments - It's easy and useful!
 
Mondrian and OLAP Overview
Mondrian and OLAP OverviewMondrian and OLAP Overview
Mondrian and OLAP Overview
 
Metroide
MetroideMetroide
Metroide
 

Similar to My Android is not an iPhone like any others (Mdevcon 2014)

9 Step Guide to Create Ripple View Effect in Android
9 Step Guide to Create Ripple View Effect in Android9 Step Guide to Create Ripple View Effect in Android
9 Step Guide to Create Ripple View Effect in Android
Nine Hertz
 
Android UI Design Tips
Android UI Design TipsAndroid UI Design Tips
Android UI Design Tips
Android Developers
 
Designing an App: From Idea to Market
Designing an App: From Idea to MarketDesigning an App: From Idea to Market
Designing an App: From Idea to Market
EffectiveUI
 
Designing an Android App from Idea to Market
Designing an Android App from Idea to MarketDesigning an Android App from Idea to Market
Designing an Android App from Idea to Market
Tony Hillerson
 
Designing an Android App: From Idea to Market
Designing an Android App: From Idea to MarketDesigning an Android App: From Idea to Market
Designing an Android App: From Idea to Market
Effective
 
Android design lecture #1
Android design   lecture #1Android design   lecture #1
Android design lecture #1
Vitali Pekelis
 
Making your ui look good on android
Making your ui look good on androidMaking your ui look good on android
Making your ui look good on android
the100rabh
 
Android app development guide for freshers by ace web academy
Android app development guide for freshers  by ace web academyAndroid app development guide for freshers  by ace web academy
Android app development guide for freshers by ace web academy
Ace Web Academy -Career Development Center
 
Mini-Training: Mobile UX Trends
Mini-Training: Mobile UX TrendsMini-Training: Mobile UX Trends
Mini-Training: Mobile UX Trends
Betclic Everest Group Tech Team
 
Mobile development basics and trends - tech day 2015
Mobile development   basics and trends - tech day 2015Mobile development   basics and trends - tech day 2015
Mobile development basics and trends - tech day 2015
Leandro Cordeiro David
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principles
moduledesign
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principles
moduledesign
 
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
Justin Lee
 
Mobile world
Mobile worldMobile world
Mobile world
Yonatan Levin
 
Android ActionBar Navigation reloaded
Android ActionBar Navigation reloadedAndroid ActionBar Navigation reloaded
Android ActionBar Navigation reloaded
Dominik Helleberg
 
Mobile Dev For Web Devs
Mobile Dev For Web DevsMobile Dev For Web Devs
Mobile Dev For Web Devs
Justin James
 
Using android's action bar
Using android's action barUsing android's action bar
Using android's action bar
Danilo Freitas de Souza
 
Android Interview Questions
Android Interview QuestionsAndroid Interview Questions
Android Interview Questions
Gaurav Mehta
 
Android interview questions
Android interview questionsAndroid interview questions
Android interview questions
pasalasuneelkumar
 
Introduction to Windows 8
Introduction to Windows 8Introduction to Windows 8
Introduction to Windows 8
AdultLearning Australia
 

Similar to My Android is not an iPhone like any others (Mdevcon 2014) (20)

9 Step Guide to Create Ripple View Effect in Android
9 Step Guide to Create Ripple View Effect in Android9 Step Guide to Create Ripple View Effect in Android
9 Step Guide to Create Ripple View Effect in Android
 
Android UI Design Tips
Android UI Design TipsAndroid UI Design Tips
Android UI Design Tips
 
Designing an App: From Idea to Market
Designing an App: From Idea to MarketDesigning an App: From Idea to Market
Designing an App: From Idea to Market
 
Designing an Android App from Idea to Market
Designing an Android App from Idea to MarketDesigning an Android App from Idea to Market
Designing an Android App from Idea to Market
 
Designing an Android App: From Idea to Market
Designing an Android App: From Idea to MarketDesigning an Android App: From Idea to Market
Designing an Android App: From Idea to Market
 
Android design lecture #1
Android design   lecture #1Android design   lecture #1
Android design lecture #1
 
Making your ui look good on android
Making your ui look good on androidMaking your ui look good on android
Making your ui look good on android
 
Android app development guide for freshers by ace web academy
Android app development guide for freshers  by ace web academyAndroid app development guide for freshers  by ace web academy
Android app development guide for freshers by ace web academy
 
Mini-Training: Mobile UX Trends
Mini-Training: Mobile UX TrendsMini-Training: Mobile UX Trends
Mini-Training: Mobile UX Trends
 
Mobile development basics and trends - tech day 2015
Mobile development   basics and trends - tech day 2015Mobile development   basics and trends - tech day 2015
Mobile development basics and trends - tech day 2015
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principles
 
Lecture 4 display_principles
Lecture 4 display_principlesLecture 4 display_principles
Lecture 4 display_principles
 
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
 
Mobile world
Mobile worldMobile world
Mobile world
 
Android ActionBar Navigation reloaded
Android ActionBar Navigation reloadedAndroid ActionBar Navigation reloaded
Android ActionBar Navigation reloaded
 
Mobile Dev For Web Devs
Mobile Dev For Web DevsMobile Dev For Web Devs
Mobile Dev For Web Devs
 
Using android's action bar
Using android's action barUsing android's action bar
Using android's action bar
 
Android Interview Questions
Android Interview QuestionsAndroid Interview Questions
Android Interview Questions
 
Android interview questions
Android interview questionsAndroid interview questions
Android interview questions
 
Introduction to Windows 8
Introduction to Windows 8Introduction to Windows 8
Introduction to Windows 8
 

More from jeromevdl

Message-Driven Architecture on AWS
Message-Driven Architecture on AWSMessage-Driven Architecture on AWS
Message-Driven Architecture on AWS
jeromevdl
 
Do more with less code in serverless
Do more with less code in serverlessDo more with less code in serverless
Do more with less code in serverless
jeromevdl
 
Do more with less code in a serverless world
Do more with less code in a serverless worldDo more with less code in a serverless world
Do more with less code in a serverless world
jeromevdl
 
DevopsDays Geneva 2020 - Compliance & Governance as Code
DevopsDays Geneva 2020 - Compliance & Governance as CodeDevopsDays Geneva 2020 - Compliance & Governance as Code
DevopsDays Geneva 2020 - Compliance & Governance as Code
jeromevdl
 
Softshake 2017 - Développer un chatbot Alexa
Softshake 2017 - Développer un chatbot AlexaSoftshake 2017 - Développer un chatbot Alexa
Softshake 2017 - Développer un chatbot Alexa
jeromevdl
 
Chatbots buzzword ou nouvel eldorado
Chatbots   buzzword ou nouvel eldoradoChatbots   buzzword ou nouvel eldorado
Chatbots buzzword ou nouvel eldorado
jeromevdl
 
Management projet vs management produit
Management projet vs management produitManagement projet vs management produit
Management projet vs management produit
jeromevdl
 
DroidconUK 2013 : Beef up android apps with java tools
DroidconUK 2013 : Beef up android apps with java toolsDroidconUK 2013 : Beef up android apps with java tools
DroidconUK 2013 : Beef up android apps with java tools
jeromevdl
 
Jug Lausanne Android Janvier2013
Jug Lausanne Android Janvier2013Jug Lausanne Android Janvier2013
Jug Lausanne Android Janvier2013
jeromevdl
 

More from jeromevdl (9)

Message-Driven Architecture on AWS
Message-Driven Architecture on AWSMessage-Driven Architecture on AWS
Message-Driven Architecture on AWS
 
Do more with less code in serverless
Do more with less code in serverlessDo more with less code in serverless
Do more with less code in serverless
 
Do more with less code in a serverless world
Do more with less code in a serverless worldDo more with less code in a serverless world
Do more with less code in a serverless world
 
DevopsDays Geneva 2020 - Compliance & Governance as Code
DevopsDays Geneva 2020 - Compliance & Governance as CodeDevopsDays Geneva 2020 - Compliance & Governance as Code
DevopsDays Geneva 2020 - Compliance & Governance as Code
 
Softshake 2017 - Développer un chatbot Alexa
Softshake 2017 - Développer un chatbot AlexaSoftshake 2017 - Développer un chatbot Alexa
Softshake 2017 - Développer un chatbot Alexa
 
Chatbots buzzword ou nouvel eldorado
Chatbots   buzzword ou nouvel eldoradoChatbots   buzzword ou nouvel eldorado
Chatbots buzzword ou nouvel eldorado
 
Management projet vs management produit
Management projet vs management produitManagement projet vs management produit
Management projet vs management produit
 
DroidconUK 2013 : Beef up android apps with java tools
DroidconUK 2013 : Beef up android apps with java toolsDroidconUK 2013 : Beef up android apps with java tools
DroidconUK 2013 : Beef up android apps with java tools
 
Jug Lausanne Android Janvier2013
Jug Lausanne Android Janvier2013Jug Lausanne Android Janvier2013
Jug Lausanne Android Janvier2013
 

Recently uploaded

ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
Anit Kapoor
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
rawankhanlove256
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
kimmi singla$A17
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
sonalibook860
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
AidanOKeefe2
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
sonalibook860
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
Resolute
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
monikaservice00
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
sonalibook860
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
77sayre
 
Unit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.pptUnit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.ppt
ChiragSuresh
 
University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
eacwpay
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
Pixeldarts
 
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial ValenciaCatálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
AMADO SALVADOR
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
45unexpected
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
miss ekta$A17
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
chandadutta02102
 
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
monikaservice00
 

Recently uploaded (20)

ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
 
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Pune 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
Russian Girls Call Delhi 🛵🚡9711199171 💃 Choose Best And Top Girl Service And ...
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
 
Enemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts LegacyEnemy Encounter Standards for Hogwarts Legacy
Enemy Encounter Standards for Hogwarts Legacy
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
 
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
Girls call Service Indore 000XX00000 Provide Best And Top Girl Service And No...
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
 
Unit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.pptUnit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.ppt
 
University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
 
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial ValenciaCatálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
Catálogo Platos Ducha Sanycces 2024 Amado Salvador distribuidor oficial Valencia
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
 

My Android is not an iPhone like any others (Mdevcon 2014)

  • 1. My Android is not an iPhone like any others - Jérôme Van Der Linden -
  • 2. Jérôme Van Der Linden Android Lint Sonar Plugin http://android-holo-colors.com Quality Tools For Android jeromevdl @jeromevdl +jerome van der linden 2
  • 3. 3
  • 4. Disclaimer : I’m not an Android FanBoy… :-) 4
  • 5. Have you ever heard / said ? Like iOS ! Respect the design (ed. iPhone PSD) This is not the good icon, take the iPhone one Androïd and iOS the same* * In France an android is « androïde » with a diaeresis idem as iPad 5
  • 6. Have you ever heard / said ? Like iOS ! Respect the design (ed. iPhone PSD) This is not the good icon, take the iPhone one Androïd and iOS the same* * In France an android is « androïde » with a diaeresis idem as iPad 5
  • 8. Android is not a second class system anymore ! ! You cannot just say : « OK now that iPhone app is created, let’s replicate it on Android » ! Users are demanding and want Android apps ! They will remind you if you forget… 7
  • 9. ? 8
  • 10. ? 8
  • 11. ! 9
  • 12. ! 9
  • 13. Screen resolutions* A 640x960 PSD is not enough. Think dp, not px ! 1136x960 320x480 * phones only 640x960 xxhdpi xhdpi hdpi mdpi ldpi 960x1280 1080x1920 480x600 768x1280 768x1152 768x1024 720x1280 480x854 480x800 540x960 320x480 240x320 10
  • 14. Screen ratios 480 960 Think relative ! Pixel Perfect is not possible. 320 540 100 11
  • 15. Back to basics - tabs http://developer.android.com/design/patterns/pure-android.html Tabs go on top 12
  • 16. Back to basics - back button No back button on your app The system (or the device) provides one http://developer.android.com/design/patterns/navigation.html 13
  • 17. Back to basics - up button 1 14
  • 18. Back to basics - up button Up button is not a back button : goes 1 level up in navigation hierarchy 1 2 http://developer.android.com/design/patterns/navigation.html#up-vs-back 14
  • 19. Back to basics - up button Up button is not a back button : goes 1 level up in navigation hierarchy 1 ? 2 http://developer.android.com/design/patterns/navigation.html#up-vs-back 14
  • 20. Back to basics : app icons http://developer.android.com/design/style/iconography.html#launcher 15
  • 21. Back to basics : app icons No rounded square, no rule! Feel free :-) http://developer.android.com/design/style/iconography.html#launcher 15
  • 22. Back to basics : system icons Use platform icons to let users recognize them. http://developer.android.com/design/downloads/index.html#action-bar-icon-pack http://developer.android.com/design/style/iconography.html 16
  • 23. Back to basics : share / open with Do not limit the sharing options to Twitter and Facebook Use the system sharing Intent (ACTION_SEND) or ACTION_VIEW with appropriate mimetype 17
  • 24. Back to basics : share / open with Do not limit the sharing options to Twitter and Facebook Use the system sharing Intent (ACTION_SEND) or ACTION_VIEW with appropriate mimetype 17
  • 25. Back to basics : splashscreen 18
  • 26. Back to basics : splashscreen Avoid splash screens ! http://cyrilmottier.com/2012/05/03/splash-screens-are-evil-dont-use-them/ 18
  • 27. Avoid hidden features Prefer a visible arrow Swipe in UITableView cell Avoid long press and others hidden features, prefer a clickable element 19
  • 28. ActionBar : use it… Icon and/or Title on the left Actions on the right No f*cking back button iOS Navigation Bar Android ActionBar … but use it well ! ActionBar is contextual to the screen and is part of Android (do not reinvent the wheel) http://developer.android.com/guide/topics/ui/actionbar.html 20
  • 29. ActionBar : and use it again… Do not leave the screen to manipulate your data : sort, filter, modify, delete http://developer.android.com/guide/topics/ui/actionbar.html#Dropdown http://developer.android.com/guide/topics/ui/actionbar.html#SplitBar 21
  • 30. ActionBar : and again ! 22
  • 31. ActionBar : and again ! 22
  • 32. ActionBar : and again ! Search in the same screen … in the ActionBar ! http://developer.android.com/training/search/setup.html 22
  • 33. Left menu is standard Navigation Drawer is now a standard component. https://developer.android.com/design/patterns/navigation-drawer.html 23
  • 34. But Android is sad like the Estonian Flag… #33b5e5 Holo Dark Holo Light 24
  • 36. ActionBar : customize it http://jgilfelt.github.io/android-actionbarstylegenerator https://developer.android.com/training/basics/actionbar/styling.html 25
  • 37. ActionBar : customize it http://jgilfelt.github.io/android-actionbarstylegenerator https://developer.android.com/training/basics/actionbar/styling.html 25
  • 38. ActionBar : customize it http://jgilfelt.github.io/android-actionbarstylegenerator https://developer.android.com/training/basics/actionbar/styling.html https://github.com/ManuelPeinado/FadingActionBar 25
  • 39. And the rest ? Customize too ! Adopt your branding : colors, icons, fonts Android is not only blue http://developer.android.com/design/style/branding.html http://android-holo-colors.com/ 26
  • 40. Innovate ! Expedia Yahoo! Weather Grand St. Timely Flipboard 27
  • 41. And go Further ! Widgets are typical Android feature. Provide fast and easily any information. 28
  • 43. Good or Bad ? 30
  • 44. Good or Bad ? 30
  • 45. Good or Bad ? 31
  • 46. Good or Bad ? 31
  • 47. Good or Bad ? 32
  • 48. Good or Bad ? 32
  • 49. Good or Bad ? 33
  • 50. Good or Bad ? 33
  • 51. Good or Bad ? 34
  • 52. Good or Bad ? 34
  • 53. Good or Bad ? 35
  • 54. Good or Bad ? 35
  • 55. Conclusion Android is not a second class system anymore ! Users are demanding with app UI and UX, Android UI and UX ! ! ! ! ! ! ! ! Two solutions : 1/ Respect Android guidelines / do NOT clone iOS screens 2/ Innovate ! but respect 1/ :-) 36
  • 56. Be inspired • • • • • • • • • • • • • • • • • • • • Pattrn Eye In Sky Weather Pocket Timer Grand st. Pinterest Press (reader) NYTimes Expedia Flipboard TED Timely Circa Etsy airbnb The Whole Pantry Runtastic Heart Rate PRO Tumblr Umano Yahoo! Weather 37