mobile 2.0 & usability · mobile application (native) !! mobile web site !! full web site,...
TRANSCRIPT
2
!"#$%&'$()*&+),%#-.&/*%0-*)1#*)2&
world’s oldest, largest user experience consultancy&
!!"#$%&'()"*"+,,-".('%/0'1)%'2"2'(3&1"4%56'((351$7("
!!"872'()"*"84'%$91&"05191.5.(7:"(310'";<=;"
!!">$).%'?@1)'&%$)'2"A')B52(C")557(C"$12")%$3131&"
!!"@1)'%1$951$7"'D4'%9('"E3)B"750$7"4%'('10'"
!!"@F8"0'%9G'2"5H0'("I@F8"<,,;J+,,,K"
Global Reach – USA, Europe, Asia
Local Presence - Human Factors International is located in London
with a dynamic team of specialists in usability and user experience design
Minneapolis
San Francisco
Fairfield
Chicago Baltimore
New York
Boston
Mumbai
Bangalore
Pondicherry
Singapore
Shanghai
London London Hamburg
3
Design
•!Information Architecture •!Iconography
•!Skins
Research
•!User Testing
•!Expert Reviews •!Ethnography
•!Focus Groups Training
•!Certified Usability Analyst
•!Full suite of design and usability courses
Guidance •!Institutionalisation of Usability
•!Executive Mentoring
Usable. Experience. Design
Usability
User Experience
Persuasive Design
4
Not Mobile 2.0
5
Not Mobile 2.0
6
Not Mobile 2.0
7
Not Mobile 2.0
8
Not Mobile 2.0
9
Not Mobile 2.0
10
Mobile 2.0?
11
Mobile 2.0
•! Social Components
!! Networking
!! Chat, instant messaging, commenting...
!! Uploading photos and text (user-generated content)
!! Presence
•! Localised Content
!! Awareness of place
!! Sharing of place content
•! AJAX
!! Highly interactive widgets
!! Animation
!! Exact placement of graphics & widgets
!! “Same page” UI (rather than lots of round-trips)
12
Usability
•! Ease of use
•! By design
!! Know your user
!! Iterate designs before coding them
•! By research
!! Ask users what they like and do not like about your concept
!! Prototype the concept
!! Ask users to do things with the prototype
!! Observe their struggle and iterate the designs
13
Mobile + Social Networking = ?
Benefits Challenges
Location-Awareness Privacy
Camera Availability Low Photo Quality
Constant Availability Input Awkwardness
Frequent Access Short Access Times
14
Mobile Products in the Market
•! Nokia’s Ovi
•! Google’s Dodgeball
•! Facebook Mobile
!! Mobile web, SMS, and photo upload features
•! MySpace
•! Gypsii
!! gypsii.com/m
!! Windows Mobile, Blackberry, and S60-based location-aware social networking
•! BuzzCity’s MyGamma
!! http://mygamma.com/
!! WAP-enabled mobile social networking
15
Mobile Facebook
•! Three UI’s available:
!! Mobile application (native)
!! Mobile web site
!! Full web site, adapted to mobile
Mobile (native):
•!Attractive/clean
•!Out of date with Facebook
account
•!No stickiness
Mobile Web:
•!Straightforward, sloppy
•!Fewer features than desktop
site
•!No advertising
Desktop Adapted:
•!Messy, with high graphics
•!Most desktop features
•!Full advertising
16
Mobile Facebook
•! Three UI’s available:
!! Mobile application (native)
!! Mobile web site
!! Full web site, adapted to mobile
Mobile (native):
•!Attractive/clean
•!Out of date with Facebook
account
•!No stickiness
Mobile Web:
•!Straightforward, sloppy
•!Fewer features than desktop
site
•!No advertising
Desktop Adapted:
•!Messy, with high graphics
•!Most desktop features
•!Full advertising
17
Mobile Facebook
•! Three UI’s available:
!! Mobile application (native)
!! Mobile web site
!! Full web site, adapted to mobile
Mobile (native):
•!Attractive/clean
•!Out of date with Facebook
account
•!No stickiness
Mobile Web:
•!Straightforward, sloppy
•!Fewer features than desktop
site
•!No advertising
Desktop Adapted:
•!Messy, with high graphics
•!Most desktop features
•!Full advertising
18
Gypsii
!! Downloaded the link to my Blackberry
!! Couldn’t log in...
Gypsii: Sign In Gypsii: Surf Around
19
MyGamma
F3&1"L4" M51)'1)"F$A47'"
!! Signup was straightforward
!! First step was to text ‘GAMMA’ to 82772
!! Got the link, went to the web site.
!! The video tells the rest...
20
Mobile Social 2.0 Tips
•! Focus on the user experience first
!! What do mobile users want from a social networking product?
!! How will their use differ from their desktop use?
!! Design the mobile site
!! And test it thoroughly!
•! Then think about monetisation
21
Localised Content and Usability
30245*6&#*&%#7)48.&.2#9&)*7&
$*-025)"20&:;<&,)*&"0&
=-$.%-)1*6&=#-&%>0&$.0-&
<#(01(0.&?0#?20&9)*%&%#&
2#,)25.0&9>0-0&%>04&)-0&!"#$!&
-)%>0-&%>)*&9>0-0&%>04&)-0&
!22#9&$.0-@0*%-4&#=&,5%4A&
*056>"#->##7A&B/;&,#70A&
5*%0-.0,1#*A&#-&.020,1#*&=-#(&)&
()?C&D-&0E0*&"4&2)*7()-F&
22
A Particularly Good Example: AroundMe
23
24
25
A Particularly Good Example: AroundMe
26
A Particularly Good Example: AroundMe
27
28
29
30
31
32
AJAX and Usability
G5HH4&6-)?>5,.&
)*7&)*5()1#*&
,)*&>570&
700?0-&
$.)"525%4&
90)F*0..0.&
33
Pinch & Stretch Nightmare
34
Inconsistent UI
•! “Back button” functionality inconsistently available
•! Contact editibility only occasionally available
•! Moving from section to section awkward
35
WebKit
•! http://webkit.org/
•! Used as the browser foundation by Safari, Nokia,
Android...
•! Open Source application framework upon which a
browser can be built
•! An open source project run by Apple
•! Components
!! WebCore
!! JavaScriptCore
!! Drosera
!! SunSpider
36
The WURFL: Wireless Universal Resource File
•! http://wurfl.sourceforge.net/
•! XML configuration file that contains information about
capabilities and features of many mobile devices
•! Device data repository about mobile phones
•! Open source, free, and voluntary
•! Accessed by API at run time
•! Fosters community among developers
I$,)&;)..)*5&
37
dotMobi
•! Mobile domain to support XHTML sites that conform to
the .mobi standard
•! At its heart, a marketing campaign, but one oriented
toward quality user experience and brand trust
•! Provide tools and services to enable best-in-class
usability:
!! Emulator tool at http://mltd.mobi/emulator.php
!! Page and site test tools at http://ready.mobi
!! mobiForge developer community at http://mobiforge.com
!! Best practices: http://mobithinking.com/sites/mobithinking.com/files/
dotMobi_Mobile_Usability_Best_Practice.pdf
!! Site builder tool at http://site.mobi
!! Device Atlas at http://deviceatlas.com
•! Database of mobile device information
•! Accessed via API at run time
Human Factors International
16 Albemarle Street
London W1S 4HW
Phone: +44.207.290.3430
HFI Offices:
Baltimore, MD, USA
Bangalore, India
Boston, MA, USA
Fairfield, IA, USA
Hamburg, Germany
London, UK
Mumbai, India
Pondicherry, India
San Francisco, CA, USA
Singapore
Contact:
Scott Weiss, Executive Director, London
+44 (0) 207.290.3432
Thanks!