SlideShare a Scribd company logo
1 of 58
Download to read offline
UX in digital media
                          Mobile and traditional web
                                    - Sebastian Daum -
                                      Fortune Cookie




Saturday, July 14, 2012
Why mobile UX is important




By 2014, mobile internet should take over desktop
internet usage.
                                         (Source: Microsoft Tag, April 2011)
Saturday, July 14, 2012
Not everyone needs a mobile website.




Saturday, July 14, 2012
What is important to any product to be used by people




Saturday, July 14, 2012
What is important to any product to be used by people




                                 Useful
                          Users can accomplish their
                                    goals




Saturday, July 14, 2012
What is important to any product to be used by people




                                 Usable
                                 Easy to use

                                 Useful
                          Users can accomplish their
                                    goals




Saturday, July 14, 2012
What is important to any product to be used by people




                               Desirable
                          Evokes positive emotions


                                 Usable
                                 Easy to use

                                 Useful
                          Users can accomplish their
                                    goals




Saturday, July 14, 2012
Desktop   vs   Mobile




Saturday, July 14, 2012
Desktop   vs   Mobile

     •Mouse as an accurate
     pointing device




Saturday, July 14, 2012
Desktop   vs   Mobile

     •Mouse as an accurate
     pointing device

     •Full keyboard




Saturday, July 14, 2012
Desktop   vs   Mobile

     •Mouse as an accurate
     pointing device

     •Full keyboard

     •Large screen




Saturday, July 14, 2012
Desktop   vs   Mobile

     •Mouse as an accurate
     pointing device

     •Full keyboard

     •Large screen
     •Broadband




Saturday, July 14, 2012
Desktop   vs   Mobile

     •Mouse as an accurate
     pointing device

     •Full keyboard

     •Large screen
     •Broadband

     •Comfortable chair




Saturday, July 14, 2012
Desktop   vs             Mobile

     •Mouse as an accurate           •Fingers to point
     pointing device

     •Full keyboard

     •Large screen
     •Broadband

     •Comfortable chair




Saturday, July 14, 2012
Desktop   vs             Mobile

     •Mouse as an accurate           •Fingers to point
     pointing device

     •Full keyboard                  •Limited keyboard

     •Large screen
     •Broadband

     •Comfortable chair




Saturday, July 14, 2012
Desktop   vs             Mobile

     •Mouse as an accurate           •Fingers to point
     pointing device

     •Full keyboard                  •Limited keyboard

     •Large screen                   •Small screen

     •Broadband

     •Comfortable chair




Saturday, July 14, 2012
Desktop   vs             Mobile

     •Mouse as an accurate           •Fingers to point
     pointing device

     •Full keyboard                  •Limited keyboard

     •Large screen                   •Small screen

     •Broadband                      •Poor connections

     •Comfortable chair




Saturday, July 14, 2012
Desktop   vs             Mobile

     •Mouse as an accurate           •Fingers to point
     pointing device

     •Full keyboard                  •Limited keyboard

     •Large screen                   •Small screen

     •Broadband                      •Poor connections

     •Comfortable chair              •Interruptions and distractions




Saturday, July 14, 2012
Context




Saturday, July 14, 2012
Context describes the
environment in which people
might use the app and its
features.


Saturday, July 14, 2012
The user can be anywhere




Saturday, July 14, 2012
Use while moving




Saturday, July 14, 2012
Instantaneous need for information




Saturday, July 14, 2012
Devices




Saturday, July 14, 2012
What do polish people use their smartphones
                      for?
                           58,7% During family dinner

                           44,4% Toilet

                           28% While driving a car
                           without a headset

                           27,8% During official
                           dinners




Saturday, July 14, 2012
Prospective users involvement is
                     key




Saturday, July 14, 2012
Segmentation

                          Who do you want to attract?




Saturday, July 14, 2012
Mobile specific questions




Saturday, July 14, 2012
Mobile specific questions
              •Why does the user use the site
              on a mobile device?




Saturday, July 14, 2012
Mobile specific questions
              •Why does the user use the site
              on a mobile device?

              •What features do they use?




Saturday, July 14, 2012
Mobile specific questions
              •Why does the user use the site
              on a mobile device?

              •What features do they use?

              •Where are they when use the site?




Saturday, July 14, 2012
Mobile specific questions
              •Why does the user use the site
              on a mobile device?

              •What features do they use?

              •Where are they when use the site?

              •Which devices do they use?


Saturday, July 14, 2012
Capture the findings - Personas




Saturday, July 14, 2012
Usability




                                      (Source: Jakob Nielsen’s Alertbox, September 26 2011)




Saturday, July 14, 2012
Usability
          Desktop success rate

                          84%Based on:
                          263 user studies




                                                         (Source: Jakob Nielsen’s Alertbox, September 26 2011)




Saturday, July 14, 2012
Usability
          Desktop success rate                     Mobile success rate

                          84%Based on:
                          263 user studies
                                                         64%      Based on:
                                                          User testing with 105 user;
                                                              390 different tasks




                                                                    (Source: Jakob Nielsen’s Alertbox, September 26 2011)




Saturday, July 14, 2012
Constraints of mobile web site use




Saturday, July 14, 2012
Constraints of mobile web site use



       • Small screen




Saturday, July 14, 2012
Constraints of mobile web site use



       • Small screen
       • Awkward input




Saturday, July 14, 2012
Constraints of mobile web site use



       • Small screen
       • Awkward input
       • Delayed downloads




Saturday, July 14, 2012
Allegro.pl desktop site




Saturday, July 14, 2012
Allegro.pl mobile site




Saturday, July 14, 2012
Allegro.pl mobile site




                          Most likely selections at the top




Saturday, July 14, 2012
Allegro.pl mobile site




                          Most likely selections at the top

                          Images kept to a minimum




Saturday, July 14, 2012
Allegro.pl mobile site




                          Most likely selections at the top

                          Images kept to a minimum

                          Reduced content




Saturday, July 14, 2012
Allegro.pl mobile site




                          Most likely selections at the top

                          Images kept to a minimum

                          Reduced content

                          A simple one column structure




Saturday, July 14, 2012
Allegro.pl mobile site




                          Most likely selections at the top

                          Images kept to a minimum

                          Reduced content

                          A simple one column structure

                          Option to use full site at the
                          bottom




Saturday, July 14, 2012
Design for emotion - Urbanspoon




Saturday, July 14, 2012
Design for emotion - Urbanspoon

                          • Playful & engaging




Saturday, July 14, 2012
Design for emotion - Urbanspoon

                          • Playful & engaging
                          • Takes advantage of the iPhone’s
                          accelerometer




Saturday, July 14, 2012
Design for emotion - Hipmunk




Saturday, July 14, 2012
Design for emotion - Hipmunk

                          • Keeps the user while engaged while
                          waiting for search results




Saturday, July 14, 2012
Take-aways:




Saturday, July 14, 2012
Take-aways:


Check your web analytics data to see whether you need a mobile site or not




Saturday, July 14, 2012
Take-aways:


Check your web analytics data to see whether you need a mobile site or not



Analyse the context of use of your target audience




Saturday, July 14, 2012
Take-aways:


Check your web analytics data to see whether you need a mobile site or not



Analyse the context of use of your target audience



Less is more when it comes to mobile design




Saturday, July 14, 2012
Take-aways:


Check your web analytics data to see whether you need a mobile site or not



Analyse the context of use of your target audience



Less is more when it comes to mobile design



Make it fun to use




Saturday, July 14, 2012
Thank you.




Saturday, July 14, 2012

More Related Content

Similar to Ux in dm d4=r1

Website Usability | Class 1
Website Usability | Class 1Website Usability | Class 1
Website Usability | Class 1
studiokandm
 
Multilingual solutions florian loretan
Multilingual solutions florian loretanMultilingual solutions florian loretan
Multilingual solutions florian loretan
drupalconf
 
Trail Technology - Mobile Apps for the Outdoors
Trail Technology - Mobile Apps for the OutdoorsTrail Technology - Mobile Apps for the Outdoors
Trail Technology - Mobile Apps for the Outdoors
Larry Gioia
 
Waza keynote: Idea to Delivery
Waza keynote: Idea to DeliveryWaza keynote: Idea to Delivery
Waza keynote: Idea to Delivery
Adam Wiggins
 
Mobile marketing presentation for RISE
Mobile marketing presentation for RISEMobile marketing presentation for RISE
Mobile marketing presentation for RISE
Saffire Events
 

Similar to Ux in dm d4=r1 (20)

Website Usability | Class 1
Website Usability | Class 1Website Usability | Class 1
Website Usability | Class 1
 
Multilingual solutions florian loretan
Multilingual solutions florian loretanMultilingual solutions florian loretan
Multilingual solutions florian loretan
 
Android Tools for Real Estate
Android Tools for Real EstateAndroid Tools for Real Estate
Android Tools for Real Estate
 
Atooma, dall’App alla Community.
Atooma, dall’App alla Community. Atooma, dall’App alla Community.
Atooma, dall’App alla Community.
 
AMA Mobile Pop-up
AMA Mobile Pop-upAMA Mobile Pop-up
AMA Mobile Pop-up
 
Trail Technology - Mobile Apps for the Outdoors
Trail Technology - Mobile Apps for the OutdoorsTrail Technology - Mobile Apps for the Outdoors
Trail Technology - Mobile Apps for the Outdoors
 
Putting Mobile First by Lindsay Herbert
Putting Mobile First by Lindsay HerbertPutting Mobile First by Lindsay Herbert
Putting Mobile First by Lindsay Herbert
 
Mobile Strategy 2013
Mobile Strategy 2013Mobile Strategy 2013
Mobile Strategy 2013
 
Mobile first-edinburgh 030913
Mobile first-edinburgh 030913Mobile first-edinburgh 030913
Mobile first-edinburgh 030913
 
FailChat: UX Comes First Because UX is Everything!
FailChat: UX Comes First Because UX is Everything!FailChat: UX Comes First Because UX is Everything!
FailChat: UX Comes First Because UX is Everything!
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13
 
The Mobile Learning Tipping Point
The Mobile Learning Tipping PointThe Mobile Learning Tipping Point
The Mobile Learning Tipping Point
 
UX 101 by Ruthless UX
UX 101 by Ruthless UXUX 101 by Ruthless UX
UX 101 by Ruthless UX
 
Waza keynote: Idea to Delivery
Waza keynote: Idea to DeliveryWaza keynote: Idea to Delivery
Waza keynote: Idea to Delivery
 
Mobile marketing presentation for RISE
Mobile marketing presentation for RISEMobile marketing presentation for RISE
Mobile marketing presentation for RISE
 
eLearning On Tablets - What, Why & How?
eLearning On Tablets - What, Why & How?eLearning On Tablets - What, Why & How?
eLearning On Tablets - What, Why & How?
 
Android VS iOS
Android VS iOSAndroid VS iOS
Android VS iOS
 
User-Centered (Mobile) Device Strategy
User-Centered (Mobile) Device StrategyUser-Centered (Mobile) Device Strategy
User-Centered (Mobile) Device Strategy
 
Readz pres website feb13 final
Readz pres website   feb13 finalReadz pres website   feb13 final
Readz pres website feb13 final
 
Mobile Means Business
Mobile Means BusinessMobile Means Business
Mobile Means Business
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 

Ux in dm d4=r1

  • 1. UX in digital media Mobile and traditional web - Sebastian Daum - Fortune Cookie Saturday, July 14, 2012
  • 2. Why mobile UX is important By 2014, mobile internet should take over desktop internet usage. (Source: Microsoft Tag, April 2011) Saturday, July 14, 2012
  • 3. Not everyone needs a mobile website. Saturday, July 14, 2012
  • 4. What is important to any product to be used by people Saturday, July 14, 2012
  • 5. What is important to any product to be used by people Useful Users can accomplish their goals Saturday, July 14, 2012
  • 6. What is important to any product to be used by people Usable Easy to use Useful Users can accomplish their goals Saturday, July 14, 2012
  • 7. What is important to any product to be used by people Desirable Evokes positive emotions Usable Easy to use Useful Users can accomplish their goals Saturday, July 14, 2012
  • 8. Desktop vs Mobile Saturday, July 14, 2012
  • 9. Desktop vs Mobile •Mouse as an accurate pointing device Saturday, July 14, 2012
  • 10. Desktop vs Mobile •Mouse as an accurate pointing device •Full keyboard Saturday, July 14, 2012
  • 11. Desktop vs Mobile •Mouse as an accurate pointing device •Full keyboard •Large screen Saturday, July 14, 2012
  • 12. Desktop vs Mobile •Mouse as an accurate pointing device •Full keyboard •Large screen •Broadband Saturday, July 14, 2012
  • 13. Desktop vs Mobile •Mouse as an accurate pointing device •Full keyboard •Large screen •Broadband •Comfortable chair Saturday, July 14, 2012
  • 14. Desktop vs Mobile •Mouse as an accurate •Fingers to point pointing device •Full keyboard •Large screen •Broadband •Comfortable chair Saturday, July 14, 2012
  • 15. Desktop vs Mobile •Mouse as an accurate •Fingers to point pointing device •Full keyboard •Limited keyboard •Large screen •Broadband •Comfortable chair Saturday, July 14, 2012
  • 16. Desktop vs Mobile •Mouse as an accurate •Fingers to point pointing device •Full keyboard •Limited keyboard •Large screen •Small screen •Broadband •Comfortable chair Saturday, July 14, 2012
  • 17. Desktop vs Mobile •Mouse as an accurate •Fingers to point pointing device •Full keyboard •Limited keyboard •Large screen •Small screen •Broadband •Poor connections •Comfortable chair Saturday, July 14, 2012
  • 18. Desktop vs Mobile •Mouse as an accurate •Fingers to point pointing device •Full keyboard •Limited keyboard •Large screen •Small screen •Broadband •Poor connections •Comfortable chair •Interruptions and distractions Saturday, July 14, 2012
  • 20. Context describes the environment in which people might use the app and its features. Saturday, July 14, 2012
  • 21. The user can be anywhere Saturday, July 14, 2012
  • 22. Use while moving Saturday, July 14, 2012
  • 23. Instantaneous need for information Saturday, July 14, 2012
  • 25. What do polish people use their smartphones for? 58,7% During family dinner 44,4% Toilet 28% While driving a car without a headset 27,8% During official dinners Saturday, July 14, 2012
  • 26. Prospective users involvement is key Saturday, July 14, 2012
  • 27. Segmentation Who do you want to attract? Saturday, July 14, 2012
  • 29. Mobile specific questions •Why does the user use the site on a mobile device? Saturday, July 14, 2012
  • 30. Mobile specific questions •Why does the user use the site on a mobile device? •What features do they use? Saturday, July 14, 2012
  • 31. Mobile specific questions •Why does the user use the site on a mobile device? •What features do they use? •Where are they when use the site? Saturday, July 14, 2012
  • 32. Mobile specific questions •Why does the user use the site on a mobile device? •What features do they use? •Where are they when use the site? •Which devices do they use? Saturday, July 14, 2012
  • 33. Capture the findings - Personas Saturday, July 14, 2012
  • 34. Usability (Source: Jakob Nielsen’s Alertbox, September 26 2011) Saturday, July 14, 2012
  • 35. Usability Desktop success rate 84%Based on: 263 user studies (Source: Jakob Nielsen’s Alertbox, September 26 2011) Saturday, July 14, 2012
  • 36. Usability Desktop success rate Mobile success rate 84%Based on: 263 user studies 64% Based on: User testing with 105 user; 390 different tasks (Source: Jakob Nielsen’s Alertbox, September 26 2011) Saturday, July 14, 2012
  • 37. Constraints of mobile web site use Saturday, July 14, 2012
  • 38. Constraints of mobile web site use • Small screen Saturday, July 14, 2012
  • 39. Constraints of mobile web site use • Small screen • Awkward input Saturday, July 14, 2012
  • 40. Constraints of mobile web site use • Small screen • Awkward input • Delayed downloads Saturday, July 14, 2012
  • 43. Allegro.pl mobile site Most likely selections at the top Saturday, July 14, 2012
  • 44. Allegro.pl mobile site Most likely selections at the top Images kept to a minimum Saturday, July 14, 2012
  • 45. Allegro.pl mobile site Most likely selections at the top Images kept to a minimum Reduced content Saturday, July 14, 2012
  • 46. Allegro.pl mobile site Most likely selections at the top Images kept to a minimum Reduced content A simple one column structure Saturday, July 14, 2012
  • 47. Allegro.pl mobile site Most likely selections at the top Images kept to a minimum Reduced content A simple one column structure Option to use full site at the bottom Saturday, July 14, 2012
  • 48. Design for emotion - Urbanspoon Saturday, July 14, 2012
  • 49. Design for emotion - Urbanspoon • Playful & engaging Saturday, July 14, 2012
  • 50. Design for emotion - Urbanspoon • Playful & engaging • Takes advantage of the iPhone’s accelerometer Saturday, July 14, 2012
  • 51. Design for emotion - Hipmunk Saturday, July 14, 2012
  • 52. Design for emotion - Hipmunk • Keeps the user while engaged while waiting for search results Saturday, July 14, 2012
  • 54. Take-aways: Check your web analytics data to see whether you need a mobile site or not Saturday, July 14, 2012
  • 55. Take-aways: Check your web analytics data to see whether you need a mobile site or not Analyse the context of use of your target audience Saturday, July 14, 2012
  • 56. Take-aways: Check your web analytics data to see whether you need a mobile site or not Analyse the context of use of your target audience Less is more when it comes to mobile design Saturday, July 14, 2012
  • 57. Take-aways: Check your web analytics data to see whether you need a mobile site or not Analyse the context of use of your target audience Less is more when it comes to mobile design Make it fun to use Saturday, July 14, 2012