Download - 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