ZOE LEWIS
UX Portfolio 2015
Hello, I’m Zoe. I’m a UX Designer with the gift of finding humor in most things. UX Design marries my strong visual arts background and love of research to create user-centric experiences. My ability to empathize and connect with people helps me get to the roots of a problem and suss out a user-friendly solution. I love the nitty, gritty details and think microinteractions are the key to making an end product standout.
about me My boyfriend and I like to
We also like to watch videos
We love to hang out and play
cook new, tasty recipes.
when we eat.
with the family dog, Panda!
(they don’t always turn out so well!)
my UX process
Ideation
Design
Affinity Mapping Feature Prioritization Creation of Personas User Journey
Wireframes Prototyping Design Studio
Research Comparative Analysis Competitive Analysis User Flows Surveys User Interviews
Iterate
Testing
my UX toolkit Sketch
InVision
OmniGraffle
Axure RP Google Drive
Whiteboards, Pens, Pencils, Sketchbook, Unbridled Enthusiasm Watch this Space—I’m learning new skills all the time
Hype
POP
Keynote
Slack
Typeform
Take a look through these three case studies to get a glimpse of how I work
Case Study
1
Hipmunk
Case Study
2
NYC Costumes
Case Study
3
OutDoc
Case Studies
Hipmunk, a consumer-oriented online travel company aims to take the agony out of travel planning. Their goal is to help you book travel faster and more efficiently.
Case Study
1
Hipmunk Bringing Memorable Travel Experiences to the Masses
Hipmunk
This was a student project at General Assembly designed to explore an area of opportunity for an existing brand of our choice, choose a platform and work with technical constraints.
Problem Statement:
The current Hipmunk iOS app vs our iOS app
Design Team: 3 UX Designers Target Device: Native App for iOS
People want to try new experiences with their friends and/or other travelers.
Time Frame: 2 Weeks Tools: Pen, paper, Google Forms, Sketch 3, Omnigraffle, Keynote, InVision
Opportunity:
My Role:
There is opportunity for growth in the lifestyle market, by providing clients with once-in-a-lifetime travel opportunities and social experiences through the sales of group classes, activities/excursions and workshops.
As UX Designer, I conducted 4 user interviews and created the main persona used in our scenario. I created job stories and wireframes. We conducted usability tests together, and I created the invision prototype.
Deliverables:
Case Study
1
Project Plan Survey Findings User Interviews User Flows Personas
Storyboards Job Stories Comparative Analysis Wireframes High-Fidelity Mock-Ups
Usability Testing Iterations Interactive Prototype Next Steps
We interviewed 12 people out of the 77 respondents to our online survey and affinity mapped our findings to determine our personas.
Our Personas David: Spontaneous Traveler
Interviewing
“Once in the country, I don’t have a rigid plan. I’ll make a plan once I am physically there,”
Affinity Map
“Ultimately, the prices and deals determine when and where I go on vacation,”
Kate: Avid Planner
For Maria, we created trips of a lifetime and the bucketlist feature—she wants to participate in once-in-a-lifetime experiences, but wants to do so prudently, i.e. wait for a drop in the ticket price (push notifications for price alerts). She is open to meeting new people, but would want to know who is going before booking an activity (login via facebook to see who is going).
“I go to events my friends invite me to on Facebook—I’ll go depending on who is also going,” Feature: Price Alerts/ Push Notifications
Feature: Last Minute Deals
Research
Maria: a mix of both
Ideate
Design
Test
Feature: Login to See Who is Going
Iterations
Design, Test, Iterate, Rinse, Repeat.
1
3
Launch the Prototype https://invis.io/CB3O2TLVS 2
Annotated Wireframes 1. We changed the hamburger menu button to explore. 2. Content brought up to see activities available below the fold. 3. Image lightened for easier distinction Testing the prototype, our instructor said he tried to, but couldn’t get lost. Next in store would be to explore downloadable guidebooks for a nominal fee by partnering with travel guide brands, like Lonely Planet
Usability Tests
Research
Ideate
Design
Test
Iterations
New York Costumes (Halloween Adventure) has the largest retail selection of costumes, wigs, masks, props, and decor in New York City.
Case Study
2
NYC Costumes Designing a Less Scary User Experience
This was a project at General Assembly with the challenge of designing a new information architecture and content strategy for an e-commerce website with an abundance of unique, sellable items. We were given 100 items for card sorting and three personas.
NYC Costumes Design Team: Sole UX Designer
Problem Statement: With large retailers like Amazon as competition, smaller retailers, like NYC Costumes, need to update their websites pronto.
The current NYC Costumes Website
Target Device: Responsive Website Time Frame: 2 Weeks Tools: Pen, paper, card sorting, Sketch 3, Omnigraffle, Keynote, InVision
Opportunity: A more natural, intuitive navigation would benefit the brand’s users without alienating their loyal client base.There is a high number of better known competiting websites in the market, but a more efficient purchasing experience may help push NYC Costumes to the top.
Deliverables: Navigation Site Map Comparative Analysis Annotated Wireframes User Flows Usability Testing Card Sorts Heuristic Analysis
Case Study
2
Iterations Interactive Prototype Class Presentation
Information Architecture
Our Personas Dexter
John
29 yr old high tech sympathy
Card Sorting
Key Takeaway Each person had a different idea of what category items belong to— I conducted a third round of closed card sorts with just the newly created main categories and sub-categories and got affirming results.
Edda
38 yr old single dad with a young daughter high tech sympathy
61 yr old grandmother low tech sympathy
Common pain points:
Solutions
Inability to purchase across multiple devices
Create responsive layout
Confusing, difficult navigation
Create a simpler way to make and edit purchases
Comparative User Flows
Party City Homepage
As with competing sites, recommendations are for NYC Costumes to feature popular costumes, etc. on the homepage (i.e. Minions costumes, because the Minions movie came out recently)
Research
Ideate
To complete the task of adding and editing an item from the cart: 14 actions and 9 pages on Party City vs.
8 actions and 5 pages on new NYC Costumes
Design
Test
Iterations
Design, Test, Iterate, Rinse, Repeat.
1
2
3
Launch the Prototype http://invis.io/BG3DO4Z6Q
Children's Costumes Section
Annotated Wireframes 1. Search bar was originally hidden; iterated upon testing. 2. You can add to cart by rolling over page and clicking on desired size (due to limitations in inVision, you have to click twice in prototype). 3. Need to test further to determine if the search bar is detectable in current location. Next in store would be to conduct further testing on the mobile wireframes.
Usability Tests
Research
Ideate
Design
Test
Iterations
OutDoc is an online search platform that allows lesbian, gay, bisexual and transgender patients to search for healthcare providers knowledgable about the unique healthcare needs of the LGBTQ community.
Case Study
3
OutDoc
A Doctor Search for the LGBTQ Community
OutDoc
This was a client project at General Assembly designed to explore an area of opportunity for an existing brand of our choice, choose a platform and work with technical constraints.
Problem Statement: Create a MVP for OutDoc so that members of the LGBTQ community will be able to locate, review and refer LGBT-friendly, knowledgeable, competent doctors.
Design Team: 3 UX Designers Target Device: MVP for Desktop OutDoc MVP
Time Frame: 2.5 Weeks Tools: Pen, paper, Google Drive, Typeform, Sketch 3, Omnigraffle, Keynote, InVision
Opportunity:
My Role:
There is need within the LGBTQ community for a reliable way to locate healthcare professionals who have the knowledge and wherewithal to treat patients professionally.
As lead User Researcher and UX Designer, I conducted 12 interviews and synthesized the data into our research report. I created one persona, handled the competitive analysis for one of our competitors, created our final medium fidelity wireframes and our final iterations.
Determining the needs of the community through research will aid in the creation of the MVP.
Case Study
3
Deliverables: Research Report Survey Findings User Interviews User Flows Personas
Comparative Analysis Annotated Wireframes Usability Testing Iterations
Interactive Prototype Recommended Timeline Client Presentation MVP
S*, a transgender
“When I go to the doctor, I expect to have a bad experience; the glass is always half-empty,”
male
Our Personas We kept our three personas and their needs in mind throughout our feature prioritization and design process. We prioritized features using the MoSCoW method: Must have
Should have
Could have
Won’t have (in MVP)
Doctor search by location and gender
A blog to boost crediblity in community
Partnering with other health organizations
Online booking, community forum
Affinity Map
Key Takeaways Though some expressed less need for an LGBTQ Doctor Search, all interviewees said they would use it. Input from the community is vital.
Research
Ideate
Design
Test
Iterations
Design, Test, Iterate, Rinse, Repeat.
2
1
Launch the Prototype https://invis.io/QJ3UR8V2U
Annotated Wireframes 1. The homepage is where OutDoc needs to establish credibility within the community and inject their own flavor into it. 2. Transgender specific care should be a filter and not a dropdown (will just display doctors with Trans Care badges). Presenting our findings to the OutDoc was an emotional experience for both teams. Usability Testing
Research
Validating Our Design
Ideate
I feel good about the work we did and how we laid the foundation for a site that will truly benefit an entire community of people.
Design
Test
Iterations
Thanks. zoe.lewis@gmail.com www.linkedin.com/in/zoeklewis http://medium.com/@ZoeKit New York, NY
let’s connect “
You see things; and you say ‘Why?’ But I dream things that never were; and I say ‘Why not?’ —George Bernard Shaw