dylan donkin: 2013 ux portfolio

11
DYLAN DONKIN USER EXPERIENCE DESIGNER

Upload: ddonkin

Post on 15-May-2015

210 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Dylan Donkin: 2013 UX Portfolio

DYLAN DONKINUSER EXPERIENCE DESIGNER

Page 2: Dylan Donkin: 2013 UX Portfolio

EXPERIENCEDESIGNING PRODUCTS FOR 4+ YEARSDEVICES, PLATFORMS, APPS, WEB

Page 3: Dylan Donkin: 2013 UX Portfolio

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.

Page 4: Dylan Donkin: 2013 UX Portfolio

HANDLE DESKTOP WEBMAIL CLIENT

Page 5: Dylan Donkin: 2013 UX Portfolio

HANDLE.COM• Sign Up• Login

SIGN UP FORM

MEET INVITE CRITERIA?

YN

YN

LOGINSUCCESSFUL?

WEB SIGNUP - Marketing messages- Video/demo- Curriculum materials- Google Connect Button

HANDLEONE.2Previous state

HANDLEONE.2Updated state

HANDLEONE.2New user state• Item on Today list• Guider pointing to Today

HANDLEONE.2New user state• No item on Today list• Guider pointing to Today, instruction on how to add items to the Today list.

TODAY EXPERIENCE What’s your most importantthing 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?

YN

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.2Invite CommandActivated

• Welcome to Handle!• Prioritize remaining emails• Name the new task• Save the new task • Focus on your priorities• Refine your priorities• Task commands• Today list

INVITE EMAIL FROM FRIENDNotify user they have been invited to join Handle- Link

LEGEND

Screen Dialog

Process

Fork

Com- Delay

HANDLE ACCOUNT CREATION & LOGIN IA DIAGRAM

Page 6: Dylan Donkin: 2013 UX Portfolio

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

Page 7: Dylan Donkin: 2013 UX Portfolio

AVAYA IPHONE APP

Page 8: Dylan Donkin: 2013 UX Portfolio

KODAK/MOTOROLA CAMERAPHONE In 2008, Kodak and Motorola teamed up to co-develop a cameraphone. Under the design director’s guidance, I created the wireframe designs for this device. The following sample represent the cameraphone’s photo editing functions.

Page 9: Dylan Donkin: 2013 UX Portfolio

KODAK/MOTOROLA CAMERAPHONE

Page 10: Dylan Donkin: 2013 UX Portfolio

Primary Functions

1. Set location2. Choose a channel3. View POIs4. View Map (what happens if the user hasn’t chosen a channel yet?)5. Share with friends

Andrew the Thought LeaderIn-The-Know, Early Adopter, Technophile

It’s fi ve o’clock 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 identifi es his location as Dolores Park. He taps My Places to see his list of favorite Points of Interest. He scans the list and fi nds his old standby, Mappy Hour. A list of bars and nightclubs appears. He would like to fi nd a nearby bar that has character, but isn’t 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.

TasksLaunch LightPole Application from Home screen1. Identify current location2. Tap My Places3. Tap MappyHour4. Display POIs on a map5. Tap The Argus6. Share via SMS7.

Gwen the Social Butterfl yStays 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 doesn’t 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 fi res up the LightPole application. It positively identi-fi es her location as Hillsdale Mall. She taps Channels and chooses Hotspotr from the list. She’s 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.

TasksLaunch LightPole Application from Home screen1. Identify current location2. Tap Channels3. Tap HotSpotr4. Display POIs on a map5. Zooms in6. Views detail screen7. Displays 3 Bees on map8.

Colin the Busy GuyOn-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 fi 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 fi nds La Madia Art of Pizza is two blocks from hotel. Perfect.

TasksLaunch LightPole Application from Home screen1. View recent locations2. Tap Hotel Sax3. Tap Yelp!4. Searches for pizza5. Display POIs6. Toggle map view7. Taps La Madia Art of Pizza8.

LIGHTPOLE USER SCENARIOS Lightpole is an iPhone application which aggregates geospecific services such as Yelp! and Mappy Hour into one unified experience. This is an example of some personas I developed to gauge how users would utilize and interface with the software.

Page 11: Dylan Donkin: 2013 UX Portfolio

THANK YOU