Alison Berge, UX Portfolio
-
Upload
alison-berge -
Category
Design
-
view
189 -
download
0
Transcript of Alison Berge, UX Portfolio
Alison Berge
UX Design | Information Architecture
Hello, I’m Alison.
A UX designer with a passion for organizing chaos into intelligble design.
Assessment and Initial Strategy > Research and Analysis > Conception and Early Design > Raising Fidelity > High Fidelity Prototyping
About Alison’s Process
Preferred tools:
Problem: Create a travel itinerary function for Yelp.
Solution: A new page, central on the Yelp app that caters to people using their mobile phone to plan, track and remember the places they went using Yelp as their guide, tour and trip journal.
Team: Alison Berge, Elise Tang, Ina Arnaoudova, Scott MorgenthalerMajor contributions: Information architecture and prototyping
Yelp Trip ListsPROJECT
Yelp: Persona CreationPROJECT
As the concept was to add a feature to an existing and very popular app, creating personas to understand our target audience and purpose was very important. After surveys and interviews, we created three different personas, eventually choosing the frequent weekend-getaway traveler as our most likely user.
Yelp Trip Pages Prototype
Yelp: Mockups & PrototypePROJECT
Using the mobile Yelp interface as our guide, we created screens that kept within their style while adding our new feature.
> > > > >
a la carte
Features
Online ordering
Reasons
Lifestyle
same-day
deliveryfull recipe browsing
small, but weekly
changing menu
portioned ingredients
Printed recipes
search & browse
prep/cook
time info
ratings & reviews
calories
recipe difficulty
tools needed
scheduled delivery
order day of
delivery/pick up
reserve ahead of
time
pick up in store
Social
Don’t want to think about it
Surprisingly hectic day
Date night activity
Pick up to cook with
friends
Cooking concerns
Fancier recipe than
normal
Do not want to stock up
on it all
Team: Alison Berge, Kerrie Yeung
Problem: Create a responsive website that assists busy people who want to cook at home.
Solution: A website that caters to people interested in ready-to-cook ingredients that pairs with local businesses to provide same day delivery or pick-up in store of the recipes and ingredients.
A La CartPROJECT
After user surveys, interviews and comparative research we found a demographic that was responding to the idea of pre-portioned, easy to cook meals delivered… but hesitant about the subscription aspect of the services currently available.
A La Cart: ResearchPROJECT
A La Cart
This Week’s Recipes
How it works
You choose the recipe
We take care of the ingredients
You get to pick up the ingredients at your local grocery store or get them delivered
You cook and enjoy a home cooked meal!
Enter Zip Code
Get Started
fresh, pre-portioned ingredients and recipes to cook, either for in-store pick
up or delivered to your door
f
Enter E-mail Address
Sign up for Our Newsletter!
Get Recipes
OK
About Mission Press Delivery Zones & Store Locations FAQs Contact
A La Cart
Weekly Menu
Salmon with Sautéed Tomatoes
f
Enter E-mail Address
Sign up for Our Newsletter!
OK
About Mission Press Delivery Zones & Store Locations FAQs Contact
These are the voyages of
the Starship Enterprise. Its
continuing mission, to
explore strange new
worlds, to seek out new life
and new civilizations…
Meal 2
Meal 3
Info about recipe…
Info about recipe…
Meal 5Info about recipe…
Meal 4Info about recipe…
A La Cart
Salmon with Sautéed Tomatoes
f
Enter E-mail Address
Sign up for Our Newsletter!
OK
About Mission Press Delivery Zones & Store Locations FAQs Contact
• Lorem ipsum dolor• Interdum volgus videt• Si veteres ita miratur • Ut nihil anteferat• Si quaedam nimis
I have reset the sensors to scan for frequencies outside the usual range. By emitting harmonic vibrations to shatter the lattices. We will monitor and adjust the frequency of the resonators.
Description, $12.50
• Lorem ipsum dolor• Interdum volgus videt• Si veteres ita miratur • Ut nihil anteferat• Si quaedam nimis
Prep time, Cook time, Difficulty
Order
Ingredience
What You’ll Need
InstructionsI have reset the sensors to scan for frequencies outside the usual range. By emitting harmonic vibrations to shatter the lattices. We will monitor and adjust the frequency of the resonators.
Back Order
Starting with the model of similar services that users admired, we wireframed the site to reflect our research.
A La Cart: WireframingPROJECT
Desktop Prototype
Our Ingredients
How it Works
You choose the recipe
We take care of the ingredients
You pick up the ingredients at your local grocery store or have
them delivered
You create and enjoy a home cooked meal!
Get Started
Sample Recipes
How it Works Menu
Log In Sign Up
Delivery Zones andStore Locations
About
Get Started
Fried Eggplant, Tomato, and Cucumber Salad
Brussels Sprout Leaves with Chorizo and Roasted Almonds
Mussels with White Wine
Local Seasonal Fresh
fEnter E-mail Address
Sign up for Our Newsletter!
OK
About Mission Press Delivery Zones & Store Locations FAQs Contact
fresh, pre-portioned ingredients with recipes to cook,for either in-store pick up or delivered to your door
Enter Zip Code
Get Recipes
Our Ingredients
How it Works
You choose the recipe
We take care of the ingredients
You pick up the ingredients at your
local grocery store or have them delivered
You create and enjoy a home cooked meal!
Get Started
fEnter E-mail Address
Sign up for Our Newsletter!
OK
Sample Recipes
Fried Eggplant, Tomato, and
Cucumber Salad
Brussels Sprout Leaves with Chorizo and Roasted
Almonds
Mussels with White Wine
Domestic Seasonal Fresh
fresh, pre-portioned ingredients with recipes to cook,for either in-store pick up or delivered to your door
Enter Zip Code
Get Recipes
About Mission Press Delivery Zones & Store Locations FAQs Contact
Get Started
How it Works Menu
Log In Sign Up
Delivery Zones andStore Locations
About
How it Works
You choose the recipe
We take care of the ingredients
You pick up the ingredients at your local grocery store or have them delivered
You create and enjoy a home cooked meal!
f
Enter E-mail Address
Sign up for Our Newsletter!
OK
About Mission PressDelivery Zones & Store Locations FAQs
Contact
Fried Eggplant, Tomato, and Cucumber Salad
Sample Recipes
Get Started
Get Started
Our Ingredients
Local
Seasonal
Fresh
fresh, pre-portioned ingredients with recipes to cook, for either in-store pick
up or delivered to your door
Enter Zip Code
Get Recipes
Desktop Tablet Mobile
1
3
4
4
5
1. User can click on logo to get onto home page.
2. User can select ‘Menu’ link. Pop up of “Enter Zip Code & Submit Button” appears. User can enter information to see relevant menu.
3. User needs to enter zip code in order to see relevant menu.
4. User can select ‘Get Started’ button to understand how the site works via ‘How it Works’ Page
5. User can select sample recipes to see what we offer but not order.
6. User can see that there are more sample recipes to look through. User can click on button to see recipes. On the mobile, the user can also swipe left to see more recipes.
7. User can select hamburger menu to see the main navigation links.
7
6
2
3
4
4
5
6
5
4
4
3
3
1
2
1 1
Mobile Prototype
A La Cart: Mockups and PrototypesPROJECT
We raised fidelity to create mockups, then I made prototypes for both the desktop and mobile sites.
Problem: Create a new onboarding experience for the redesign of a LinkedIn-based mobile chat app.
Solution: Starting with a heuristic evaluation of the most current version of the app, we then did comparative and competitive research and user testing to try to both create incentive for the user to adopt the app and to simplify the onboarding process.
Team: Alison Berge, Casey Marvin, Felipe Vieira, Ny Vo
Caliber
Major contributions: Information architecture, wireframing, hifi mockups
CLIENT
Caliber: User Flow Evolution
Proposed flow: Final flow:
Original flow:
CLIENT
We started by identifying the user flow of the most current version of the app, then began iterating what the experience could be. The final user flow takes into account technical restraints to the sign-in process.
Caliber: Ideation and User Testing
After onboarding, users will have created a user profile, so we also redesigned this as part of the process. Using paper prototyping we asked people to envision the way they would prefer to see different elements displayed on their profile page.
CLIENT
Caliber: From Wireframe to HiFi
I then wireframes what the team had discussed, then brought the screens to high definition mockups.
CLIENT
Caliber: Change in Onboarding
Original app > Second iteration > End suggestion
After user testing, we found that people were confused by having to pick one “role” from a list of many. Our original solution was to allow them to choose several, but this was a technical restraint. Our design choice was then to highlight “primary” and make the list look more singular by listing the roles in a single column.
C
Alison Berge Brooklyn, NY
UX Design | Information Architecture
[email protected] (510) 499-0066
linkedin.com/in/alisonberge @entropica