presentation for born

28
GRACE I AM

Upload: grace-hong

Post on 12-Aug-2015

41 views

Category:

Design


3 download

TRANSCRIPT

GRACE

I AM

AUser Experience

Strategist + Designer

Focused on partnering with key stakeholders to develop

comprehensive UX strategies that will benefit both user and business

goals.

I believe in a collaborative culture and product team that recognizes good design process to be inclusive of UX from the initial stages of planning and development.

RESEARCH DESIGN EVALUATION

Begins HereUX STRATEGY

RESEARCH

Conduct stakeholder interviews Discover specific brand goals

Define success metrics

COMPANY COMPETITION CUSTOMER

Define competitor set Set up evaluation criteria

Note competitive best practices

Conduct user interviews Set up contextual inquiries

Define personas/user stories

“UX strategy requires a solid understanding of business goals, vision, and drivers.”

Ronnie Battista

Synthesis of Stakeholder Interviews

revealed specific business goals, hardware/software constraints, target customers, and

different levels of users.

Comparison of Competitor Screenshots

identified voids and opportunities in content structure, and marked UI trends in current

market.

Analysis of Competitor Best Practices

inspired discussion of direction for Design Studio, as well as feature prioritization and

MVPs aligned with brand goals.

Contextual Inquiries

showed different patterns of user behaviors for specific tasks and gave insight to persona

distinctions and possible edge cases.

Synthesis of User Surveys & Interviews

provided quanitative and qualitative feedback to questions generated by Topic Mapping.

Development of Personas

clarified user/job stories and set guidelines for ideation process through the application of

affinity diagramming under the 5 W’s.

+

DESIGN

IDEATION ITERATION

RETAILSMART POS

A point-of-sale system aimied at “mom and pop” stores currently

not using POS systems.

The goal is to design an iPad interface that is easy to navigate and adheres to branding goals.

CROWD OBSERVER

Two features: one that displays general capacities of restaurants/bars and another that allows users

to report general capacities.

The goal is to design two features that fall seamlessly into existing

iPhone apps powered by Foursquare and Swarm.

MEETUP SPACES

A platform to search and connect with venue owners and MeetUp

event organizers.

The goal is to design a new section of the MeetUp website that is additive to the current

community.

MEETUP SPACES

NEW YORK SHAKESPEARE READING GROUP

New York, NYFounded May 6, 2007

ORGANIZERS

BonnieJohn

GlennSid

TammyPHillip

INTERESTS

Performing ArtsTheatre

Performance ActingActing Workshops

LiteraturePlay Reading

MembersUpcoming MeetupsPast MeetupsCalendarGroup ReviewsGroup Rating

GROUP PHOTOS

83512294

42

EVENT PHOTOS

UPCOMING MEETUPS PAST MEETUPS

JOIN GROUP

VENUE NEEDED

SEND INQUIRY

NY Shakespeare Reading Group is

currently in need of two large event spaces for the

month of April to showcase modern performances by

John Glenn & Tasia Jakobsen.

MORE DETAILS

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

VENUE TYPE:VENUE SIZE:MAX CAPACITY:OTHER VENDORS:

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

VENUE TYPE:VENUE SIZE:MAX CAPACITY:OTHER VENDORS:

NEW YORK SHAKESPEARE READING GROUP

ORGANIZERS

BonnieJohn

GlennSid

TammyPHillip

INTERESTS

Performing ArtsTheatre

Performance ActingActing Workshops

LiteraturePlay Reading

ABOUT US

GROUP DETAILS

VENUE NEEDS RATINGS & REVIEWS

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

VENUE TYPE:VENUE SIZE:MAX CAPACITY:OTHER VENDORS:

NEW YORK SHAKESPEARE READING GROUP

NY Shakespeare Reading Group is currently in need of two large event spaces for the month of April to showcase modern performances by John Glenn & Tasia Jakobsen.… more.

VENUE TYPE:VENUE SIZE:MAX CAPACITY:OTHER VENDORS:

SEND INQUIRY

SEND INQUIRY

NY Shakespeare Reading Group a

collective of actors, writers,

comedians, musicians, artists, and dancers that are interested in getting together

to read Shakespeare's plays out loud

and collaborate on performances.

FOUNDEDMay 6, 2007

NEW YORK, NY

835 MEMBERS

Responsible for creating project plan, managing deadlines, leading design studios, overseeing competitor research, and refining deliverables.

Involvement

-In-depth user interviews and strong personas played a crucial role in guiding design studios -Competitive research and analysis of different IAs laid out the groundwork for wireframes

Summary

CROWD OBSERVER

Responsible for researching brand goals/competitor best practices/technological constraints, leading design studios, and overseeing design implementation.

Involvement

-Strong understanding of brand direction prevented scope creep -Early-on discussions with developers facilitated a smooth ideation process -Usability testing and user flow comparisons refined content structure

Summary

RETAILSMART POS

Responsible for leading design studios, keeping team focused on specific goals, managing usability testing, wireframing, and implementing iterations.

Involvement

-Delving into untapped company resources guided UI/interaction design -Testing early with lo-fi prototypes saved time and energy -Testing often with different levels of users removed 90% of initial errors

Summary

RETAILSMART POS

Karma Hallmark Grace Hong

Miriam Terron-Elder

EXECUTIVE SUMMARY

This report provides an assessment of the RetailSmart POS system as it is poised to enter the retail space. The purpose of research and analysis is to guide the process of re-design and feature suggestions for RetailSmart POS on an iOS platform- specifically the iPad.

Our design recommendations and prototype keep in mind the needs of small businesses who are unfamiliar with POS software and hardware. The goal is to produce a system that caters to different levels of users within the small business space and is designed for easy training and set-up.

PROCESS & METHODS

What are the business and branding goals of the company?

What are the brands and what are they doing in the retail space?

Being in the actual retail space and observing employees doing tasks and

gathered additional information during interviews. This helped us understand

real-world scenarios.

We road tested the current RetailSmart prototype with users of varying retail

experience.

Who are the primary users? How can RetailSmart overcome obstacles that the

personas will face in running their business?

How can RetailSmart help bridge the tech divide from paper-pen to iOS

integration without an overly complicated interface and overwhelming features?

Design recommendations are born out of research and an additional prototype

was created to illustrate specific scenarios that the system can handle.

STAKEHOLDER INTERVIEWS

COMPETITIVE ANALYSIS

CONTEXTUAL INQUIRY

& USER INTERVIEWS

USABILITY TESTING

PERSONAS

USER FLOWS

DESIGN/PROTOTYPE

BRAND DIRECTION

Version 2 (top) and Version 3 (bottom) of existing POS shows a move away

from skeuomorphism

Ready-for-market mobile app leans toward iOS design and simple, clean

formatting

Early development of new POS struggles to find identity in UI

COMPETITIVE ANALYSIS

FEATURES ANALYSIS

Competitors

LightSpeed NCR Revel

CellSmart RetailSmart

Clearly displays UI/IA trends and feature prioritization across several different brands. Also, provides insight into feature customization and market positioning.

Brand

Features CellSmart NCR Revel

Cancel Transaction Button yes yes yes yes yesCC Icon Buttons yes yes yes yes yesCheckout Screen/Window yes yes yes yes yesCustomer Profiles Section yes yes yes yes yesCustomer Search Bar yes yes yes yes yesDone Button yes yes yes yes yesEdit Product (add/delete) yes yes no yes yesEmployee Login (clock in/out incl) yes yes no yes yesEmployee Profiles yes yes yes no noError message yes yes yes no noiPad Keyboard no yes no no yesNew Customer Add yes yes yes yes yesNumeric Keypad yes yes yes yesPay Button (cash, credit, other) yes yes yes yes yesPayment Screen/Window yes yes yes yes yesProduct Discount yes yes yes yes yesProduct List yes yes no yes yesProduct Name yes yes yes yes yesProduct Qty yes yes yes yes yesProduct Search Bar yes yes yes yes yesProduct Subtotal (after qty) yes yes yes yes yesProduct Unit Price yes yes yes yes yesReceipt Options yes yes yes yes yesRefund Button yes yes no yesTender Buttons yes yes yes yes yes

Light Speed RetailSmart

not on screen

manager only

Features CellSmart NCR Revel

Cancel Transaction Button yes yes yes yes yesCC Icon Buttons yes yes yes yes yesCheckout Screen/Window yes yes yes yes yesCustomer Profiles Section yes yes yes yes yesCustomer Search Bar yes yes yes yes yesDone Button yes yes yes yes yesEdit Product (add/delete) yes yes no yes yesEmployee Login (clock in/out incl) yes yes no yes yesEmployee Profiles yes yes yes no noError message yes yes yes no noiPad Keyboard no yes no no yesNew Customer Add yes yes yes yes yesNumeric Keypad yes yes yes yesPay Button (cash, credit, other) yes yes yes yes yesPayment Screen/Window yes yes yes yes yesProduct Discount yes yes yes yes yesProduct List yes yes no yes yesProduct Name yes yes yes yes yesProduct Qty yes yes yes yes yesProduct Search Bar yes yes yes yes yesProduct Subtotal (after qty) yes yes yes yes yesProduct Unit Price yes yes yes yes yesReceipt Options yes yes yes yes yesRefund Button yes yes no yesTender Buttons yes yes yes yes yes

Light Speed RetailSmart

not on screen

manager only

PERSONA BUILDING

Four Lists: Analyzing and Synthesizing Pain Points, Pleasure Points, Context, and Behaviors from User Interviews help us better understand the users and help build the user personas.

PAIN POINTS PLEASURE POINTS CONTEXT BEHAVIORS

- Forgetting to Clock In/Clock Out

- Items can’t be scanned

- Interface too overwhelming

- Too many options on interface

- Simple interface - Having a search bar - Having easy buttons - Items that are easy to

scan

- Busy times are weekends and holidays

- Inventory is done in the morning

- Reports are run at night

- Search items by brand

- Customer orders are put on hold

- New items are added at different times in flow

- Prices are corrected - Errors are corrected

PROTOTYPE ITERATIONS

Buttons

Windows

Tabs

SITEMAPS - A, B, C & D

Buttons

Windows

Tabs

LOG IN POS TABS

Buttons

Windows

Text Box

Tabs

Bars

Tap Passcode

Tap Log In

Tap Product Tab

Tap Search Bar Type

Tap “+” Item

Tap Register Tab

Tap “x” item

Tap Checkout

Tap $10 twice

Log In Register ProductProduct

(updated)

Product (added)

RegisterRegister

(updated)Payment

Print Receipt

Payment (updated)

Payment confirmed

Register (new)

CASHIER FLOW

Screen

Interaction

ANNOTATED WIREFRAMES

LOG IN SCREEN

Log In Button

Button is highlighted when you tap on it.

CLICKABLE PROTOTYPE

“Don’t worry. The process will take you there.”

LET’S CHAT.