CPSC 344Team Pissarro

The Alarm ClockOur motivation:Most alarm clocks are difficult to useSetting the time can be cumbersome

Our objective (to start):Designing an easy-to-use clock interfaceCreating a clock that would appeal to many users.

The Alarm ClockOriginal idea:

BUT: When it comes to functions, how much is too much? MP3!Night Light! WIFI

GlowingbuttonsScreen-savers

Photos

Internet CalendarThe ber Clock!

Back to BasicsEvaluation methods: interviews and questionnaires Results: The BER Alarm Clock!

The only important functions: A clock An alarm or two (one person wanted 31 alarms an outlier.)

Prototype Brainstorm!Our new objectives:Creating a simple alarm clockPresenting an easy-to-use interface

Now we knew what we wanted to include:

It was time to do some layout brainstorming!

Clock Radio Nap Alarm (2)

BrainstormingJust a few examples

Control Interfaces

Clock Displays

Prototype: PaperProblems:Too many switches (like too many functions?)ClutteredConfusing controls

Prototype: Paper and Foam!What next? Simplified controlstwo options onlyFewer switchesUse the clocks sides

Prototype: Paper and Foam!

Clock formPaper and foam

Clock screenMacromedia FlashDecoration(It is a bedroom, after all)

EvaluationMedium-Fidelity Evaluation objectives:Do our controls and layout make sense?Are users able to solve tasks that we give?How do they like the dial?

EvaluationObservation, think-aloud protocolFeedback from users about physical interactions with the alarm clock prototypeDetermined whether the mapping between functions and controls was intuitive

Follow-up interviewUsers elaborated on their actionsUsers reflected on the experience; some gave useful suggestions

EvaluationObservation, think-aloud protocolFeedback from users about physical interactions with the alarm clock prototypeDetermined whether the mapping between functions and controls was intuitive

Follow-up interviewUsers elaborated on their actionsUsers reflected on the experience; some gave useful suggestions

Demo!Physical clock form

Demo!Flash screen and controls

The Six Tasks

Task #1: Switch from AM to FMTask #2: Turn up the volumeTask #3:Set alarm 1 to 6:25 AMTask #4: Set alarm 2 to 8:00 AM Task #5: Turn on alarm 1 Task #6: Set the wake mode to radio

ResultsUsers initially were confused with the dial

After the first few tasks, users were able to complete the rest without prodding

Some users felt using the dial was tedious

Most users focused on the physical form, and not on the changes on the screen.

ResultsUsers initially were confused with the dial

After the first few tasks, users were able to complete the rest without prodding

Some users felt using the dial was tedious

Most users focused on the physical form, and not on the changes on the screen.

ResultsUsers initially were confused with the dial

After the first few tasks, users were able to complete the rest without prodding

Some users felt using the dial was tedious

Most users focused on the physical form, and not on the changes on the screen.

ResultsUsers initially were confused with the dial

After the first few tasks, users were able to complete the rest without prodding

Some users felt using the dial was tedious

Most users focused on the physical form, and not on the changes on the screen.

RecommendationsConnecting the form to the displayGive the users a more obvious indication of the changes they make, so they are given a better idea of what they are doingImprove the prototype formCreate a more durable objectThrow out the dial!A few users cited more familiarity with using buttons, and disliked the dial interface in comparisonor, Keep the dial! Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images

RecommendationsConnecting the form to the displayGive the users a more obvious indication of the changes they make, so they are given a better idea of what they are doingImprove the prototype formCreate a more durable objectThrow out the dial!A few users cited more familiarity with using buttons, and disliked the dial interface in comparisonor, Keep the dial! Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images

RecommendationsConnecting the form to the displayGive the users a more obvious indication of the changes they make, so they are given a better idea of what they are doingImprove the prototype formCreate a more durable objectThrow out the dial!A few users cited more familiarity with using buttons, and disliked the dial interface in comparisonor, Keep the dial! Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images

RecommendationsConnecting the form to the displayGive the users a more obvious indication of the changes they make, so they are given a better idea of what they are doingImprove the prototype formCreate a more durable objectThrow out the dial!A few users cited more familiarity with using buttons, and disliked the dial interface in comparisonor, Keep the dial! Make the connection between functions and the dial more intuitive by adding visual cues such as lines, arrows, or images

AcknowledgementsDon Norman (http://www.jnd.org/GoodDesign.html)Dr. Karon MacLean (for the suggestions)Garth Shoemaker (for all the help)Rock Leung (for standing in when Garth was away)