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

Cross platform mobile design

1,636

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,636
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
15
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×