0
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Cross Channel Web Development
Upcoming SlideShare
Loading in...5
×

Cross Channel Web Development

1,298

Published on

UI development for mobile and multi-channel web from bemoko

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,298
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • * First some questions to help me
    - How many people have created designs for multiple devices for a single web site, e.g. created different photoshop comps for both an iPhone design and feature phones?
    - How many people have hands on experience of delivering a single web site optimised for multiple mobile devices, e.g. coding up HTML, CSS, Javascript?
    Depending on how these are answered ...
    - How many people applied optimisation on the client side, e.g. javascript libraries, media queries
    - How many people have applied optimisation on the server side, e.g. different CSS, different
  • * The why and the how of delivering mobile using web technologies
    markup?
    * First off I’ll look at what I mean by multi-channel web and why mobile is unique
    * Then I’ll explain the methodology for mobile UI optimisation that we at bemoko follow
  • * In mobile web since 2000 and always loved it
    * up until 2007, large proportion of time deploying mobile web portals for operators around globe
    * created bemoko in 2007 with aim of making the delivery of high quality mobile experiences simple and quick

  • * right ...
    * no ... not really
    * These statements a little lazy - and I’m guilty of having used them all ...
    * Why do you want to take your web site mobile?
    * It’s not either / or - it’s not what’s hot / what’s not
    * We don’t need mobile? What’s the sizzle not the sausage?
  • * right ...
    * no ... not really
    * These statements a little lazy - and I’m guilty of having used them all ...
    * Why do you want to take your web site mobile?
    * It’s not either / or - it’s not what’s hot / what’s not
    * We don’t need mobile? What’s the sizzle not the sausage?
  • * right ...
    * no ... not really
    * These statements a little lazy - and I’m guilty of having used them all ...
    * Why do you want to take your web site mobile?
    * It’s not either / or - it’s not what’s hot / what’s not
    * We don’t need mobile? What’s the sizzle not the sausage?
  • * it’s not simply about taking your web site mobile, we can enhance the whole cross-channel user experience with mobile. mobile is the catalyst, the connector, the central pivot
    * mobile web and native apps can both provide excellent user experiences - how can both approaches be used to bring the best of both worlds to both users and and service providers
  • * we quickly learnt that web provided unique opportunities over print, and similarly we’re learning that mobile can build on from the wired experience.
    * the true value in internet TV will not be being able to simply access web content on a different screen, it’ll be about encouraging genuine interactions from the TV media - social, sharing, calls to actions
  • * Consider both the web and in-store user experience -> e.g. buying a pair of trainers
    * Now think how mobile can play a part
    * Perhaps more value from enhancing in-store experience than simply enabling PC web experience on mobile.
  • * Consider both the web and in-store user experience -> e.g. buying a pair of trainers
    * Now think how mobile can play a part
    * Perhaps more value from enhancing in-store experience than simply enabling PC web experience on mobile.
  • * Consider both the web and in-store user experience -> e.g. buying a pair of trainers
    * Now think how mobile can play a part
    * Perhaps more value from enhancing in-store experience than simply enabling PC web experience on mobile.
  • * live big screen voting
    * user can change their votes (and see effect immediately)
    * we ran live voting at OTA to vote on best app from overnight dev session
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * what is multi-channel?
    * a user is free to choose which channel to connect over
    * services that respond well on the chosen channel will encourage interaction
  • * beautiful ➙ I want the users attention, I want the user to enjoy the experience, I want the user to share the experience
    * effective ➙ I want to achieve my service goals, I want the user to be satisfied and I want then engage more

  • * HTML (HTML5) / CSS (CSS3) compliancy
    * Geo location, offline storage ...
    * Video format support - h264 / progressive download / HTTP streaming
  • * HTML (HTML5) / CSS (CSS3) compliancy
    * Geo location, offline storage ...
    * Video format support - h264 / progressive download / HTTP streaming
  • * HTML (HTML5) / CSS (CSS3) compliancy
    * Geo location, offline storage ...
    * Video format support - h264 / progressive download / HTTP streaming
  • * HTML (HTML5) / CSS (CSS3) compliancy
    * Geo location, offline storage ...
    * Video format support - h264 / progressive download / HTTP streaming










































































    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×