CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task...
Transcript of CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task...
![Page 1: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/1.jpg)
CoCoCollaborative Collections
Austin Chustz, Jeff Garnier, Tom Kremer
![Page 2: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/2.jpg)
Presentation Overview
● 3 Tasks● Key Changes● Revised UI Design● Live Demo● Tools Used● Recap
![Page 3: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/3.jpg)
Three Different Tasks
Task 1: Capture and share content- Also attending events
Task 2: View and vote on submitted contentTask 3: Share finished collections of content
![Page 4: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/4.jpg)
Three Tasks and Key Changes
Task 1: Confusion about home screen and how to share content
- Also wanted to be able to not attendTask 2: Confusion about categories of eventsTask 3: No serious changes
![Page 5: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/5.jpg)
Revised UI Design
![Page 6: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/6.jpg)
Revised UI Design
![Page 7: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/7.jpg)
Revised UI Design
![Page 8: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/8.jpg)
Revised UI Design
![Page 9: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/9.jpg)
Live Demo
CoCo Demo
![Page 10: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/10.jpg)
Tools Used
![Page 11: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/11.jpg)
What Worked What Didn't● App looks extremely
legitimate● Easier to prompt user
how to navigate● Cleaner, clearer look● Flexibility with fonts and
sizes
● Colors looks flat● No memory of user
actions or different states● Difficult to employ
multiple gestures
![Page 12: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/12.jpg)
Wizard of Oz Techniques
Not really a back button
![Page 13: CoCo - Stanford HCI Group...Revised UI Design Live Demo Tools Used Recap. Three Different Tasks Task 1: Capture and share content - Also attending events ... experience Limitations](https://reader033.fdocuments.net/reader033/viewer/2022050106/5f44b67120807034be0abec3/html5/thumbnails/13.jpg)
Summary
● Three tasks and key changes● Changes to UI to simplify and improve user
experience● Limitations of tools used