Sunteți pe pagina 1din 11

DYLAN DONKIN

USER EXPERIENCE DESIGNER


EXPERIENCE
DESIGNING PRODUCTS FOR 4+ YEARS
DEVICES, PLATFORMS, APPS, WEB
HANDLE DESKTOP WEBMAIL CLIENT
Handle is a webmail client with built-in task management features.
The following sample is an interaction spec I designed for adding
and removing email accounts.
HANDLE DESKTOP WEBMAIL CLIENT

HANDLE.COM
Sign Up
Login
SIGN UP FORM
MEET INVITE
CRITERIA?
Y
N
Y
N
LOGIN
SUCCESSFUL?
WEB SIGNUP
- Marketing messages
- Video/demo
- Curriculum materials
- Google Connect Button
HANDLEONE.2
Previous state
HANDLEONE.2
Updated state
HANDLEONE.2
New user state
Item on Today list
Guider pointing to Today
HANDLEONE.2
New user state
No item on Today list
Guider pointing to Today,
instruction on how to add
items to the Today list.
TODAY EXPERIENCE
Whats your most important
thing to do today?
Text entry
OK

CLICK-THRU DEMO (7 screens)
HANDLE USER
ACOUNT INFO
INVITE COMMAND
Select invitees, latest
recipients
Cancel
CONFIRM INVITES
SENT
OK
One-off contact entry
ITEM ADDED TO
TODAY?
Y
N
APPROVED?
CHROME BROWSER?
Y
N
N
Y
ERROR MESSAGE
Explanation
- Try Again
- Cancel
ERROR MESSAGE
Chrome requirement
explained
- Download Chrome
- OK

GOOGLE CHROME
DOWNLOAD

GOOGLE CONNECT
ABOUT
US
PRODUCT FAQ PRESS SUPPORT LOGIN
ERROR
HANDLEONE.2
Invite Command
Activated
Welcome to Handle!
Prioritize remaining emails
Name the new task
Save the new task
Focus on your priorities
Refne your priorities
Task commands
Today list
INVITE EMAIL FROM FRIEND
Notify user they have been invited to
join Handle
- Link
LEGEND
Screen Dialog
Process
Fork
Com- Delay
HANDLE ACCOUNT CREATION & LOGIN IA DIAGRAM
AVAYA IPHONE APP
Avaya provides business communications solutions and video products
services. These examples are taken from an interaction spec I created
for the iPhone app.
Avaya iPhone App
AVAYA IPHONE APP
KODAK/MOTOROLA CAMERAPHONE
In 2008, Kodak and Motorola teamed up to co-develop a cameraphone.
Under the design directors guidance, I created the wireframe designs for
this device. The following sample represent the cameraphones photo editing
functions.
KODAK/MOTOROLA CAMERAPHONE

Primary Functions
1. Set location
2. Choose a channel
3. View POIs
4. View Map (what happens if the user hasnt chosen a channel yet?)
5. Share with friends
USER SCENARlOS
OVERVlEV
FlND A LOCAL HAPPY HOUR NEAREST Wl-Fl CAFE RESTAURANT FOR BUSlNESS MEETlNG
Andrew the Thought Leader
In-The-Know, Early Adopter, Technophile
Its ve oclock and Andrew has already received three
text messages from friends wondering where to go get the
night started. As he walks away from his apartment, he
pulls out his iPhone and launches the LightPole applica-
tion. It correctly identies his location as Dolores Park. He
taps My Places to see his list of favorite Points of Interest.
He scans the list and nds his old standby, Mappy Hour.
A list of bars and nightclubs appears. He would like to
nd a nearby bar that has character, but isnt a complete
dive. He switches to map view and spots The Argus. He
knows they have a great jukebox and cool bartenders. He
taps the Share button and sends the listing to his friends
via SMS. Andrew grabs a muni bus and heads to the outer
Mission. He can almost taste the dollar PBRs.
Tasks
Launch LightPole Application from Home screen 1.
Identify current location 2.
Tap My Places 3.
Tap MappyHour 4.
Display POIs on a map 5.
Tap The Argus 6.
Share via SMS 7.
Gwen the Social Buttery
Stays Connected, Social, Fashionable
Gwen is hanging out with some friends in downtown San
Mateo after an afternoon of shopping at Hillsdale Mall.
Gwen took the funniest picture of Sheila trying on some
platform heels. She wants to send it to Heather and Maria,
but the image is pretty large. Gwen doesnt want to pay
the data charges, so she convinces the crew to head to a
cafe with Wi-Fi. She pulls her new iPhone out of her bag
and res up the LightPole application. It positively identi-
es her location as Hillsdale Mall. She taps Channels
and chooses Hotspotr from the list. Shes not sure which
of the cafes is closest to her location, so she switches to
map view. She uses the iPhone pinch gesture to zoom
in. The closest cafe is 3 Bees Coffee on 3rd Street. Who
wants coffee? The girls jump in the car and cruise down El
Camino Real.
Tasks
Launch LightPole Application from Home screen 1.
Identify current location 2.
Tap Channels 3.
Tap HotSpotr 4.
Display POIs on a map 5.
Zooms in 6.
Views detail screen 7.
Displays 3 Bees on map 8.
Colin the Busy Guy
On-The-Go, Time-Concerned, Pragmatic
Colin is on a business trip in Chicago. He has just
wrapped up his last meeting of the day. Some colleagues
suggest they continue the conversation over dinner. Colin
is tired, but agrees, as long as they can go somewhere
within walking distance of the hotel. He opens his iPhone
and launches LightPole. The Hotel Sax is already in his
list of recent locations. He selects it from the list and
chooses the Yelp! channel. Colin gures he might as well
have some deep dish pizza on this trip. He enters pizza in
the Yelp! search box. His results are returned in a list. He
switches to map view and nds La Madia Art of Pizza is
two blocks from hotel. Perfect.
Tasks
Launch LightPole Application from Home screen 1.
View recent locations 2.
Tap Hotel Sax 3.
Tap Yelp! 4.
Searches for pizza 5.
Display POIs 6.
Toggle map view 7.
Taps La Madia Art of Pizza 8.
LightPoIe iPhone AppIication
Concpt v
D/TE 0S.2S.08 | P/GE 5 ADAM DONKlN UE DESlGNER | /D/MDONKlNCRE/TlVE.COM 2CC8. Conncntial & Propritary.
LIGHTPOLE USER SCENARIOS
Lightpole is an iPhone application which aggregates geospecifc services
such as Yelp! and Mappy Hour into one unifed experience. This is an
example of some personas I developed to gauge how users would utilize
and interface with the software.

THANK YOU

S-ar putea să vă placă și