Cross platform mobile design

1,912 views
1,826 views

Published on

Presentations from Mobile Meetup Oslo talk on cross platform mobile design: Talks about where different mobile platforms UI guidelines clash, and also provides a dating guide on how to date developers for designers :)

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,912
On SlideShare
0
From Embeds
0
Number of Embeds
755
Actions
Shares
0
Downloads
15
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Cross platform mobile design

  1. 1. Cross platformmobile design cutehacks.com
  2. 2. Cutehacks AS● Founded 2010● Senior developers● Cross platform specialists
  3. 3. This talkAndroid fanboys strike backThe clash of UI guidelinesHow to make developers love you
  4. 4. Android fanboys strike back Who?
  5. 5. User feedback“a converted iOS app on Android is an insult”“it’s just an iOS app”“iOS look on Android is not cool”
  6. 6. Redesign: Header
  7. 7. Redesign: Toolbar
  8. 8. Redesign: Buttons and textedit
  9. 9. Redesign: Search
  10. 10. Ratings changed 4.1 / 5.0 (114 votes)
  11. 11. Clash of UI guidelines
  12. 12. Clashes● Navigation and transitions● Tab bars / Toolbars● Lists● Sharing● Search● Screen size
  13. 13. Advice● Create your own style● Keep target platforms in mind● Reserve 20% for tweaks
  14. 14. How to make developers love you By meme.tn / flickr
  15. 15. Tip#1 - Separate the UI elementssplit elements into separate files
  16. 16. Tip#2 - Use layerslogical groupslayer compsalignment
  17. 17. Tip#3 - Snap to pixelstop-left, width and height, style effects
  18. 18. Tip#4 - List your design guidelinescolors,fonts,margins
  19. 19. Tip#5 - Use sensible namesfilenames,layer names,version control By meme.tn / flickr
  20. 20. Thank you!Questions? cutehacks.com @snowponginfo@cutehacks.com

×