Your SlideShare is downloading. ×
"We want an APP!"
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

"We want an APP!"

835
views

Published on

Published in: Technology, Business

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
835
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • http://www.joker.no
  • http://en.m.wikipedia.org/wiki/norway/
  • Financial times
  • Transcript

    • 1. “We want an App!”
      Øyvind Malin - @oyvindmal
      Oslo WordpressMeetup – 13. july 2011
    • 2. Why?
    • 3. Agenda
      Whygo mobile?
      Different ways to be present onthe mobile platform
      Demos and samples
      How to make Wordpress mobile friendly
      Make yourwebsite mobile friendly right now?
    • 4. About
      Studiedinteraction design at NITH
      Playingaroundwith web since 1999
      Startedfoucsingonthe mobile platform in recentyears
      Frontend Developer at BEKK
    • 5.
    • 6. Some terms
      Customer (in thispresentation) is theend user.
      Company (in thispresentation) is thecompany providing the service
      I useiPhoneand otheriDevices as samples buttheprinciplesaresimilaronotherplatforms.
    • 7. Three different types ofapps(simplified)
    • 8. Three different types ofapps
      Informationalapps
      Utilityapps
    • 9. Three different types ofapps
      iPhone used as sample | * Dependingonplatform and device
    • 10. -”Wewant an APP!””
    • 11. What to offer?
      Doesthecustomerneedthis?
      Does it addvalue for thecustomer?
      Does it addvalue for thecompany?
      Can it save thecompanymoney?
    • 12. Two approaches?
    • 13. Wrapping the existing web app in a mobile friendly skin
    • 14. Wrapping existing solution
      Pros
      Shorter development time
      Easier to maintain
      Content can be targeted to multiple platforms
      Cons
      Information overflow
      Bad user experience (possibly)
    • 15. Tailoring content for the mobile platform
    • 16. Tailoring content for the mobile platform
      Pros
      Good user experience
      Direct and concrete information to the customer
      Cons
      Longer development time
      Harder to maintain
      Content must be targeted at a specific platform
    • 17. Let’s get ready to rumble?
    • 18. Mobile != Desktop
    • 19. 8 out of 10 uses their mobile phone in the free time
    • 20. This means
      The typical usage time could 2-5 minutes (i.e while waiting at an intercection)
      Quick and direct information
      Limited bandwidth
      Usually 3g or Edge
      If the user can’t get the information they want in this timespan. They have to look somewhere else.
    • 21. But this isn’t always true
    • 22. Other user situations
      Transportation
      Taxi, Train, Bus, Boat etc.
      This means ->
      The typical usage time could be longer from 20 minutes up to several hours.
      You must also serve these users
      Providing links to more detailed information
    • 23. iPad != iPhone
    • 24. “iPad'snot mobile…next question”-Mark Zuckerberg
    • 25. Tablets
      Larger screen
      Different usecases
      Used more like a laptop
      …But also on the go
      So you need to support both separate
    • 26. My project
    • 27. Whatsupweb.net
      Page about web development and user experience.
      New version coming ultimo 2011
      Tailored versions for phones and tablets
      Targeting most phones and iPad
      “Read it later”
      Showcase for mobile tailoring web pages
      Looking for guest writers
    • 28. Some examples
    • 29.
    • 30.
    • 31.
    • 32. LIVE DEMO
    • 33. WPTouch
    • 34. Blackbelt tricks
    • 35. Testing in Safari
      Using the developer bar you can get Safari (5 and newer) to identify as Mobile safari(http://macs.about.com/od/usingyourmac/qt/safaridevelop.htm )
      Resize the window to match iPhone viewport(http://davidchambersdesign.com/resize-browser-window-to-match-iphone-viewport-dimensions )
    • 36. Testing in simulator/emulator
      Simulators/emulators are almost always available for free download:
      iPhone/iPad – http://developer.apple.com
      Windows Phone – http://create.msdn.com
      Android – http://developer.android.com
    • 37. Libraries
      jQuery Mobile – http://www.jquerymobile.com
      Sencha Touch – http://www.sencha.com
      iScroll - http://cubiq.org/iscroll-4
    • 38. Statistics
      Usage statistics for smartphones and tablets in Norway can be found at
      http://labs.finn.no/
    • 39. Mobile firstStart off as if you were making a mobile website even if no mobile version is plannedhttp://www.lukew.com/ff/entry.asp?933
    • 40. Want to go native(ish)?
      Phonegap offers a way to wrap normal web applications in a native shell
      Support for most modern platforms including iPhone and Android
      Offers javascript access to device specific hardware apis
    • 41. Questions?
    • 42. Summary
      Everybody (almost) can go mobile.
      But not with anything
      Content Context is king
      Give your users what they need and expect in every situation
      Mobile web will be suitable in many cases
    • 43. Øyvind Malin
      Consultant
      +47 909 71 598
      oyvind.malin@bekk.no