SlideShare una empresa de Scribd logo
1 de 48
Descargar para leer sin conexión
Design Matters: A Mobile UX Manifesto
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
prologue
For the past several years our clients in Europe
and Asia have been embracing mobile….
Europe - Adidas
Europe - AXE
Asia - Nike
But in the U.S. there wasn’t much demand for
mobile, until….
Photo by Vedia on Flickr
All of a sudden, clients are interested in mobile
(particularly iPhone) and are beginning to ask us a
lot of (the same) questions…
… so here are 5 principles to address the
questions that clients are asking us.
5 principles
For mobile UX
Design Matters: A Mobile UX Manifesto
Principle no. 1 – Get your hands dirty
 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
Design Matters: A Mobile UX Manifesto
Principle no. 2 – Choose your platform carefully
 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
Sometimes mobile web makes more sense…
Design Matters: A Mobile UX Manifesto
Principle no. 3 – Embrace “mo-jile”
Photo source: w3.org
 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”
A hybrid agile approach for mobile ux
• High-Level
Functionality
• Contract
• ProductBrief
• Prioritized Features
/Functions
• High-level App
Architecture & Roadmap
• Prototype (key
functionality)
• Businessrules
• Visual styleguide
• Visual comps
• Wireframes
• Task flow diagrams
• Code production
• Supporting
infrastructure Set-Up
• Rapid User Testing
• Release
SOW > Visioning Phase >
Agile Build Phase
Sprint1 > Sprint2 > Sprint3 > Sprint4 >
Core team snapshotFA
• Supports Management of
the Backlog
• Explains functionality
between the prototype
and the real site
• Attends both the Tech and
UX scrums
PM
• Ensures alignment with
business objectives and
throughout process
• Keeps project on track
(timing and budget)
Developer
• Building the prototype
into a real site
• Bug fix of the real site
• Launch Support
Designer
• Partnering with UX to
fulfill the early
development of comps,
wireframes and copy
decks that enable
prototype development
Experience
• Creates a draft of stories
for the planning meeting
• Creates work flow through
prototype
• Leads Consumer Testing
ContentandCopy
• Validates that evolution of
the prototype can be
supported from a content
feed perspective.
Design Matters: A Mobile UX Manifesto
v v v
Principle no. 4 – Sweat the details
 Don’t 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
Principle no. 4 – Sweat the details
Principle no. 4 – Sweat the details
Design Matters: A Mobile UX Manifesto
Principle no. 5 – Be Unique
 Difficult to stand out from the crowd
 Take risks
 Push the envelope technologically
 Focus only on core features (strengths)
-
Principle no. 5 – Be Unique
Principle no. 5 – Be Unique
Principle no. 5 – Be Unique
Principle no. 5 – Be Unique
Principle no. 5 – Be Unique
Principle no. 5 – Be Unique
Principle no. 5 – Be Unique
1. Get your hands dirty
2. Choose your platform carefully
3. Embrace “mo-jile”
4. Sweat the details
5. Be unique
Rinse + repeat
5 principles recap
epilogue
The iPhone has set a new benchmark for user
experience
Photo by duncandavidson on Flickr
But is it just the tip of the iceberg?
Photo source: Slashgear.com
Augmented reality was available first on Android…
Photo Source: Mobilizy.com
Advanced telecommunications services on iPhone
have been problematic…
Photo source: Techcrunch.com
PCs and Phones continue to converge
New devices and platforms bring enormous
possibilities coupled with potentially huge
usability headaches.
Welcome to the golden age of mobile usability…
e: kyle.outlaw@razorfish.com
t: @koutlaw

Más contenido relacionado

Similar a Design Matters: A Mobile UX Manifesto

Tools and Techniques for mobile learning
Tools and Techniques for mobile learningTools and Techniques for mobile learning
Tools and Techniques for mobile learninggeoff stead
 
Intro to tech stacks bonny
Intro to tech stacks bonnyIntro to tech stacks bonny
Intro to tech stacks bonnyLama K Banna
 
6 ways to refine iPhone and iPad Apps
6 ways to refine iPhone and iPad Apps6 ways to refine iPhone and iPad Apps
6 ways to refine iPhone and iPad AppsGinsburg Design
 
Image Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOSImage Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOSOge Marques
 
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOPIntroduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOPKeyLimeTie
 
Design Process Stories
Design Process StoriesDesign Process Stories
Design Process StoriesPenina Finger
 
Certified Scrum Product Owner: class desk, posters and photos
Certified Scrum Product Owner: class desk, posters and photosCertified Scrum Product Owner: class desk, posters and photos
Certified Scrum Product Owner: class desk, posters and photosAlexey Krivitsky
 
GA - product management for entrepreneurs
GA - product management for entrepreneursGA - product management for entrepreneurs
GA - product management for entrepreneurszhurama
 
Building Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformBuilding Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformAndrew Ferrier
 
Mobile media module part 6 - app development rev-mf
Mobile media module   part 6 - app development rev-mfMobile media module   part 6 - app development rev-mf
Mobile media module part 6 - app development rev-mfMichelle Ferrier
 
Modern mobile development overview
Modern mobile development overviewModern mobile development overview
Modern mobile development overviewDima Maleev
 
Acing architecture
Acing architectureAcing architecture
Acing architectureColin Lee
 
Towards Wireless Collaboration
Towards Wireless CollaborationTowards Wireless Collaboration
Towards Wireless CollaborationDom Pates
 
Marketo Symptoms you shouldn't ignore
Marketo Symptoms you shouldn't ignore Marketo Symptoms you shouldn't ignore
Marketo Symptoms you shouldn't ignore Zara Alkhudari
 
TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011Judy Brown
 
Basics of iPhone Development
Basics of iPhone DevelopmentBasics of iPhone Development
Basics of iPhone DevelopmentChris LaBelle
 
Stop throwing money out the window
Stop throwing money out the windowStop throwing money out the window
Stop throwing money out the windowFlavius Stef
 

Similar a Design Matters: A Mobile UX Manifesto (20)

Tools and Techniques for mobile learning
Tools and Techniques for mobile learningTools and Techniques for mobile learning
Tools and Techniques for mobile learning
 
Intro to tech stacks bonny
Intro to tech stacks bonnyIntro to tech stacks bonny
Intro to tech stacks bonny
 
6 ways to refine iPhone and iPad Apps
6 ways to refine iPhone and iPad Apps6 ways to refine iPhone and iPad Apps
6 ways to refine iPhone and iPad Apps
 
Image Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOSImage Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOS
 
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOPIntroduction to iPhone App Development - midVentures DESIGN+DEVELOP
Introduction to iPhone App Development - midVentures DESIGN+DEVELOP
 
Design Process Stories
Design Process StoriesDesign Process Stories
Design Process Stories
 
Certified Scrum Product Owner: class desk, posters and photos
Certified Scrum Product Owner: class desk, posters and photosCertified Scrum Product Owner: class desk, posters and photos
Certified Scrum Product Owner: class desk, posters and photos
 
GA - product management for entrepreneurs
GA - product management for entrepreneursGA - product management for entrepreneurs
GA - product management for entrepreneurs
 
Building Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst PlatformBuilding Effective and Rapid Applications with IBM MobileFirst Platform
Building Effective and Rapid Applications with IBM MobileFirst Platform
 
why agile?
why agile?why agile?
why agile?
 
Mobile media module part 6 - app development rev-mf
Mobile media module   part 6 - app development rev-mfMobile media module   part 6 - app development rev-mf
Mobile media module part 6 - app development rev-mf
 
Modern mobile development overview
Modern mobile development overviewModern mobile development overview
Modern mobile development overview
 
Acing architecture
Acing architectureAcing architecture
Acing architecture
 
Towards Wireless Collaboration
Towards Wireless CollaborationTowards Wireless Collaboration
Towards Wireless Collaboration
 
Marketo Symptoms you shouldn't ignore
Marketo Symptoms you shouldn't ignore Marketo Symptoms you shouldn't ignore
Marketo Symptoms you shouldn't ignore
 
TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011
 
Kumar kunal
Kumar kunalKumar kunal
Kumar kunal
 
Basics of iPhone Development
Basics of iPhone DevelopmentBasics of iPhone Development
Basics of iPhone Development
 
Old School Race
Old School RaceOld School Race
Old School Race
 
Stop throwing money out the window
Stop throwing money out the windowStop throwing money out the window
Stop throwing money out the window
 

Más de Razorfish

ClientSummit2010_JohanJervoe(Intel)
ClientSummit2010_JohanJervoe(Intel)ClientSummit2010_JohanJervoe(Intel)
ClientSummit2010_JohanJervoe(Intel)Razorfish
 
Stampede (Joe Crump)
Stampede (Joe Crump)Stampede (Joe Crump)
Stampede (Joe Crump)Razorfish
 
ClientSummit2010_MikeBoylson(JCPenney)
ClientSummit2010_MikeBoylson(JCPenney)ClientSummit2010_MikeBoylson(JCPenney)
ClientSummit2010_MikeBoylson(JCPenney)Razorfish
 
ClientSummit2010_EricJillard(Mercedes)
ClientSummit2010_EricJillard(Mercedes)ClientSummit2010_EricJillard(Mercedes)
ClientSummit2010_EricJillard(Mercedes)Razorfish
 
ClientSummit2010_SocialBodyWorkshop
ClientSummit2010_SocialBodyWorkshopClientSummit2010_SocialBodyWorkshop
ClientSummit2010_SocialBodyWorkshopRazorfish
 
ClientSummit2010_PranavMistry(MIT)
ClientSummit2010_PranavMistry(MIT)ClientSummit2010_PranavMistry(MIT)
ClientSummit2010_PranavMistry(MIT)Razorfish
 
ClientSummit2010_HendersonPetrillo(SkilletStreetFood)
ClientSummit2010_HendersonPetrillo(SkilletStreetFood)ClientSummit2010_HendersonPetrillo(SkilletStreetFood)
ClientSummit2010_HendersonPetrillo(SkilletStreetFood)Razorfish
 
ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)
ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)
ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)Razorfish
 
ClientSummit2010_RussellTaylor(AxeCaseStudies)
ClientSummit2010_RussellTaylor(AxeCaseStudies)ClientSummit2010_RussellTaylor(AxeCaseStudies)
ClientSummit2010_RussellTaylor(AxeCaseStudies)Razorfish
 
ClientSummit2010_MediaMixWorkshop
ClientSummit2010_MediaMixWorkshopClientSummit2010_MediaMixWorkshop
ClientSummit2010_MediaMixWorkshopRazorfish
 
ClientSummit2010_SearchWorkshop
ClientSummit2010_SearchWorkshopClientSummit2010_SearchWorkshop
ClientSummit2010_SearchWorkshopRazorfish
 
ClientSummit2010_MauriceLevyPublicisGroupe
ClientSummit2010_MauriceLevyPublicisGroupeClientSummit2010_MauriceLevyPublicisGroupe
ClientSummit2010_MauriceLevyPublicisGroupeRazorfish
 
ClientSummit2010_CloudWorkshop
ClientSummit2010_CloudWorkshopClientSummit2010_CloudWorkshop
ClientSummit2010_CloudWorkshopRazorfish
 
ClientSummit2010_AgileWorkshop
ClientSummit2010_AgileWorkshopClientSummit2010_AgileWorkshop
ClientSummit2010_AgileWorkshopRazorfish
 
ClientSummit2010_MobileWorkshop
ClientSummit2010_MobileWorkshopClientSummit2010_MobileWorkshop
ClientSummit2010_MobileWorkshopRazorfish
 
Nimble, a Razorfish report on publishing in the digital age
Nimble, a Razorfish report on publishing in the digital ageNimble, a Razorfish report on publishing in the digital age
Nimble, a Razorfish report on publishing in the digital ageRazorfish
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook ReportRazorfish
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook ReportRazorfish
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook ReportRazorfish
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook ReportRazorfish
 

Más de Razorfish (20)

ClientSummit2010_JohanJervoe(Intel)
ClientSummit2010_JohanJervoe(Intel)ClientSummit2010_JohanJervoe(Intel)
ClientSummit2010_JohanJervoe(Intel)
 
Stampede (Joe Crump)
Stampede (Joe Crump)Stampede (Joe Crump)
Stampede (Joe Crump)
 
ClientSummit2010_MikeBoylson(JCPenney)
ClientSummit2010_MikeBoylson(JCPenney)ClientSummit2010_MikeBoylson(JCPenney)
ClientSummit2010_MikeBoylson(JCPenney)
 
ClientSummit2010_EricJillard(Mercedes)
ClientSummit2010_EricJillard(Mercedes)ClientSummit2010_EricJillard(Mercedes)
ClientSummit2010_EricJillard(Mercedes)
 
ClientSummit2010_SocialBodyWorkshop
ClientSummit2010_SocialBodyWorkshopClientSummit2010_SocialBodyWorkshop
ClientSummit2010_SocialBodyWorkshop
 
ClientSummit2010_PranavMistry(MIT)
ClientSummit2010_PranavMistry(MIT)ClientSummit2010_PranavMistry(MIT)
ClientSummit2010_PranavMistry(MIT)
 
ClientSummit2010_HendersonPetrillo(SkilletStreetFood)
ClientSummit2010_HendersonPetrillo(SkilletStreetFood)ClientSummit2010_HendersonPetrillo(SkilletStreetFood)
ClientSummit2010_HendersonPetrillo(SkilletStreetFood)
 
ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)
ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)
ClientSummit2010_MathiasSinn(McDonalds-NeueDigitale)
 
ClientSummit2010_RussellTaylor(AxeCaseStudies)
ClientSummit2010_RussellTaylor(AxeCaseStudies)ClientSummit2010_RussellTaylor(AxeCaseStudies)
ClientSummit2010_RussellTaylor(AxeCaseStudies)
 
ClientSummit2010_MediaMixWorkshop
ClientSummit2010_MediaMixWorkshopClientSummit2010_MediaMixWorkshop
ClientSummit2010_MediaMixWorkshop
 
ClientSummit2010_SearchWorkshop
ClientSummit2010_SearchWorkshopClientSummit2010_SearchWorkshop
ClientSummit2010_SearchWorkshop
 
ClientSummit2010_MauriceLevyPublicisGroupe
ClientSummit2010_MauriceLevyPublicisGroupeClientSummit2010_MauriceLevyPublicisGroupe
ClientSummit2010_MauriceLevyPublicisGroupe
 
ClientSummit2010_CloudWorkshop
ClientSummit2010_CloudWorkshopClientSummit2010_CloudWorkshop
ClientSummit2010_CloudWorkshop
 
ClientSummit2010_AgileWorkshop
ClientSummit2010_AgileWorkshopClientSummit2010_AgileWorkshop
ClientSummit2010_AgileWorkshop
 
ClientSummit2010_MobileWorkshop
ClientSummit2010_MobileWorkshopClientSummit2010_MobileWorkshop
ClientSummit2010_MobileWorkshop
 
Nimble, a Razorfish report on publishing in the digital age
Nimble, a Razorfish report on publishing in the digital ageNimble, a Razorfish report on publishing in the digital age
Nimble, a Razorfish report on publishing in the digital age
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook Report
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook Report
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook Report
 
2010 Razorfish Outlook Report
2010 Razorfish Outlook Report2010 Razorfish Outlook Report
2010 Razorfish Outlook Report
 

Último

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 

Último (20)

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 

Design Matters: A Mobile UX Manifesto

  • 2. 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
  • 4. For the past several years our clients in Europe and Asia have been embracing mobile….
  • 8. But in the U.S. there wasn’t much demand for mobile, until….
  • 9. Photo by Vedia on Flickr
  • 10. All of a sudden, clients are interested in mobile (particularly iPhone) and are beginning to ask us a lot of (the same) questions…
  • 11. … so here are 5 principles to address the questions that clients are asking us.
  • 14. Principle no. 1 – Get your hands dirty
  • 15.  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
  • 17. Principle no. 2 – Choose your platform carefully
  • 18.  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
  • 19. Sometimes mobile web makes more sense…
  • 21. Principle no. 3 – Embrace “mo-jile” Photo source: w3.org
  • 22.  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”
  • 23. A hybrid agile approach for mobile ux • High-Level Functionality • Contract • ProductBrief • Prioritized Features /Functions • High-level App Architecture & Roadmap • Prototype (key functionality) • Businessrules • Visual styleguide • Visual comps • Wireframes • Task flow diagrams • Code production • Supporting infrastructure Set-Up • Rapid User Testing • Release SOW > Visioning Phase > Agile Build Phase Sprint1 > Sprint2 > Sprint3 > Sprint4 >
  • 24. Core team snapshotFA • Supports Management of the Backlog • Explains functionality between the prototype and the real site • Attends both the Tech and UX scrums PM • Ensures alignment with business objectives and throughout process • Keeps project on track (timing and budget) Developer • Building the prototype into a real site • Bug fix of the real site • Launch Support Designer • Partnering with UX to fulfill the early development of comps, wireframes and copy decks that enable prototype development Experience • Creates a draft of stories for the planning meeting • Creates work flow through prototype • Leads Consumer Testing ContentandCopy • Validates that evolution of the prototype can be supported from a content feed perspective.
  • 26. v v v Principle no. 4 – Sweat the details
  • 27.  Don’t 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
  • 28. Principle no. 4 – Sweat the details
  • 29. Principle no. 4 – Sweat the details
  • 31. Principle no. 5 – Be Unique
  • 32.  Difficult to stand out from the crowd  Take risks  Push the envelope technologically  Focus only on core features (strengths) - Principle no. 5 – Be Unique
  • 33. Principle no. 5 – Be Unique
  • 34. Principle no. 5 – Be Unique
  • 35. Principle no. 5 – Be Unique
  • 36. Principle no. 5 – Be Unique
  • 37. Principle no. 5 – Be Unique
  • 38. Principle no. 5 – Be Unique
  • 39. 1. Get your hands dirty 2. Choose your platform carefully 3. Embrace “mo-jile” 4. Sweat the details 5. Be unique Rinse + repeat 5 principles recap
  • 41. The iPhone has set a new benchmark for user experience Photo by duncandavidson on Flickr
  • 42. But is it just the tip of the iceberg? Photo source: Slashgear.com
  • 43. Augmented reality was available first on Android… Photo Source: Mobilizy.com
  • 44. Advanced telecommunications services on iPhone have been problematic… Photo source: Techcrunch.com
  • 45. PCs and Phones continue to converge
  • 46. New devices and platforms bring enormous possibilities coupled with potentially huge usability headaches.
  • 47. Welcome to the golden age of mobile usability…