Alivia Duran UX Portfolio

Download Alivia Duran UX Portfolio

Post on 14-Jul-2015

687 views

Category:

Design

1 download

Embed Size (px)

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