Challenges and tools of multi-screen UX
-
Upload
hugo-labonde -
Category
Design
-
view
418 -
download
0
Transcript of Challenges and tools of multi-screen UX
![Page 1: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/1.jpg)
ChallengesandToolsforMulti-Screen UX
Smartphones,Tablets,computers,…
HugoLabonde– UXDesignerJulesLeclerc– LeadUX
![Page 2: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/2.jpg)
UsabilisUXresearch &DesignAgency
![Page 3: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/3.jpg)
Companies focusedmainly ontheSmartphoneUX
![Page 4: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/4.jpg)
Amulti-deviceecosystem
![Page 5: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/5.jpg)
Quantitativeandqualitativestudy
![Page 6: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/6.jpg)
devices peruser
3,2
![Page 7: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/7.jpg)
Compositionofthisecosystem(percentage ofownership)
Smartphone
TabletComputer
Other
Connected TV
99
74
99
40
9
![Page 8: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/8.jpg)
Smartphone“Amust”
![Page 9: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/9.jpg)
Tablet“Thehomebody”
![Page 10: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/10.jpg)
Computer“Theexperttool”
![Page 11: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/11.jpg)
ofpeopleuseseveral different devices forthesameactivity
99%
![Page 12: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/12.jpg)
ofpeopleusemultipledevices simultaneously
75%
![Page 13: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/13.jpg)
Useris notaware ofits multi-device use
![Page 14: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/14.jpg)
The7most significantresults
![Page 15: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/15.jpg)
1.APictureis themostefficientway tofind aspecific content
1.
![Page 16: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/16.jpg)
Asimilar informationarchitectureoneverydevice
2.
![Page 17: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/17.jpg)
Specific layout foreachdevice
3.
![Page 18: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/18.jpg)
4.Same contentshould befound onalldevices
4.a b c
a b c
![Page 19: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/19.jpg)
Inform users aboutsynchronization betweendevices
5.
![Page 20: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/20.jpg)
Facilitating thetransitionbetween devices
6.
![Page 21: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/21.jpg)
Offer specific features foreach devices
7.
![Page 22: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/22.jpg)
Tools todesignmulti-screen UX
![Page 23: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/23.jpg)
Usertesting GuidelinesExperience map
![Page 24: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/24.jpg)
• Guidance
• Continuity
• Synchronization
• Immediate feedback
• Error management
• Flexibility
• Environment ofuse
• Security
Criteria fortheEvaluationOfmulti-devices UserExperience
![Page 25: Challenges and tools of multi-screen UX](https://reader030.fdocuments.in/reader030/viewer/2022020301/58852f171a28ab26518b48d3/html5/thumbnails/25.jpg)
Get slideshere :tinyurl.com/multiux
@Usabilis
@JulesLeclerc
@HugoLabonde