1 of 24

Jennifer Lash

Lead User Experience Portfolio

Macy’s Wish Writer 2016 Webby Winner

Tribeca Film Festival Reactor

2016 Cannes Lion Winner

2 of 24

My UX Process

While no two projects are exactly alike in what UX tools are best suited for it’s needs, most projects need to live through this basic UX lifecycle. These steps can help insure that the product you are trying to develop exceeds a user’s expectations and experiential needs. The following slides show examples of some of the deliverable tools that can be employed in each of these phases.

3 of 24

Strategy

Deliverables Include:

Stakeholder Interviews
Project Priorities
Measure of Success - KPIs

The strategy phase is the underpinning of a UX project and will shape the goals of a project by understanding the business goals, how success will be measured, and how the project should be prioritized.

4 of 24

Strategy Tools

Here are the types of tools that would be utilized during the Strategy phase.

5 of 24

Discovery

Deliverables:

Competitive Analysis
Gap Analysis
User Personas
User Journeys / Use Cases
Card Sorting

The discovery phase teaches us user behaviors, goals, motivations, and needs. It also creates an understanding of current experiential likes and dislikes on your existing product and that of your competitors.

6 of 24

Competitive Analysis -�Examples for Fox Mobile Music App, Barclay Card App

7 of 24

Gap Analysis -�Examples for MetLife

8 of 24

Personas -�Example All Detergent

9 of 24

User Journeys -�Tribeca Film Festival ReActor

10 of 24

Design

Deliverables:

Sketching
Site Maps
Work/Interaction Flows
Prototypes
Wireframes & Specifications

With the information gathered during strategy and discovery, we are able to focus on the design of user centered solutions. The UX design phases helps define the scope features, functionality, and behaviors of our design solutions.

11 of 24

Sketching-�Examples for Barclay Card App

12 of 24

Sitemaps-�Examples for Gillette Mobile Site & Benadryl Website Redesign

13 of 24

Work/Interaction Flows-�Examples for Mobizzo Login Flow & Cognizant Mobile Contact Us Flow

14 of 24

Prototypes -�Examples for Macy’s Wish Writer, Wild Turkey In-store Promo, HemMobile App.

Wild Turkey In-store digital display. Clickable prototype for client pitch. https://pr.to/35AALI/

Macy’s Wish Writer App.

Clickable prototype created in Keynote for early user testing. https://youtu.be/a8IXH3USpws

HemMobile app -reports section.

Clickable prototype for client concept review.

https://pr.to/CKPDAT/

15 of 24

Wireframes –�Responsive Design example for Tylenol & Benadryl

16 of 24

Wireframes –�Eco-system example for Cholesterol Drug Pitch

17 of 24

Wireframes -�Mobile Examples for Gillette, Dress Barn, & Proud Logos

18 of 24

Wireframes -�Tablet Examples for DirecTV Sunday Ticket & Barclay Card App

19 of 24

Wireframes-�Web examples for Emirates & Rhinocort

20 of 24

Specifications –

Responsive Design example for Cognizant

21 of 24

Specifications –�Web example for Dressbarn

22 of 24

Research/

User Testing

Deliverables:

User Testing
A/B Testing
Quantitative Research

Regular user feedback is at the heart of all the stages of product development. Beta releases and outcomes from each iteration can be evaluated and priorities adjusted accordingly.

23 of 24

User Testing -�Example Macy’s Wish Writer User Testing Guide

OVERVIEW

This effort will seek to understand how children interact and react to the Macy’s Wish Writer experience app with the WW Stylus.

Each session will have 2 moderators and 2 children assigned with each moderator. There will be 4 children for each age group; ages 4-5, 6-7, and 8-9. After an introduction children were split into groups of 2 and assigned to a moderator in the same room. While the children were with the moderator(s), parents were in the same room to be present as needed or watching via video in conference room. Children were asked be asked to play games and perform a series of tasks on the Wish Writer prototype without moderators assistance unless necessary. . After each task they then answered a list of unbiased questions that were assigned based on the age group.

GOALS

Discover how children explore the narrative
Understand what resonates with the children in the letter writing
Ease of planned navigation and interactions
Understand if the children feel like they are being rewarded/achieving a goal

24 of 24

User Testing -�Example Test Results For Fox Mobile German Music App

^{Top Critical Issues}

^{1. Universal approval for "Thumbs Up / Thumbs Down" icon for voting.}

^{-All users tested found this iconography most closely represented the feelings of like and dislike, while other icons tested seemed to have other connotations and/or stronger emotional connotations attributed to them.}

^{2. Searching for specific songs / artists in "Mix" form and not "Search" form.}

^{-Most users had this problem.}

^{Possible solutions:}

^{-Add Mix Creation Animation Videos}

^{- Move more tuning to the front ; decades and genre seem to be the most popular}^.