• Save
Designing the Mobile Experience
Upcoming SlideShare
Loading in...5
×
 

Designing the Mobile Experience

on

  • 340 views

Designing the Mobile Experience

Designing the Mobile Experience

Statistics

Views

Total Views
340
Views on SlideShare
340
Embed Views
0

Actions

Likes
1
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Designing the Mobile Experience Designing the Mobile Experience Presentation Transcript

  • designing the mobile experience kaki law Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • R/GA SapientNitro Isobar ITP, NYU Wednesday, October 30, 2013
  • experience strategy experience design interaction design creative innovation Wednesday, October 30, 2013
  • today Wednesday, October 30, 2013
  • that FAQ mobile strategy mobile design process responsive web design trends & patterns 5 principles Wednesday, October 30, 2013
  • native vs. web Wednesday, October 30, 2013
  • transitions native interactions hardware capabilities address book camera sms audio inputs sensors Wednesday, October 30, 2013
  • 1.native code 2.hybrid mobile app 3.mobile web app Wednesday, October 30, 2013
  • native code = cost more? Wednesday, October 30, 2013
  • more cost because ... iOS (objective c) android (java) microsoft (silverlight) samsung (c++) rim (java) Wednesday, October 30, 2013
  • hybrid mobile app? Wednesday, October 30, 2013
  • native web/html5 Wednesday, October 30, 2013
  • native navigation controller Rich Layout Wednesday, October 30, 2013
  • native navigation controller web view css JS html5 web server Wednesday, October 30, 2013
  • developers benefits Wednesday, October 30, 2013 users no resubmit to app store receive latest contents & functions without updating the app reduce time re-compiling & transferring the file during testing
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Users Wednesday, October 30, 2013
  • needs/wants users’ context goals Wednesday, October 30, 2013
  • that FAQ role of mobile mobile design process responsive web design trends & patterns 5 principles Wednesday, October 30, 2013
  • that FAQ mobile strategy mobile design process responsive design trends & patterns 5 principles Wednesday, October 30, 2013
  • consistent experience Wednesday, October 30, 2013
  • complementary experience http://uxmag.com/articles/designing-for-context-the-multiscreen-ecosystem Wednesday, October 30, 2013
  • continuous experience http://uxmag.com/articles/designing-for-context-the-multiscreen-ecosystem Wednesday, October 30, 2013
  • others... http://uxmag.com/articles/designing-for-context-the-multiscreen-ecosystem Wednesday, October 30, 2013
  • Awareness Engagement Launch Purchase lead by this campaign Mobile game to engagement Share Enablement to SNS (FB) mobile Future Purchase Engagement Pro-Launch Flagship Store Launch Video Loyalty Program Exclusive Event Check-in News/Store Updates New Season/Catalog Intro Drive traffic to store MTR TST Flagship Store Launch Broadcast Mobile app download leads Exclusive Event Live Streaming Generate buzz in the neighborhood MTR Elements same as MTR TST Big Screen Interactive Engagement Flagship TST Flagship Elements Facebook same as MTR TST same as Flagship TST Exclusive Event Drive App Downloads same as MTR TST Launch Event Exclusive Event for Winner same as Flagship TST Exclusive Event Drive App Downloads Youtube Broadcast of the Flagship store Launch brand site Broadcast of the Flagship store Launch Wednesday, October 30, 2013 same as MTR TST
  • web build model discovery Wednesday, October 30, 2013 definition design development
  • web build model 2.0 discovery & define Wednesday, October 30, 2013 design evaluate build
  • that FAQ mobile strategy mobile design process responsive web design trends & patterns 5 principles Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • mobile design process evaluate wireframes discovery & define sketches build design prototype Wednesday, October 30, 2013 customers /users
  • video Wednesday, October 30, 2013
  • web apps Wednesday, October 30, 2013
  • 7:30 am get up from bed Wednesday, October 30, 2013 8:30 am going to work 9:30 - 12:30 pm 1:00 pm 6:00 pm 9:30 - 12:30 pm office Lunch taxi to home home
  • connected & consistent experience 7:30 am get up from bed Wednesday, October 30, 2013 8:30 am going to work 9:30 - 12:30 pm 1:00 pm 6:00 pm 9:30 - 12:30 pm office Lunch taxi to home home
  • that FAQ mobile strategy mobile design process responsive web design trends & patterns 5 principles Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • mobile experience context first content first Wednesday, October 30, 2013 mobile first
  • what is important context first to the users content first Wednesday, October 30, 2013 mobile first
  • design Wednesday, October 30, 2013
  • what is relevant context first at that moment content first Wednesday, October 30, 2013 mobile first
  • environment & circumstances content first Wednesday, October 30, 2013 context first mobile first
  • context A context B how does context influence this scenario scenario context D context C Wednesday, October 30, 2013
  • flexible grid-based design responsive web design flexible images & media media queries Wednesday, October 30, 2013
  • responsive web design Wednesday, October 30, 2013 target / context = result example: 900 (content block)/ 960 (browser size)= 0.9375
  • http://styletil.es/ Wednesday, October 30, 2013
  • responsive web design Wednesday, October 30, 2013 designing system NOT mock-ups
  • that FAQ mobile strategy mobile design process responsive web design trends & patterns 4 principles Wednesday, October 30, 2013
  • http://bradfrost.github.io/this-is-responsive/patterns.html Wednesday, October 30, 2013
  • that FAQ mobile strategy mobile design process responsive web design trends & patterns 5 principles Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • 1.engagement NOT ad Wednesday, October 30, 2013
  • 2.mobile = social Wednesday, October 30, 2013
  • 3.never go alone Wednesday, October 30, 2013
  • Engagement Idea Audience Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Scan to check-in Wednesday, October 30, 2013 Follow up with Weixin
  • 4.provide utility Wednesday, October 30, 2013
  • Panasonics Smart Life App Wednesday, October 30, 2013 Home Control Remote App
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • Wednesday, October 30, 2013
  • is the value you added Wednesday, October 30, 2013
  • 5.connected experience Wednesday, October 30, 2013
  • your mobile idea check list engagement NOT ad mobile = social never go alone provide utility connected experience Wednesday, October 30, 2013
  • robot5850@gmail.com Linkedin: KaKi Law Wednesday, October 30, 2013