CPSC 344 Team Pissarro
The Alarm Clock <ul><li>Our motivation: </li></ul><ul><li>Most alarm clocks are difficult to use </li></ul><ul><li>Setting...
The Alarm Clock <ul><li>Original idea:  </li></ul>BUT: When it comes to functions, how much is too much? MP3! Night Light!...
Back to Basics <ul><li>Evaluation methods:  interviews and questionnaires </li></ul><ul><li>Results: The ÜBER Alarm Clock!...
Prototype Brainstorm! <ul><li>Our new objectives: </li></ul><ul><li>Creating a  simple  alarm clock </li></ul><ul><li>Pres...
Brainstorming <ul><li>Just a few examples… </li></ul><ul><li>Control   Interfaces </li></ul><ul><li>  Clock     Displays ...
Prototype: Paper <ul><li>Problems: </li></ul><ul><li>Too many switches  (like too many functions?) </li></ul><ul><li>Clutt...
Prototype: Paper… and Foam! <ul><li>What next? </li></ul><ul><li>Simplified controls </li></ul><ul><ul><li>two options onl...
Prototype: Paper… and Foam! <ul><li>Clock form </li></ul><ul><li>Paper and foam </li></ul><ul><li>Clock screen </li></ul><...
Evaluation <ul><li>Medium-Fidelity Evaluation objectives: </li></ul><ul><li>Do our controls and layout make sense? </li></...
Evaluation <ul><li>Observation, think-aloud protocol </li></ul><ul><li>Feedback from users about physical interactions wit...
Evaluation <ul><li>Observation, think-aloud protocol </li></ul><ul><li>Feedback from users about physical interactions wit...
Demo! Physical clock form
Demo! Flash screen and controls
The Six Tasks <ul><li>Task #1: Switch from AM to FM </li></ul><ul><li>Task #2: Turn up the volume </li></ul><ul><li>Task #...
Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able t...
Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able t...
Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able t...
Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able t...
Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication ...
Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication ...
Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication ...
Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication ...
Acknowledgements <ul><li>Don Norman  ( http://www.jnd.org/GoodDesign.html ) </li></ul><ul><li>Dr. Karon MacLean  (for the ...
Upcoming SlideShare
Loading in...5
×

Pissarro Presentation

233

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
233
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pissarro Presentation

  1. 1. CPSC 344 Team Pissarro
  2. 2. The Alarm Clock <ul><li>Our motivation: </li></ul><ul><li>Most alarm clocks are difficult to use </li></ul><ul><li>Setting the time can be cumbersome </li></ul><ul><li>Our objective (to start): </li></ul><ul><li>Designing an easy-to-use clock interface </li></ul><ul><li>Creating a clock that would appeal to many users. </li></ul>
  3. 3. The Alarm Clock <ul><li>Original idea: </li></ul>BUT: When it comes to functions, how much is too much? MP3! Night Light! WIFI Glowing buttons Screen-savers Photos Internet Calendar The Über Clock!
  4. 4. Back to Basics <ul><li>Evaluation methods: interviews and questionnaires </li></ul><ul><li>Results: The ÜBER Alarm Clock! </li></ul><ul><li>The only important functions: </li></ul><ul><ul><li>A clock </li></ul></ul><ul><ul><li>An alarm or two </li></ul></ul><ul><ul><ul><li>(one person wanted 31 alarms…  an outlier.) </li></ul></ul></ul>
  5. 5. Prototype Brainstorm! <ul><li>Our new objectives: </li></ul><ul><li>Creating a simple alarm clock </li></ul><ul><li>Presenting an easy-to-use interface </li></ul><ul><li>Now we knew what we wanted to include: </li></ul><ul><li>It was time to do some layout brainstorming! </li></ul><ul><li>Clock </li></ul><ul><li>Radio </li></ul><ul><li>Nap </li></ul><ul><li>Alarm (2) </li></ul>
  6. 6. Brainstorming <ul><li>Just a few examples… </li></ul><ul><li>Control Interfaces </li></ul><ul><li> Clock  Displays </li></ul>
  7. 7. Prototype: Paper <ul><li>Problems: </li></ul><ul><li>Too many switches (like too many functions?) </li></ul><ul><li>Cluttered </li></ul><ul><li>Confusing controls </li></ul>
  8. 8. Prototype: Paper… and Foam! <ul><li>What next? </li></ul><ul><li>Simplified controls </li></ul><ul><ul><li>two options only </li></ul></ul><ul><li>Fewer switches </li></ul><ul><li>Use the clock’s sides </li></ul>
  9. 9. Prototype: Paper… and Foam! <ul><li>Clock form </li></ul><ul><li>Paper and foam </li></ul><ul><li>Clock screen </li></ul><ul><li>Macromedia Flash </li></ul><ul><li>Decoration </li></ul><ul><ul><li>(It is a “bedroom”, after all…) </li></ul></ul>
  10. 10. Evaluation <ul><li>Medium-Fidelity Evaluation objectives: </li></ul><ul><li>Do our controls and layout make sense? </li></ul><ul><li>Are users able to solve tasks that we give? </li></ul><ul><li>How do they like the dial? </li></ul>
  11. 11. Evaluation <ul><li>Observation, think-aloud protocol </li></ul><ul><li>Feedback from users about physical interactions with the alarm clock prototype </li></ul><ul><li>Determined whether the mapping between functions and controls was intuitive </li></ul><ul><li>Follow-up interview </li></ul><ul><li>Users elaborated on their actions </li></ul><ul><li>Users reflected on the experience; some gave useful suggestions </li></ul>
  12. 12. Evaluation <ul><li>Observation, think-aloud protocol </li></ul><ul><li>Feedback from users about physical interactions with the alarm clock prototype </li></ul><ul><li>Determined whether the mapping between functions and controls was intuitive </li></ul><ul><li>Follow-up interview </li></ul><ul><li>Users elaborated on their actions </li></ul><ul><li>Users reflected on the experience; some gave useful suggestions </li></ul>
  13. 13. Demo! Physical clock form
  14. 14. Demo! Flash screen and controls
  15. 15. The Six Tasks <ul><li>Task #1: Switch from AM to FM </li></ul><ul><li>Task #2: Turn up the volume </li></ul><ul><li>Task #3: Set alarm 1 to 6:25 AM </li></ul><ul><li>Task #4: Set alarm 2 to 8:00 AM  </li></ul><ul><li>Task #5: Turn on alarm 1 </li></ul><ul><li>Task #6: Set the wake mode to radio </li></ul>
  16. 16. Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able to complete the rest without prodding </li></ul><ul><li>Some users felt using the dial was tedious </li></ul><ul><li>Most users focused on the physical form, and not on the changes on the screen. </li></ul>
  17. 17. Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able to complete the rest without prodding </li></ul><ul><li>Some users felt using the dial was tedious </li></ul><ul><li>Most users focused on the physical form, and not on the changes on the screen. </li></ul>
  18. 18. Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able to complete the rest without prodding </li></ul><ul><li>Some users felt using the dial was tedious </li></ul><ul><li>Most users focused on the physical form, and not on the changes on the screen. </li></ul>
  19. 19. Results <ul><li>Users initially were confused with the dial </li></ul><ul><li>After the first few tasks, users were able to complete the rest without prodding </li></ul><ul><li>Some users felt using the dial was tedious </li></ul><ul><li>Most users focused on the physical form, and not on the changes on the screen. </li></ul>
  20. 20. Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication of the changes they make, so they are given a better idea of what they are doing </li></ul></ul><ul><li>Improve the prototype form </li></ul><ul><ul><li>Create a more durable object </li></ul></ul><ul><li>Throw out the dial! </li></ul><ul><ul><li>A few users cited more familiarity with using buttons, and disliked the dial interface in comparison </li></ul></ul><ul><li>or, Keep the dial!   </li></ul><ul><ul><li>Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images </li></ul></ul>
  21. 21. Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication of the changes they make, so they are given a better idea of what they are doing </li></ul></ul><ul><li>Improve the prototype form </li></ul><ul><ul><li>Create a more durable object </li></ul></ul><ul><li>Throw out the dial! </li></ul><ul><ul><li>A few users cited more familiarity with using buttons, and disliked the dial interface in comparison </li></ul></ul><ul><li>or, Keep the dial!   </li></ul><ul><ul><li>Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images </li></ul></ul>
  22. 22. Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication of the changes they make, so they are given a better idea of what they are doing </li></ul></ul><ul><li>Improve the prototype form </li></ul><ul><ul><li>Create a more durable object </li></ul></ul><ul><li>Throw out the dial! </li></ul><ul><ul><li>A few users cited more familiarity with using buttons, and disliked the dial interface in comparison </li></ul></ul><ul><li>or, Keep the dial!   </li></ul><ul><ul><li>Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images </li></ul></ul>
  23. 23. Recommendations <ul><li>Connecting the form to the display </li></ul><ul><ul><li>Give the users a more obvious indication of the changes they make, so they are given a better idea of what they are doing </li></ul></ul><ul><li>Improve the prototype form </li></ul><ul><ul><li>Create a more durable object </li></ul></ul><ul><li>Throw out the dial! </li></ul><ul><ul><li>A few users cited more familiarity with using buttons, and disliked the dial interface in comparison </li></ul></ul><ul><li>or, Keep the dial!   </li></ul><ul><ul><li>Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images </li></ul></ul>
  24. 24. Acknowledgements <ul><li>Don Norman ( http://www.jnd.org/GoodDesign.html ) </li></ul><ul><li>Dr. Karon MacLean (for the suggestions) </li></ul><ul><li>Garth Shoemaker (for all the help) </li></ul><ul><li>Rock Leung (for standing in when Garth was away) </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×