A presentation that was held by Aleksandra Hristov as a guest lecturer during the event "EESTEC Academy" organized by EESTEC LC Skopje at the Faculty of computer science and engineering. An overview was given of the basics on design of mobile applications and the differences one should pay attention to when creating apps for different mobile OS platforms. The event was organized to motivate students to create mobile applications in their spare time during the studies.

1. ALEKSANDRA HRISTOV | @alexhris
EESTEC Academy @ FINKI | 24 Movember 2014

2. http://etc.ch/YQ7P

4. RESPONSIVE WEBSITE
VS.
MOBILE APP
VS.
HYBRID

5. THINK!
MOBILE
(embrace constraints)

7. • screen sizes & resolutions
• way of interaction (mouse, touch, movement, voice..)
• platform (font, navigation, input type)
• mobile capabilities (came, GPS, touch screen,…)

8. worst and best part:
we can do
ANYTHING

10. If your interface
requires
instructions, it
needs to be
redesigned.

11. WE DESIGN INTERFACES
for things that already
HAVE INTERFACES

14. HOW TO DO IT?

15. Big type
stands out
more than little type.

17. Large content
areas are easier
to see.

19. Highlight
colors

21. DEFINE REUSABLE
PATTERNS

23. PLAN
Order
DESIGN
Elements (not layouts)

25.  Skeuomorphism
 Flat (metro?)
 Material

29. ICONS

31. XHDPI
(~320dpi)
HDPI
(~240dpi)
MDPI
(~160dpi)
XXHDPI
(~480dpi)
XXXHDPI
(~640dpi)
@2x
(640x960)
@1x
(320x480)
@3x
(1242x2208)

32. NAVIGATION

35. APP ICON

36. 144x144 120x120 114x114
80 72 60 58 57 50 29

37. SPLASHSCREENS

40. OTHER ASSETS

41. primary_button.9.png

43. challenge yourself
for the
FUTURE

45. Animations
are part of the design

46. PLAN AHEAD
why complicate
if you can simplify?

48. THANK YOU!
any other questions?
aleksandra.hristov@netcetera.com
@alexhris