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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

"We want an APP!"


Published on

Published in: Technology, Business
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide
  • 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
    • 9. Three different types ofapps
      iPhone used as sample | * Dependingonplatform and device
    • 10. -”Wewant an APP!””
    • 11. What to offer?
      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
      Shorter development time
      Easier to maintain
      Content can be targeted to multiple platforms
      Information overflow
      Bad user experience (possibly)
    • 15. Tailoring content for the mobile platform
    • 16. Tailoring content for the mobile platform
      Good user experience
      Direct and concrete information to the customer
      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
      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.
      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( )
      Resize the window to match iPhone viewport( )
    • 36. Testing in simulator/emulator
      Simulators/emulators are almost always available for free download:
      iPhone/iPad –
      Windows Phone –
      Android –
    • 37. Libraries
      jQuery Mobile –
      Sencha Touch –
      iScroll -
    • 38. Statistics
      Usage statistics for smartphones and tablets in Norway can be found at
    • 39. Mobile firstStart off as if you were making a mobile website even if no mobile version is planned
    • 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
      +47 909 71 598