Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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

426 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

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>

×