seminar ELINFO COMPETETITION 2013 “Kontribusi Teknologi untuk Kemajuan Pendidikan Indonesia” Universitas Negeri Yogyakarta.

1. Mobile UX & Monetizing
Presented By
ARIF AKBARUL HUDA
Friday, 1 Desember 2013
@UNY

2. Arif Akbarul Huda
Penulis
Mobile Apps Developer (android)
Trainer
@omayib
75278432
Facebook.com/omayib
omayib@gmail.com
omayib@gmail.com
arul_sip@yahoo.com

3. Recommended for you
Available on book store
Coming soon beginning 2014

5. Smartphone?
http://cellphones.about.com/od/smartphonebasics/a/what_is_smart.htm

6. Key Smartphone Features
Operating System
Apps
High-speed data access
Messaging
high-resolution touchscreens and web browsers
sensors

7. ABOUT FACT

8. 91% of all people on earth have a mobile phone
56%
of people own a smart phone
50% of mobile phone users, use mobile as their primary Internet source
80% of time on mobile is spent inside apps
72% of tablet owners purchase online from their tablets each week
Source : http://www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/

9. which better?

11. The winner !

12. Android version

13. new
KitKat
Host Card Emulation for NFC
Printing framework
Storage access framework
Low-power sensors
SMS provider
Full-screen Immersive mode
Transitions framework
Chromium WebView
Screen recording
RenderScript NDK
Bluetooth HOGP and MAP
IR Blasters
Closed captioning settings
RTL features
Security enhancements
Tools for analyzing memory use

14. How to start
building mobile apps ?

15. Kind of apps
http://wiki.developerforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options

16. Development environment

17. Best practice : learning by example
web
Www.developer.android.com | www.androidhive.info
Www.ndroid-indonesia.com | and more.....
Ebook
book
| www.omayib.com

18. SHARE IT!

19. Mobile UI & UX

20. Which look better ?

21. components mobile user experience
http://mobile.smashingmagazine.com/2012/07/12/elements-mobile-user-experience/

22. Functionality
●
●
●
Prioritize and present core features
Offer relevant mobile-only functionality
(ex barcode scanning and image
recognition)
Ensure that fundamental features and
content are optimized for mobile
Information Architecture
●
●
●
Present links to the main features and
content on the landing page, prioritized
according to the user’s needs
Enable mobile users to navigate to the
most important content and functionality
in as few taps or key presses as possible
Use concise, clear, consistent and
descriptive labels for navigation items and
links

23. Content
●
●
Ensure that content is mobile
appropriate ( Image size )
Ensure that primary content is
presented in a format supported on the
target device ( no flash download)
Design
●
●
●
●
Remember the sayings “Mobilize, don’t
miniaturize”
Design for glanceability and quick
scanning
Maintain visual consistency with other
touchpoints and experiences
Consider both portrait and landscape
orientations in the design process

24. User Input
●
●
●
Limit input to essential fields
Display default values wherever
possible
Match to keyboard type

25. Mobile Context
●
●
●
Use device features and capabilities to
anticipate and support the user’s
context of use
Accommodate for changes in context
based on the time of day and when the
user is using the app
Use location to identify where the user
is and to display relevant nearby content
and offers

26. Mobile Monetize ?

27. Contoh revenue admobs

29. Promo …
www.indocode.net
www.omayib.com

30. Recommended Apps
for you!