UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California,...
-
Upload
lillian-paul -
Category
Documents
-
view
214 -
download
0
Transcript of UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California,...
![Page 1: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/1.jpg)
UC Berkeley
CS160 - User Interface Design, Prototyping, and EvaluationUniversity of California, Berkeley
Chris Alvarado-DrydenLevi Chang
Matthew DavisJenny Li
Fall 2007
Pyramid Communications Hub
![Page 2: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/2.jpg)
UC BerkeleyUser Need
• Live Demo!!!
– Lots of work to communicate…
![Page 3: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/3.jpg)
UC BerkeleyThe Solution!
• Video Demo
![Page 4: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/4.jpg)
UC BerkeleySystem Architecture
User setup• User enters information into application– Phone number– E-mail address– WhiteList (who can send me messages)
• Information looked up from facebook– UID
• Stored into Database
![Page 5: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/5.jpg)
UC BerkeleySystem Architecture
Sending Messages• User sends message from application• Information looked up from Database• Message Sent!
![Page 6: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/6.jpg)
UC BerkeleySystem Architecture again…
DB
Enter Phone # and/or e-mail
User Setup
Pull data from facebook profile
Lookup info
Sending Messages
Send from facebook
Message Sent!Privacy Settings
![Page 7: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/7.jpg)
UC BerkeleyUser Study: Methodology
• Mixture of two methods• Semi-structured Interview• Script• Open-ended responses
• Critical Incident• Types of questions asked• Noting significant events that affect the action
![Page 8: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/8.jpg)
UC BerkeleyUser Study: Methodology
• 4 users• Different majors• Different experience with facebook• Different experience with texting• Assumed all familiar with e-mail
• Do a few tasks• Think aloud• Explain what you’re doing and why
![Page 9: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/9.jpg)
UC BerkeleyUser Study: Data
•4 Camtasia Recordings•facebook application usability•Voice
•4 Interview Transcripts•Gestures and facial expressions also recorded
![Page 10: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/10.jpg)
UC BerkeleyUser Study: Conclusions
• Common Issues• Broadcast was confusing• White List was confusing• Not enough explanations on certain parts
• Common Concerns• Reliability• Cost
![Page 11: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/11.jpg)
UC BerkeleyDesign Changes
• No more broadcast tab• Changed into separate Text and e-mail tab• Each has broadcast feature built-in
• New White List features• Improved registration flow• Added navigation bar to Settings
• Can now see current phone number and e-mail address
• More explanations in each step
![Page 12: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/12.jpg)
UC BerkeleyFor the future…
• Clean up current features• Based on design changes
• New features • Reply to text and e-mail• VoIP (call your facebook…?) • Custom address book• Sending media texts, data texts, fax…• Make some $$$.... ?
![Page 13: UC Berkeley CS160 - User Interface Design, Prototyping, and Evaluation University of California, Berkeley Chris Alvarado-Dryden Levi Chang Matthew Davis.](https://reader035.fdocuments.us/reader035/viewer/2022062520/5697bf7b1a28abf838c837a8/html5/thumbnails/13.jpg)
UC Berkeley
Voila!
Questions?