SlideShare ist ein Scribd-Unternehmen logo
1 von 24
Downloaden Sie, um offline zu lesen
Android vs. iOS
While using Android over the past couple of weeks i’ve noticed some things when comparing my top apps to iOS. Both iOS and Android, in different
cases, choose different UI elements to do different things. I wanted to catalog some of them here.

Overall I’d say that mainstream Android apps have improved over time, and in many cases (Spotify, Evernote, NPR, and Amazon) I liked the Android
versions better. Also with design trends moving to blocky designs and flat colors (like Windows 8) - Android looks more modern in a side-by-side
comparison to its iOS counterpart.

If anything this shows that there are very few standard patterns that are used 100% of the time on each OS, but there is risk of confusion from someone
expecting one thing - like they have an iPad tablet, but an Android phone - and getting different results when switching between devices.




                                                                                                 vs.
NOTES
» Android app cleaner, less hidden UI
» iOS using skeuomorphic design
» Android app more branded to Evernote
NOTES
» Android uses the more standard “left side
    menu”
»   Android is using the “notch menu”
NOTES
» Android using notch menu
» I like the “now playing” placement on Android
» Android has more branding
NOTES
» Android has left slide menu
» iOS is using more standard iOS components
NOTES
» iOS using more standard iOS components
» I like the mixed search results from Android
» Android has more branding
NOTES
» Facebook tends to try to copy pixel for pixel
    when they can.
»   Android version has a blocky design - which is
    the current design trend (think Windows 8).
NOTES
» Android using the “three dot” menu icon
    where iOS uses the arrow
»   With Android you can more easily see the
    number of likes/reposts
NOTES
» iOS uses more standard navigation elements
» Android screen is visually nicer
NOTES
» iOS profile more visual - has news feed in a
    different area
»   Android style, again blocky
»   Search more noticeable on Android
»   Android using the thin underline to show
    selected nav item
NOTES
» Twitter took the “move the iOS bar to the top”
    shortcut for Android
»   More branding on Android
»   Seeing a lot of “pull to search” on iOS vs.
    having a search UI element always visable on
    Android
NOTES
» Android uses logo with “>” instead of iOS’s
    cancel button
»   iOS search is more visual
NOTES
» Very different layouts
» On Android Google kept the Android specific
    pattern to “notch” the username
»   Almost reverse - Android has a row of icons at
    the bottom where the iOS does not. You could
    argue that the functionality is so different from
    standard iOS this bar would confuse on an
    iPhone.
NOTES
» Cart and logo / nav flyout on Android is closer
  to the Amazon website (brand patterns vs. OS
  patterns)
NOTES
» More branding on the Android device
NOTES
» Android combined buttons into the “three dot”
  menu
NOTES
» More branding on the Android
» Obviously trying to keep the apps very close
    to the same design
»   Using the Android “>” logo as a back button
NOTES
» Very branded app on both OSes
» Android using the thin underline to show
  selected nav item
NOTES
» Android has the standard back, search area,
  and notches thats seen across many modern
  Android apps
NOTES
» Very similar app across OSes
» Android design tries to stay away from buttons
  (Following the “Buttons are a Hack”
  philosophy?)
NOTES
» A more blocky design on the Android app
» Apps very similar
NOTES
» Android has larger hit areas
» Facebook moved the “three dot” menu to iOS
» Apps are very similar
NOTES
» Similar branding, but slightly different visual
    placement of elements
»   This case, the iOS gets the left nav, and the
    Android does not
NOTES
» Android using “notch” menu
» Blocky design on Android

Weitere ähnliche Inhalte

Was ist angesagt?

Android ppt
Android pptAndroid ppt
Android pptAmit
 
A presentation on android OS
A presentation on android OSA presentation on android OS
A presentation on android OSNahian Ahmed
 
Presentation On Android OS
Presentation On Android OSPresentation On Android OS
Presentation On Android OSAkshay Kakkar
 
The Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers CollectionThe Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers CollectionTheresa Neil
 
Presentation on Android operating system
Presentation on Android operating systemPresentation on Android operating system
Presentation on Android operating systemSalma Begum
 
Why android os is most popular in world
Why android os is most popular in worldWhy android os is most popular in world
Why android os is most popular in worldBIPUL KUMAR GUPTA
 
Android is a most popular os
Android is a most popular osAndroid is a most popular os
Android is a most popular osPrem Prasun
 
iOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore PordenoneiOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore PordenoneKlaus Lanzarini
 
Android Operating system
Android Operating systemAndroid Operating system
Android Operating systemMeenu Kamra
 
Android operating system
Android operating systemAndroid operating system
Android operating systemGurpreet Singh
 
Android PPT Presentation 2018
Android PPT Presentation 2018Android PPT Presentation 2018
Android PPT Presentation 2018Rao Purna
 
Android OS Presentation
Android OS PresentationAndroid OS Presentation
Android OS PresentationEks Dhiee ジ
 
What is Android OS in ppt ?
What is Android OS in ppt ? What is Android OS in ppt ?
What is Android OS in ppt ? SoonTips.com
 
Android 4.0 UI Design Tips
Android 4.0 UI Design TipsAndroid 4.0 UI Design Tips
Android 4.0 UI Design TipsJustin Lee
 
Android Operating System
Android Operating SystemAndroid Operating System
Android Operating SystemBilal Mirza
 

Was ist angesagt? (20)

Android ppt
Android pptAndroid ppt
Android ppt
 
Andriod apps
Andriod appsAndriod apps
Andriod apps
 
A presentation on android OS
A presentation on android OSA presentation on android OS
A presentation on android OS
 
White paper on Mobile OS and efforts on open standards
White paper on Mobile OS and efforts on open standardsWhite paper on Mobile OS and efforts on open standards
White paper on Mobile OS and efforts on open standards
 
Presentation On Android OS
Presentation On Android OSPresentation On Android OS
Presentation On Android OS
 
The Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers CollectionThe Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers Collection
 
Android 11
Android 11Android 11
Android 11
 
Presentation on Android operating system
Presentation on Android operating systemPresentation on Android operating system
Presentation on Android operating system
 
Why android os is most popular in world
Why android os is most popular in worldWhy android os is most popular in world
Why android os is most popular in world
 
Android is a most popular os
Android is a most popular osAndroid is a most popular os
Android is a most popular os
 
iOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore PordenoneiOS Ecosystem @ Fiera del Radioamatore Pordenone
iOS Ecosystem @ Fiera del Radioamatore Pordenone
 
Android Operating system
Android Operating systemAndroid Operating system
Android Operating system
 
Android operating system
Android operating systemAndroid operating system
Android operating system
 
Android PPT Presentation 2018
Android PPT Presentation 2018Android PPT Presentation 2018
Android PPT Presentation 2018
 
Android ppt
Android pptAndroid ppt
Android ppt
 
Android OS Presentation
Android OS PresentationAndroid OS Presentation
Android OS Presentation
 
What is Android OS in ppt ?
What is Android OS in ppt ? What is Android OS in ppt ?
What is Android OS in ppt ?
 
Android OS 2019
Android OS 2019Android OS 2019
Android OS 2019
 
Android 4.0 UI Design Tips
Android 4.0 UI Design TipsAndroid 4.0 UI Design Tips
Android 4.0 UI Design Tips
 
Android Operating System
Android Operating SystemAndroid Operating System
Android Operating System
 

Ähnlich wie Android vs iOS: A Comparison of Top App Designs /TITLE

[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...SwiftPH
 
Adaptive UI for Android and iOS using Material and Cupertino.pptx
Adaptive UI for Android and iOS using Material and Cupertino.pptxAdaptive UI for Android and iOS using Material and Cupertino.pptx
Adaptive UI for Android and iOS using Material and Cupertino.pptxFlutter Agency
 
Designing apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelinesDesigning apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelinesUTFPR
 
Chapter 4 - How to Think Like Android Developer Designer
Chapter 4  - How to Think Like Android Developer  DesignerChapter 4  - How to Think Like Android Developer  Designer
Chapter 4 - How to Think Like Android Developer DesignerSittiphol Phanvilai
 
Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012Jan Kroon
 
Designing for android tablets smashing mobile
Designing for android tablets   smashing mobileDesigning for android tablets   smashing mobile
Designing for android tablets smashing mobileDaniel Downs
 
Android UX & Design
Android UX & DesignAndroid UX & Design
Android UX & DesignJesse Weed
 
How to Design Mobile UI for Android Devices.pptx
How to Design Mobile UI for Android Devices.pptxHow to Design Mobile UI for Android Devices.pptx
How to Design Mobile UI for Android Devices.pptxTurboAnchor
 
Android Design - Dropping iOS Patterns
Android Design - Dropping iOS PatternsAndroid Design - Dropping iOS Patterns
Android Design - Dropping iOS PatternsJason Fry
 
why android first?
why android first?why android first?
why android first?Enhancers
 
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...Andriy Larchenko
 
Mobile Human interface giude
Mobile Human interface giudeMobile Human interface giude
Mobile Human interface giudePragati Singh
 
iOS design: a case study
iOS design: a case studyiOS design: a case study
iOS design: a case studyJohan Ronsse
 
App design guide
App design guideApp design guide
App design guideJintin Lin
 
Interactive cues in flat design
Interactive cues in flat designInteractive cues in flat design
Interactive cues in flat designMing-Liang Liu
 
Android Design Guidelines 1.1
Android Design Guidelines 1.1Android Design Guidelines 1.1
Android Design Guidelines 1.1Mutual Mobile
 

Ähnlich wie Android vs iOS: A Comparison of Top App Designs /TITLE (20)

iOS vs Android design
iOS vs Android designiOS vs Android design
iOS vs Android design
 
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
 
Adaptive UI for Android and iOS using Material and Cupertino.pptx
Adaptive UI for Android and iOS using Material and Cupertino.pptxAdaptive UI for Android and iOS using Material and Cupertino.pptx
Adaptive UI for Android and iOS using Material and Cupertino.pptx
 
Designing apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelinesDesigning apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelines
 
Chapter 4 - How to Think Like Android Developer Designer
Chapter 4  - How to Think Like Android Developer  DesignerChapter 4  - How to Think Like Android Developer  Designer
Chapter 4 - How to Think Like Android Developer Designer
 
Casestudy
CasestudyCasestudy
Casestudy
 
Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012Jan Kroon's talk @mdevcon 2012
Jan Kroon's talk @mdevcon 2012
 
Designing for android tablets smashing mobile
Designing for android tablets   smashing mobileDesigning for android tablets   smashing mobile
Designing for android tablets smashing mobile
 
Android UX & Design
Android UX & DesignAndroid UX & Design
Android UX & Design
 
Android UX & Design
Android UX & DesignAndroid UX & Design
Android UX & Design
 
How to Design Mobile UI for Android Devices.pptx
How to Design Mobile UI for Android Devices.pptxHow to Design Mobile UI for Android Devices.pptx
How to Design Mobile UI for Android Devices.pptx
 
Android Design - Dropping iOS Patterns
Android Design - Dropping iOS PatternsAndroid Design - Dropping iOS Patterns
Android Design - Dropping iOS Patterns
 
Mobile sketching
Mobile sketching Mobile sketching
Mobile sketching
 
why android first?
why android first?why android first?
why android first?
 
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
 
Mobile Human interface giude
Mobile Human interface giudeMobile Human interface giude
Mobile Human interface giude
 
iOS design: a case study
iOS design: a case studyiOS design: a case study
iOS design: a case study
 
App design guide
App design guideApp design guide
App design guide
 
Interactive cues in flat design
Interactive cues in flat designInteractive cues in flat design
Interactive cues in flat design
 
Android Design Guidelines 1.1
Android Design Guidelines 1.1Android Design Guidelines 1.1
Android Design Guidelines 1.1
 

Mehr von Jeremy Johnson

Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...
Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...
Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...Jeremy Johnson
 
Businesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talk
Businesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talkBusinesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talk
Businesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talkJeremy Johnson
 
UX Design, Friend of Foe #worldusabilityday
UX Design, Friend of Foe #worldusabilitydayUX Design, Friend of Foe #worldusabilityday
UX Design, Friend of Foe #worldusabilitydayJeremy Johnson
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Jeremy Johnson
 
Including the User: How insights drive business #pswud2017
Including the User: How insights drive business #pswud2017Including the User: How insights drive business #pswud2017
Including the User: How insights drive business #pswud2017Jeremy Johnson
 
Product + UX: How to combine strengths to make something truly great!
Product + UX: How to combine strengths to make something truly great!Product + UX: How to combine strengths to make something truly great!
Product + UX: How to combine strengths to make something truly great!Jeremy Johnson
 
Top 3 Ways to use your UX Team for Product Owners
Top 3 Ways to use your UX Team for Product OwnersTop 3 Ways to use your UX Team for Product Owners
Top 3 Ways to use your UX Team for Product OwnersJeremy Johnson
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a mythJeremy Johnson
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a mythJeremy Johnson
 
Top 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupTop 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupJeremy Johnson
 
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...Jeremy Johnson
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product TrendsJeremy Johnson
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product ExperiencesJeremy Johnson
 
It's About Time - Lightning talk for UX Designers
It's About Time - Lightning talk for UX DesignersIt's About Time - Lightning talk for UX Designers
It's About Time - Lightning talk for UX DesignersJeremy Johnson
 
Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Jeremy Johnson
 
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Jeremy Johnson
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User ExperienceJeremy Johnson
 
Pushing Through Failure (Quickly)
Pushing Through Failure (Quickly)Pushing Through Failure (Quickly)
Pushing Through Failure (Quickly)Jeremy Johnson
 
Failing Fast & Learning Along the Way - Big Design 2013
Failing Fast & Learning Along the Way - Big Design 2013Failing Fast & Learning Along the Way - Big Design 2013
Failing Fast & Learning Along the Way - Big Design 2013Jeremy Johnson
 
So you want your interface to sell.
So you want your interface to sell.So you want your interface to sell.
So you want your interface to sell.Jeremy Johnson
 

Mehr von Jeremy Johnson (20)

Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...
Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...
Customer Experience in the Rise of the Digital Age — Atlanta XD Meeting 9/13/...
 
Businesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talk
Businesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talkBusinesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talk
Businesses Want Results, Not Empathy Maps — #cxtalks Dallas 10 minute talk
 
UX Design, Friend of Foe #worldusabilityday
UX Design, Friend of Foe #worldusabilitydayUX Design, Friend of Foe #worldusabilityday
UX Design, Friend of Foe #worldusabilityday
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*
 
Including the User: How insights drive business #pswud2017
Including the User: How insights drive business #pswud2017Including the User: How insights drive business #pswud2017
Including the User: How insights drive business #pswud2017
 
Product + UX: How to combine strengths to make something truly great!
Product + UX: How to combine strengths to make something truly great!Product + UX: How to combine strengths to make something truly great!
Product + UX: How to combine strengths to make something truly great!
 
Top 3 Ways to use your UX Team for Product Owners
Top 3 Ways to use your UX Team for Product OwnersTop 3 Ways to use your UX Team for Product Owners
Top 3 Ways to use your UX Team for Product Owners
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a myth
 
UX = ROI: It's not just a myth
UX = ROI: It's not just a mythUX = ROI: It's not just a myth
UX = ROI: It's not just a myth
 
Top 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW MeetupTop 3 ways to use your UX team - producttank DFW Meetup
Top 3 ways to use your UX team - producttank DFW Meetup
 
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
Top Trends In Product Design: Outcomes, Understanding Customers, and Building...
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product Trends
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
It's About Time - Lightning talk for UX Designers
It's About Time - Lightning talk for UX DesignersIt's About Time - Lightning talk for UX Designers
It's About Time - Lightning talk for UX Designers
 
Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)
 
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
Pushing Through Failure (Quickly)
Pushing Through Failure (Quickly)Pushing Through Failure (Quickly)
Pushing Through Failure (Quickly)
 
Failing Fast & Learning Along the Way - Big Design 2013
Failing Fast & Learning Along the Way - Big Design 2013Failing Fast & Learning Along the Way - Big Design 2013
Failing Fast & Learning Along the Way - Big Design 2013
 
So you want your interface to sell.
So you want your interface to sell.So you want your interface to sell.
So you want your interface to sell.
 

Kürzlich hochgeladen

Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 

Kürzlich hochgeladen (20)

Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 

Android vs iOS: A Comparison of Top App Designs /TITLE

  • 1. Android vs. iOS While using Android over the past couple of weeks i’ve noticed some things when comparing my top apps to iOS. Both iOS and Android, in different cases, choose different UI elements to do different things. I wanted to catalog some of them here. Overall I’d say that mainstream Android apps have improved over time, and in many cases (Spotify, Evernote, NPR, and Amazon) I liked the Android versions better. Also with design trends moving to blocky designs and flat colors (like Windows 8) - Android looks more modern in a side-by-side comparison to its iOS counterpart. If anything this shows that there are very few standard patterns that are used 100% of the time on each OS, but there is risk of confusion from someone expecting one thing - like they have an iPad tablet, but an Android phone - and getting different results when switching between devices. vs.
  • 2. NOTES » Android app cleaner, less hidden UI » iOS using skeuomorphic design » Android app more branded to Evernote
  • 3. NOTES » Android uses the more standard “left side menu” » Android is using the “notch menu”
  • 4. NOTES » Android using notch menu » I like the “now playing” placement on Android » Android has more branding
  • 5. NOTES » Android has left slide menu » iOS is using more standard iOS components
  • 6. NOTES » iOS using more standard iOS components » I like the mixed search results from Android » Android has more branding
  • 7. NOTES » Facebook tends to try to copy pixel for pixel when they can. » Android version has a blocky design - which is the current design trend (think Windows 8).
  • 8. NOTES » Android using the “three dot” menu icon where iOS uses the arrow » With Android you can more easily see the number of likes/reposts
  • 9. NOTES » iOS uses more standard navigation elements » Android screen is visually nicer
  • 10. NOTES » iOS profile more visual - has news feed in a different area » Android style, again blocky » Search more noticeable on Android » Android using the thin underline to show selected nav item
  • 11. NOTES » Twitter took the “move the iOS bar to the top” shortcut for Android » More branding on Android » Seeing a lot of “pull to search” on iOS vs. having a search UI element always visable on Android
  • 12. NOTES » Android uses logo with “>” instead of iOS’s cancel button » iOS search is more visual
  • 13. NOTES » Very different layouts » On Android Google kept the Android specific pattern to “notch” the username » Almost reverse - Android has a row of icons at the bottom where the iOS does not. You could argue that the functionality is so different from standard iOS this bar would confuse on an iPhone.
  • 14. NOTES » Cart and logo / nav flyout on Android is closer to the Amazon website (brand patterns vs. OS patterns)
  • 15. NOTES » More branding on the Android device
  • 16. NOTES » Android combined buttons into the “three dot” menu
  • 17. NOTES » More branding on the Android » Obviously trying to keep the apps very close to the same design » Using the Android “>” logo as a back button
  • 18. NOTES » Very branded app on both OSes » Android using the thin underline to show selected nav item
  • 19. NOTES » Android has the standard back, search area, and notches thats seen across many modern Android apps
  • 20. NOTES » Very similar app across OSes » Android design tries to stay away from buttons (Following the “Buttons are a Hack” philosophy?)
  • 21. NOTES » A more blocky design on the Android app » Apps very similar
  • 22. NOTES » Android has larger hit areas » Facebook moved the “three dot” menu to iOS » Apps are very similar
  • 23. NOTES » Similar branding, but slightly different visual placement of elements » This case, the iOS gets the left nav, and the Android does not
  • 24. NOTES » Android using “notch” menu » Blocky design on Android