Cross Channel Web Development

1,536 views

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,536
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
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










































































  • ×