Razorfish + Mobile

download Razorfish + Mobile

of 48

Transcript of Razorfish + Mobile

  • 8/14/2019 Razorfish + Mobile

    1/48

  • 8/14/2019 Razorfish + Mobile

    2/48

    Mobile Clients : Adidas, AOL, Audi, Axe, Best Buy, Carnival Cruiseline, Citi,Dow Jones, eBay, Godiva, JC Penney, Nike, Ralph Lauren, Visa, XM Radio

    and others

    Platforms: Mobile web, iPhone OS, Android

    Razorfish + Mobile

    Photo by DJ-Nike on Flickr

  • 8/14/2019 Razorfish + Mobile

    3/48

    prologue

  • 8/14/2019 Razorfish + Mobile

    4/48

    For the past several years our clients in Europe

    and Asia have been embracing mobile.

  • 8/14/2019 Razorfish + Mobile

    5/48

    Europe - Adidas

  • 8/14/2019 Razorfish + Mobile

    6/48

    Europe - AXE

  • 8/14/2019 Razorfish + Mobile

    7/48

    Asia - Nike

  • 8/14/2019 Razorfish + Mobile

    8/48

    But in the U.S. there wasnt much demand for

    mobile, until.

  • 8/14/2019 Razorfish + Mobile

    9/48

    Photo by Vedia on Flickr

  • 8/14/2019 Razorfish + Mobile

    10/48

    All of a sudden, clients are interested in mobile

    (particularly iPhone) and are beginning to ask us alot of (the same) questions

  • 8/14/2019 Razorfish + Mobile

    11/48

    so here are 5 principles to address the

    questions that clients are asking us.

  • 8/14/2019 Razorfish + Mobile

    12/48

    5 principles

    For mobile UX

  • 8/14/2019 Razorfish + Mobile

    13/48

  • 8/14/2019 Razorfish + Mobile

    14/48

    Principle no. 1 Get your hands dirty

  • 8/14/2019 Razorfish + Mobile

    15/48

    Invest in innovation

    Build skills, learn by doing

    Ideally give money, or time

    Freedom to fail

    Share knowledge, archive experiments

    Principle no. 1 Get your hands dirty

  • 8/14/2019 Razorfish + Mobile

    16/48

  • 8/14/2019 Razorfish + Mobile

    17/48

    Principle no. 2 Choose your platform carefully

  • 8/14/2019 Razorfish + Mobile

    18/48

    Know the target audience: what phones, OS, carriers customers are using

    Device agnostic or native application (or hybrid)?

    iPhone is probably the best bang for the buck (stability, exposure in iTunes)

    Principle no. 2 Choose your platform carefully

  • 8/14/2019 Razorfish + Mobile

    19/48

    Sometimes mobile web makes more sense

  • 8/14/2019 Razorfish + Mobile

    20/48

  • 8/14/2019 Razorfish + Mobile

    21/48

    Principle no. 3 Embrace mo-jile

    Photo source: w3.org

  • 8/14/2019 Razorfish + Mobile

    22/48

    Agile development seems particularly suited for mobile.

    Cross-functional disciplines (creative, ux, tech)

    Control of feature set

    Rapid development process

    Test early and often

    Hybrid process mo-jile?

    -

    Principle no. 3 Embrace mo-jile

  • 8/14/2019 Razorfish + Mobile

    23/48

    A hybrid agile approach for mobile ux

    High-Level

    Functionality

    Contract

    Product Brief

    Prioritized Features/Functions

    High-level AppArchitecture & Roadmap

    Prototype (keyfunctionality)

    Business rules

    Visual styleguide

    Visual comps

    Wireframes

    Task flow diagrams

    Code production

    Supporting

    infrastructure Set-Up

    Rapid User Testing

    Release

    SOW > Visioning Phase >

    Agile Build Phase

    Sprint 1 > Sprint 2 > Sprint 3 > Sprint 4 >

  • 8/14/2019 Razorfish + Mobile

    24/48

    Core team snapshot

    FA Supports Management of

    the Backlog

    Explains functionalitybetween the prototypeand the real site

    Attends both the Tech andUX scrums

    PM

    Ensures alignment with

    business objectives andthroughout process

    Keeps project on track(timing and budget) D

    eveloper

    Building the prototype

    into a real site

    Bug fix of the real site

    Launch Support

    Designer

    Partnering with UX to

    fulfill the earlydevelopment of comps,

    wireframes and copydecks that enableprototype development

    Experience Creates a draft of stories

    for the planning meeting

    Creates work flow through

    prototype

    Leads Consumer Testing

    ContentandC

    opy

    Validates that evolution ofthe prototype can be

    supported from a contentfeed perspective.

  • 8/14/2019 Razorfish + Mobile

    25/48

  • 8/14/2019 Razorfish + Mobile

    26/48

    v v v

    Principle no. 4 Sweat the details

  • 8/14/2019 Razorfish + Mobile

    27/48

    Dont throw out the standard experience deliverables just yet

    Application architecture diagram, wireframes, task flows, feature matrix

    Gestural methods, sound, microphone, camera, accelerometer

    UX suddenly got a lot more complicated

    -

    Principle no. 4 Sweat the details

  • 8/14/2019 Razorfish + Mobile

    28/48

    Principle no. 4 Sweat the details

  • 8/14/2019 Razorfish + Mobile

    29/48

    Principle no. 4 Sweat the details

  • 8/14/2019 Razorfish + Mobile

    30/48

  • 8/14/2019 Razorfish + Mobile

    31/48

    Principle no. 5 Be Unique

  • 8/14/2019 Razorfish + Mobile

    32/48

    Difficult to stand out from the crowd

    Take risks

    Push the envelope technologically

    Focus only on core features (strengths)

    -

    Principle no. 5 Be Unique

  • 8/14/2019 Razorfish + Mobile

    33/48

    Principle no. 5 Be Unique

  • 8/14/2019 Razorfish + Mobile

    34/48

    Principle no. 5 Be Unique

  • 8/14/2019 Razorfish + Mobile

    35/48

  • 8/14/2019 Razorfish + Mobile

    36/48

    Principle no. 5 Be Unique

  • 8/14/2019 Razorfish + Mobile

    37/48

    Principle no. 5 Be Unique

  • 8/14/2019 Razorfish + Mobile

    38/48

    Principle no. 5 Be Unique

  • 8/14/2019 Razorfish + Mobile

    39/48

    1. Get your hands dirty2. Choose your platform carefully3. Embrace mo-jile4. Sweat the details5. Be unique

    Rinse + repeat

    5 principles recap

  • 8/14/2019 Razorfish + Mobile

    40/48

    epilogue

  • 8/14/2019 Razorfish + Mobile

    41/48

    The iPhone has set a new benchmark for user

    experience

    Photo by duncandavidson on Flickr

  • 8/14/2019 Razorfish + Mobile

    42/48

    But is it just the tip of the iceberg?

    Photo source: Slashgear.com

  • 8/14/2019 Razorfish + Mobile

    43/48

    Augmented reality was available first on Android

    Photo Source: Mobilizy.com

  • 8/14/2019 Razorfish + Mobile

    44/48

    Advanced telecommunications services on iPhone

    have been problematic

    Photo source: Techcrunch .com

  • 8/14/2019 Razorfish + Mobile

    45/48

    PCs and Phones continue to converge

  • 8/14/2019 Razorfish + Mobile

    46/48

    New devices and platforms bring enormous

    possibilities coupled with potentially huge

    usability headaches.

  • 8/14/2019 Razorfish + Mobile

    47/48

    Welcome to the golden age of mobile usability

  • 8/14/2019 Razorfish + Mobile

    48/48

    e: [email protected]: @koutlaw