21
Cross platform mobile design cutehacks.com

Cross platform mobile design

Embed Size (px)

DESCRIPTION

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 :)

Citation preview

  • 1. Cross platformmobile design cutehacks.com

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