miLifeReflect and Communicate

Graduate Design Studio II

Jennifer Anderson • Chun-yi Chen • Phi-Hong Ha • Dan Saffer

2

Introduction

• Review– Process– Research– Rationale

• Final Concept– Overview– Scenario of Use– Features &

Functionality– The Experience

3

Review

Process

• Interaction and Interface Design

• Refinements• Final Product

Concept

• Exploratory Research

• Form Exploration

• Task Analysis and Flows

• Product Testing

• Generative Research

• Personas & Scenarios

• Initial Concepts

4

Review

Research Methods

• Photo workbooks• Collages• Microsoft reviews• Drawing your

experience• Profiles and personas• Task flows• Scenarios• Form evaluation• Paper prototype testing

• Literature reviews• Desk tours• Observations• Interviews• Search and seizures• Shadowing• Questionnaires• Existing product reviews• Technology reviews• Historical analysis

5

Review

ACTIVITIES INFORMATION CAPTURED

GET RECORD ORGANIZE SYNC

CAPTURING INFORMATION

generate that needs to be

Framework

6

Review

Findings & Implications

People like using paper to capture and organize their information. It’s fast, easy, and flexible.

People are frustrated by a lack of compatibility across their various devices.

People organize information by context.

People prefer to carry as few things with them as possible.

SeeNote is always on, so there’s no boot up time. It’s quick and easy to use. You can record your information the way you want it.

SeeNote will synchronize with a wide variety of devices, acting as the glue that connects your information seamlessly.

SeeNote can go with you everywhere, so you have your information when and where you need it.

SeeNote fits in a pocket or purse.

7

SeeNote

8

SeeNote

Overview

• SeeNote is a platform for capturing small bits of information.

• It acts as digital glue, connecting your information across devices.

• SeeNote combines the flexibility of paper with the intelligence of software.

9

SeeNote

Scenario of Use: Dave

age 29

occupation Lawyer

location New York City

marital status Single

children None

income $135,000

education Law School Graduate

hobbies Biking, Cooking, Gym

10

SeeNote

Scenario of Use

Dave reads the Business section while drinking his morning coffee.

Dave removes the stylus from the SeeNote. As the stylus detaches, SeeNote comes out of dim mode.

His SeeNote sits on the table beside him.

11

SeeNote

Scenario of Use

Dave decides to check the weather while he’s on his SeeNote, so he draws a large N to make a new page.

SeeNote converts the note to digital text and saves it locally.

Dave writes the name of a record executive he’s reading about—Clive Davis—and circles it.

12

SeeNote

Scenario of Use

The page is replaced by the local weather forecast.

After reading it, Dave Xs out the page, and it disappears.

Dave writes the word Weather and circles it.

13

SeeNote

Scenario of Use

On the street, he bumps into his old friend Lisa. She tells him that she has moved and gives him her new address.

Dave puts the SeeNote in his pocket and heads off to work.

The “top” page is once again the Clive Davis note Dave had written earlier.

14

SeeNote

Scenario of Use

He writes “Address? Lisa” and circles it.

He draws the large N again to bring up a new page.

Dave pulls SeeNote out of his pocket and detaches the stylus.

15

SeeNote

Scenario of Use

It disappears and he writes the new one in its place: “12 W. 14th Street.” He circles the whole thing to save it.

Lisa’s address appears on the SeeNote screen. Dave scribbles out the old address to delete it.

SeeNote displays the two Lisas from his address book. He circles the correct one, Lisa Genero.

16

SeeNote

Scenario of Use

Dave and Lisa make plans to meet for coffee after work. Dave wants to note this in his SeeNote, so he taps the Back icon to close the Address Book entry and return to Notes.

The wireless icon changes color to green to indicate that SeeNote has synced with the address books on his other devices.

The handwritten text turns into digital text, indicating that it has been saved.

17

SeeNote

Scenario of UseScenario of Use

The wireless icon changes color again to indicate syncing with his other devices.

SeeNote recognizes the appointment command, turns the text to digital and prompts Dave for the date, “Today or Another Day?” Dave circles Today.

He writes “APPT 6pm Lisa for coffee” and circles it.

18

SeeNote

Scenario of Use

SeeNote displays that it has 30 hours of battery life left.

At work, Dave takes the SeeNote out of his pocket and circles the battery icon.

He puts the SeeNote back into his pocket and tells Lisa he’ll see her that evening.

19

SeeNote

Scenario of Use

He presses the Voice button, which brings up a blank page, and says “To Do” into the microphone.

On the way to the meeting Dave remembers something and detaches SeeNote from his laptop.

Dave prepares to go to a meeting. He closes his laptop and attaches SeeNote to the back of it.

20

SeeNote

Scenario of Use

He releases the Voice button and reattaches the SeeNote before heading into the meeting.

His new To Do List entry appears at the bottom of the list, defaulting to medium priority.

The To Do List displays and Dave says “Call Phil about Tuesday meeting.”

21

SeeNote

Scenario of Use

He circles OK to turn off the reminder.

Later, back at his desk, SeeNote beeps to remind Dave of his meeting with Lisa for coffee.

In the meeting, he remembers that he had jotted down a list of topics to discuss and uses the slider to find them on SeeNote.

22

SeeNote

Scenario of Use

When it’s time to leave, Dave puts SeeNote back into his pocket, says goodbye to Lisa and heads home.

Dave writes the name of the documentary on his SeeNote.

Dave meets Lisa at a coffee shop. While he’s with Lisa, she tells him about a new documentary he might like.

23

SeeNote

USB Port

Microphone

Stylus

Physical PropertiesVoice Button• Pushing and holding the

button brings up a blank note on which to record a note or issue a command.

• Releasing the button ends the recording and/or finishes the command.

Screen• 216x180 pixels (3”x 2.5”).• 72dpi resolution.

Velcro Tabs (on reverse)• For adhering SeeNote to

other devices.

Frame• Hard plastic.• Contains a wireless antenna.

Battery• Lithium-ion battery.• Typical battery life will be

similar to that of a cell phone, 24-60 hours per charge, depending on usage.

Power

24

General Interface ElementsSeeNote

Time/Date Stamp• Notes are automatically

stamped with the time and date they were created or altered.

Slider• Each dot represents a note. • Newer notes appear on the

right, with up to 15 notes displayed at any one time.

• If there are more than 15 notes, when the slider reaches the far right, more dots will appear.

• Touch the diamond slider with the stylus to move it in either direction.

• Tapping the arrows will also move the slider one dot at a time, as will a longer touch, which will rapidly move the slider.

• Slider only appears for notes.

Wireless Connectivity Icon• Displays four levels of signal

strength. • Circling brings up

information about the connected network.

• Changes to green while syncing information with other devices.

• To Do List items, Appointments and Addresses are immediately synchronized with your other devices.

• If wireless connectivity is unavailable, SeeNote will try once every half hour (or other customizable time) to synchronize.

Battery Icon• Displays battery charge.• Circling will bring up the

hours and percentage left.

Note Indicator• Displays the note you

are on, plus the total number of notes.

25

SeeNote

GENERAL

SPECIFIC

Circling a note saves it. Crossing a note out with a large X deletes it.

Scribbling deletes parts of a note.

A large N over a page creates a new page.

To access some functions, certain keywords are recognized as commands. Those keywords, which can be customizable, trigger searches, stocks prices, sports scores, weather reports, the to do list, appointments, and addresses.

When commands are combined with other text, SeeNote will create the specified To Do List items, Addresses, and Appointments.

A ? following a To Do, Address, or Appointment command turns the command into a search. If multiple items result from a search, SeeNote either displays them all (for appointments and To Do List items) or just the name (addresses).

A ? on its own, circled, displays SeeNote Help.

Commands

26

SeeNote

To Do List

Scrolling Arrows• Arrows allow for movement

within the To Do List.

Priority• Priority can be set after

creating to do list item by responding to the priority prompt.

• Priority can be edited on existing items by circling item on list to select.

• Priority levels are high, medium, low. High priority items are displayed in red, low priority in blue.

Items• To Do items can be written

in directly at the bottom of the list or created on a note page.

• They can be crossed off to indicate completion or removed from the list.

• Crossed off items stay for a customizable duration on the list.

Back Tab• The back tab will return

you to last note viewed.

27

SeeNote

Appointment• To set an appointment, the

appointment command is used along with a time and date. SeeNote will prompt you if either is missing.

• SeeNote will also alert you if there is a conflicting appointment.

Reminder• SeeNote allows you to set reminders

for appointments. • It will give you the option to re-alert

you in five minutes (“Snooze”).

Addresses• Addresses can be entered with the

address command, along with a name and any combination of address, city, state, and phone numbers.

Appointments & Addresses

28

SeeNote

The Experience

Movie

29

Thank you

Any questions?