Alivia Duran UX Portfolio

Download Alivia Duran UX Portfolio

Post on 14-Jul-2015

687 views

Category:

Design

1 download

TRANSCRIPT

  • lets chat!

    aliviaduran@gmail.com

    718.916.6741

    @aliviaduran

    linkedin.com/in/aliviaduran

    ALIVIA DURAN USER EXPERIENCE DESIGNER | LIFE-LONG LEARNER

    H E Y T H E R E ! A L I T T L E I N T R O M Y P R O C E S S W O R K E X A M P L E S

  • ROCK CLIMBING

    YOGA

    READING

    EXPLORING BROOKLYN BY BIKE

    NPR

    HITCHCOCK FILMS

    PLANNING TRIPSBREWING KOMBUCHA

    CHEESE

    Im a results-focused UX/UI Designer with the ability

    to implement thoughtful designs that are rooted in

    research. I have a background in visual design and

    startups, and love collaborating with others to

    explore problems and strategize solutions. When

    I'm not writing user stories and sketching flows, you

    can find me practicing my headstands, cooking in

    my closet-sized kitchen, or curled up with a coffee

    and a good book.

    ANTIQUE HOMES

    EARLY MORNING WALKS

    SPANISH VERBS

    COOKINGSKIING EDUCATION

    When youre curious, you find lots of interesting

    things to do.

    - Walt Disney

    IM INTO

    A L I T T L E I N T R OH E Y T H E R E ! M Y P R O C E S S W O R K E X A M P L E S

    CORTADOS

    HORSEBACK RIDING

    READING

    THE MET

  • M Y P R O C E S S

    E VA L U A T E & I T E R A T E D E S I G N R E S E A R C H

    & S T R A T E G Y

    User Interviews

    Personas

    Wire framingUser Flows &

    ScenariosInteractive Prototypes

    Screener Surveys

    Competitive & Comparative

    Analysis

    Stakeholder Interviews

    Technical Research

    Heuristic Evaluation

    Feature Prioritization

    SketchingUsability Testing

    Interaction Design

    With a background in visual design and photography, I loved creating but felt disconnected from the

    bigger picture. As a User Experience Designer, I get to combine curiosity with an appreciation of beautiful

    aesthetics to satisfy both business and user goals.

    Site Map

    M Y P R O C E S SH E Y T H E R E ! A L I T T L E I N T R O W O R K E X A M P L E S

    TOOLS:

  • Were going to explore two projects, highlighting steps along the way.

    In-depth case studies are available upon request.

    OM FINDER 2.0 ZEEL CONCIERGE

    W H AT S C O M I N G W O R K E X A M P L E SH E Y T H E R E ! A L I T T L E I N T R O M Y P R O C E S S

  • T H E B R I E F U S E R R E S E A R C H P R O D U C T R E S E A R C H M V P & F E AT U R E S U S E R T E S T I N G U I A N N O TAT I O N S P R O T O T Y P E

    Busy professionals have trouble finding and signing up for quality

    fitness classes that are near their home or work, and need

    information about classes and payment all in one place.

    Om Finder 2.0 helps users find, book and pay for fitness classes

    nearby, discover new instructors, and get rewarded for all the hard

    work.

    THE BRIEF

    SOLUTION

    WHAT I DID

    User Research

    Competitive

    Analysis

    User Flows

    High-Fidelity

    Wireframes

    User Testing

    TIMELINE

    10 Days

    TEAM

    Alivia Duran

    Melanie Wider

    OM FINDER 2.0A redesign of the Lululemon iOS app

    Student project at

    General Assembly

  • R E S E A R C H

    SCREENER SURVEY

    Our initial survey was designed to explore workout habits, class

    attendance, incentives to exercise and general needs when trying to

    stay active.

    By hearing real life experiences about users workout

    habits we identified behavioral trends and current issues

    that users face when scheduling workouts on-the-go.

    INTERVIEWS & AFFINITY MAPPING

    PERSONA CREATION

    HOW WE CAN SERVE: Offer rewards for commitment

    Enable quick and on-the-go booking

    Provide detailed class descriptions

    KIMBERLEY The Committed Member 22 YO | NYC Student at NYU

    iPhone was the platform of choice to book classes and check schedules

    Users need extensive but concise information especially relating to class size and instructors

    Users like variety in their workouts and book classes ahead of time

    SURVEY KEY FINDINGS

    U S E R R E S E A R C H P R O D U C T R E S E A R C H M V P & F E AT U R E S U S E R T E S T I N G U I A N N O TAT I O N ST H E B R I E F

    Where do you work out? Why do you try new classes/studios?

    P R O T O T Y P E

  • Incomplete data on

    instructors. No sense of trust.

    Class data isnt up to date.

    Uses Mindbody API.

    EXISTING OM FINDER APP

    P R O D U C T R E S E A R C HU S E R R E S E A R C H M V P & F E AT U R E S U S E R T E S T I N G U I A N N O TAT I O N ST H E B R I E F

    Om Finder is a free app is designed to help iOS users

    locate yoga studios, classes, and instructors in Canada, the

    U.S., and around the world. Data is sourced through an API

    provided by Mindbody, but class and instructor information

    isnt up to date.

    ISSUES WITH CURRENT APP No incentive to reserve through Om Finder

    No curation of classes. Dependent on breadth of listings

    Users can can reserve a spot, but not pay ahead of time

    Only offers yoga classes

    Find a friend function doesnt work

    We also looked at other similar products, what they did

    well, and what we wanted to improve on.

    We found extensive but overwhelming class offerings which make quality class discovery difficult, and a lack of incentive to actually use the site/app to discover or book classes.

    Classpass Mindbody Connect GoRecessFit.Reserve

    EXISITING OM FINDER APP

    P R O T O T Y P E

    COMPETITIVE RESEARCH

    REVIEWS FROM APP STORE

  • R E S E A R C H M V P & F E AT U R E SP R O D U C T R E S E A R C HU S E R R E S E A R C H U S E R T E S T I N G U I A N N O TAT I O N ST H E B R I E F

    USERSBook classes on-the-go

    Have incentives to workout Discover new classes

    LULULEMONIncrease digital

    engagement

    INSTRUCTORSPromote classes &

    gain recognitionMVP

    EXPLORING IDEAS To rapidly explore ideas for initial

    designs, my favorite tools are a

    Sharpie and my notebook!

    P R O T O T Y P E

    Using the prioritized list of features

    and insights from interviews we

    refined the core functions needed

    for our minimum viable product.

    PRIORITIZING FEATURESWith the three personas we

    developed after our interviews, we

    started identifying features. We

    ranked them from essential to nice

    to have for the user, and then from

    low to high design and technical effort.

    Discover new classes Book and pay for classes Feature trusted instructors Incentivize workouts

    MVP KEY FEATURES

  • D E S I G N

    After sketching flows and exploring our initial ideas, we created

    wireframes and tested them with users to validate our designs.

    users wanted to see distance from current location

    added selected

    state

    changed state for already

    booked class

    C L A S S L I S T C L A S S D E TA I L

    added back navigation

    simplified class and instructor

    details

    users wanted a quick search

    optionprogress bar confused users

    added selected state

    PA C K A G E O P T I O N S

    grouped elements for better

    association

    refined button copy to include before/after

    state

    adapted progress indicator

    PAY M E N T I N F O

    USER TESTING RESULTS ITERATIONS V1 & V2

    U S E R T E S T I N GP R O D U C T R E S E A R C HU S E R R E S E A R C H M V P & F E AT U R E S U I A N N O TAT I O N ST H E B R I E F

    V 1 V 1 V 1 V 1V 2 V 2 V 2 V 2

    P R O T O T Y P E

  • D E S I G N

    SIGN IN & CHECKOUT SCREEN FLOW

    U I A N N O TAT I O N SP R O D U C T R E S E A R C H M V P & F E AT U R E SU S E R R E S E A R C H U S E R T E S T I N GT H E B R I E F

    Login ScreenUser enters email - System recognizes email as new/existing account

    Login Screen w/ KeyboardWhen field is tapped keyboard scrolls up

    Login Screen w/ Password If new email is entered password field automatically scrolls up. Existing users are prompted to enter password

    Login Screen Completed Success /fail message for password entry

    Select Package ScreenUser can select package type

    1.0

    1.0 Button is inactive

    1.1

    1.1 X icon takes user back to class detail page

    1.2

    1.2 If user has account they can tap this & enter single password field appears with Enter your password

    Payment ScreenUser can type in card information or scan card with camera

    Payment Screen (completed)Once card is validated, user can review order

    Review Before PurchaseUser can edit payment or package options before purchasing

    1.3

    1.3 When password is recognized keyboard scrolls down and 1.0 button changes to active state

    1.4

    1.4 Pop up appears Are you sure you want to cancel? No OR View My Account

    1.5

    1.5 Option to scan credit card instead of entering info. Add Paypal in future?

    1.6 1.6 Inactive button until credit card information is verified

    Select Package ScreenSelected state is indicated with 21% red overlay

    1.7

    1.7 Option to save credit card information for future purchases

    P R O T O T Y P E

    Login ScreenUser enters email - System recognizes email as new/existing account

    Login Screen w/ KeyboardWhen field is tapped keyboard scrolls up

    Login Screen w/ Password If new email is entered password field automatically scrolls up. Existing users are prompted to enter password

    Login Screen Completed Success /fail message for password entry

    Select Package ScreenUser can select package type

    1.0

    1.0 Button is inactive

    1.1

    1.1 X icon takes user back to class detail page

    1.2

    1.2 If user has account they can tap this & enter single password field appears with Enter your password

    Payment ScreenUser can type in card information or scan card with camera

    Payment Screen (completed)Once card is validated, user can review order

    Review Before PurchaseUser can edit payment or package options before purchasing

    1.3

    1.3 When password is recognized keyboard scrolls down and 1.0 button changes to active state

    1.4

    1.4 Pop up appears Are you sure you want to cancel? No OR View My Account

    1.5

    1.5 Option to scan credit card instead of entering info. Add Paypal in future?

    1.6 1.6 Inactive button until credit card information is verified

    Select Package ScreenSelected state is indicated with 21% red overlay

    1.7

    1.7 Option to save credit card information for future purchases

  • R E S E A R C H P R O T O T Y P EU S E R R E S E A R C H M V P & F E AT U R E S U S E R T E S T I N GP R O D U C T R E S E A R C HT H E B R I E F P R O T O T Y P EU I A N N O TAT I O N S

    VIEW THE PROTOTYPEhttp://tmblr.co/ZXp9yl1d5-VOA

  • T H E B R I E F U S E R F L O W D E S I G N I T E R AT I O NI N T E R V I E W S U I A N N O TAT I O N ST H E B R I E F P R O T O T Y P E

    PROBLEM Currently, concierges are booking massages for their clients without

    a good way to manage payment options or clients personal details.

    SOLUTION We designed an easy-to-use dashboard that streamlines the process

    for concierges, making booking and paying for clients appointments

    easy and intuitive.

    WHAT I DID

    Project Manager

    Comparative Analysis

    User Interviews

    Persona Creation

    Wireframes

    User Testing

    Prototype

    TIMELINE

    10 Days

    TEAM

    Alivia Duran

    Marga Javier

    Colin Allen

    Zeel delivers Massage On Demand top quality massage from licensed, vetted massage therapists to homes, hotels,

    workplaces and events in as little as an hour.

  • R E S E A R C H

    Kirstin V. Personal Concierge Ramy Brooke, NYC

    Deema S. Personal Concierge Four Hundred, NYC

    Erin W. Hotel Concierge Wythe Hotel, NYC

    Robert B. Hotel Concierge Hyatt Union Square, NYC

    I have a large number of clients and work around the clock in order to stay on top of their needsI always save clients payment information for future transactions.

    As a hotel concierge, we depend largely on cash tips. The industry has always been that way. It would be hard to provide me with a rewards system that can compete with that.

    Whether its a handwritten note or email, we like to have as much a personal touch with our guests as possible. Weve actually turned down excess user services because of that.

    The problem with most of these personal care apps is that they require the individual to put in a good amount of information. People such as my boss just dont have the time or patience.

    Through extensive interviews we identified trends in the behavior and needs of our users. We found two main types of concierges, and our research showed us that the primary user of this booking feature would be the Personal Concierge.

    When we originally presented our findings to Zeel, they wanted to focus on the hotel concierge, but after further discussion and understanding how we could serve their business needs we agreed that the Personal Concierge would be the primary persona.

    PERSONAL CONCIERGE

    HOTEL CONCIERGE

    Books one-off appointments

    Has existing, established preferred

    partners in local area

    Works off commission

    Books recurring appointments

    Has many service providers to serve

    clients needs

    Doesnt take commissions

    I N T E R V I E W S U S E R F L O W D E S I G N I T E R AT I O NT H E B R I E F U I A N N O TAT I O N S P R O T O T Y P E

  • R E S E A R C H

    30 YO | Desktop computer, smart phone

    Personal concierges or assistants have set office hours, but work at

    all hours to keep their clients happy. They communicate heavily via

    email with their clients and have fairly extensive information about

    clients personal information.

    PERSONAL CONCIERGE KATHY

    Deals with recurring bookings for the same client(s) Gets a lot of last minute requests Doesnt take a commission Works irregular hours

    Not being able to get the therapist that a client wants Appearing unprofessional Handling last-minute requests Having to repeatedly ask client for information

    Values giving a personalized recommendations

    A happy client is a happy assistant

    Confidence in service provider so client has a good experience

    B E H AV I O R S

    PA I N P O I N T S

    P L E A S U R E S

    U S E R F L O WI N T E R V I E W S D E S I G N I T E R AT I O NT H E B R I E F U I A N N O TAT I O N S P R O T O T Y P E

    As a personal concierge, I want to be able to book appointments with reliable service providers so I can

    keep my clients happy.

    SIGN UP FLOWKathy is one of many concierges working at Fancy Hands, a company that provides

    personal assistants. Many of her clients have been asking for in-home massages, and the

    massage provider she usually uses has not been able to keep up with increasing

    demand. She finds Zeel through a Google search, and wants to know if they can help

    her provide reliable service to her clients.

    S C E N A R I O

    J O B S T O RY

  • R E S E A R C H

    To maximize unique perspectives of our stakeholders, we

    presented Zeels team with a user flow and had them

    sketch key screens of how they imagined the system.

    KEY LEARNINGS: Need for 30 day billing option

    Importance of the ID verification for business/

    stakeholders

    Reducing customer service load

    Limitations of rewards program

    DESIGN STUDIO

    After refining our designs through several rounds of

    testing, we came up with prototypes you can view below

    or in the following pages of annotations.

    USER TESTING

    The details are

    not the details.

    They make the

    design.

    - Charles Eames

    D E S I G N I T E R AT I O NI N T E R V I E W S U S E R F L O WT H E B R I E F U I A N N O TAT I O N S P R O T O T Y P E

  • D E S I G N

    Indicates required

    fields

    Top navigation from zeel.com disappears in

    dashboard view

    If clicked, window with info about

    Zeels security measures pops up

    If selected, user is taken through

    Jumio security flow

    Company names and email from

    login screen autofill

    Icons change as steps are completed,

    showing progression...