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

1. Cross platform
mobile design
cutehacks.com

2. Cutehacks AS
● Founded 2010
● Senior developers
● Cross platform specialists

3. This talk
Android fanboys strike back
The clash of UI guidelines
How to make developers love you

4. Android fanboys
strike back
Who?

6. User feedback
“a converted iOS app on Android is an insult”
“it’s just an iOS app”
“iOS look on Android is not cool”

7. Redesign: Header

8. Redesign: Toolbar

9. Redesign: Buttons and textedit

10. Redesign: Search

11. Ratings changed
4.1 / 5.0 (114 votes)

12. Clash of UI guidelines

13. Clashes
● Navigation and transitions
● Tab bars / Toolbars
● Lists
● Sharing
● Search
● Screen size

14. Advice
● Create your own style
● Keep target platforms in mind
● Reserve 20% for tweaks

15. How to make developers
love you
By meme.tn / flickr

16. Tip#1 - Separate the UI elements
split elements into separate files

17. Tip#2 - Use layers
logical groups
layer comps
alignment

18. Tip#3 - Snap to pixels
top-left, width and height, style effects

19. Tip#4 - List your design guidelines
colors,
fonts,
margins

20. Tip#5 - Use sensible names
filenames,
layer names,
version control
By meme.tn / flickr

21. Thank you!
Questions?
cutehacks.com
@snowpong
info@cutehacks.com