22
ROBERTS UX PORTFOLIO

Andrea Roberts UX Portfolio

Embed Size (px)

Citation preview

ROBERTSUX PORTFOLIO

I am a passionate, hard working, and goal orientated UX designer. I bring to the table a wealth of experience including years in Interior Design, Improv theatre, and Peace Corps. I am looking to have an honest conversation about where I have been and where I can bring the most of myself to the table. Where am I going to be most useful. There is a reason I have had the experiences I have had and I am looking forward to leveraging my experiences into future endevors. I want to join a team where I can grow, inspire and be inspired.

SKETCH OMNIGRAFFLE PHOTOSHOP

PRINCIPLE INVISION AXURE

KEYNOTE POWERPOINT PREZI

IMOVIE FINAL CUT PRO SKETCH UP

AUTOCAD

Meetup

Develop a feature for existing app

Pique

Develop a native application

Fordham Law

IA, Content Strategy Redesign

General Assembly UXDI Project. Meetup would like to create a first-class means through its website and apps to increase the ability of Organizsers and Hosts to find one another.

Our goal was heavily influenced by our users as well as the business needs. We found out after a client meeting with Meetup that our orginal brief was not necessarily the best fit for Meetup, and we pivoted. Our goal became: To help organizers find venues for Meetups

2 weeks

Project Manager/ Visual DesignerThis team worked well collaboratively. I worked as a point- of- contact with the client, as well as made sure that everyone on the team remained on the same page as far was our goals were concerned, especially given our midway pivot. I worked on a lot of preliminary research and was responsible for wireframes, and prototypes.

MY ROLE:

TIME:BRIEF:

GOAL:

“How did you pick your Meet up venue?”

“It’s where I buy my groceries”

“It’s close to my favorite knitting supply shop”

We visited 7 Meetups to interview venue hosts, Meetup organizers, and Meetup members

SURVEY

COMPETITIVE & COMPARITIVE RESEARCH

We researched Meetup to understand their culture, and brand identity. We also found out they were closeby and I was able to set up a Meetup at Meetup HQ.

This Client Meeting lead to a huge, quick pivot. As our original brief suggested creating a venue buy-in, and our client made it clear they were uninterested and ill equipped to become a venue database. It was important for us to keep the business needs and limitations in mind with the users.

We conducted a feature analysis to understand the Meetup advantage, as well as how to maintain the upperhand and leverage any existing best practices

We created surveys to understand Meetup users, both members and organizers. This helped us to generate our user interview questions

If you could change your venue, would you?

USER INTERVIEWS

THE BRAND

AFFINITY DIAGRAMS PERSONAS

PIN-UP

We developed personas based on our research from popular Meetup groups, and participants.

Based from our surveys and user interviews we made affinity diagrams to distinguish patterns and groupings.

USER FLOW

Cancer survivor

To ensure that our team was on the same page and to ensure we were doing the best to MVP our application we took to the whiteboard more than a few times.

Lo-fi early paper prototypes

Rapid prototyping

MOSCOW

PAPER PROTOTYPES

DESIGN STUDIO

Usability Testing. Our global navigation, labels, and all elementa of our application were tested between 6 iterations of our application.

Spans the course of our pivots of when we were focused first of venue opperators and then focused in on how we could leverage the information that was already available on Meetup.

USER TESTING ITERATIONS

General Assembly UXDI Project. Create a Native Application with an existing brand, or partner. The iPhone was debuted 8 years ago and along with it the popularization of apps. Apps, as opposed to websites, are built in Objective-C (iOS) or Java (Android). Access to hardware and OS level commands are the factors you will focus on in this project (camera, GPS, compass, FM transmitter, local storage, fingerprint scanner, refined animations, etc).

Beginner guitar players quit, or give up easily (1-2 months) because of lack of motivation and losing interest.

People need a way to learn guitar that keeps them motivated.

Our goal was heavily influenced by our users as well as leveraging the position/ existing applications and technology of Yamaha.

2 weeks, the fastest 2 weeks of my life!

User Research, Presentation, Visual Design support

It’s always been said that constraints make design easier. This project was full of road blocks and set backs. But I actually enjoyed this project and learned more from this more than any other. I took a back seat in the visual design department and really honed my skills in user research.

MY ROLE:

TIME:BRIEF:

GOAL:

PROBLEM:

SURVEY THE BRAND

COMPARITIVE RESEARCH

I researched all of Yamaha’s existing applications so that I could better understand how to best utilize their existing technology to build a better application.

We created surveys to understand people who had ever tried to learn guitar and had failed, or who had been successful. This helped us to generate our user interview questions

USER INTERVIEWSI conducted an analysis of home screens, lesson screens, and onboarding from existing guitar applications as well as those on kickstarter, about to hit the market.

Yamaha (Corp. of USA since 1960) is a huge supporter of musicians and education. Through technology, specifically through applications such as tenori-on they are crossing the isle to inspire or reach those that may not be previously musically inclined or trained.

To ensure that we were doing the best to MVP our application we took to the whiteboard. There were so many things we COULD add to the application that weren’t neccessary.

MOSCOW

DESIGN STUDIO

PERSONASWe developed personas based on our surveys and user interviews.

Usability Testing. Our global navigation, labels, and all elementa of our application were tested.

ITERATIONS

USER TESTING

1, Home logo : links to the home page

2. Back Button : links to the previous page

3. Guitar string : fades out when it is not strummed

4. tabs move as chords change

5. Indicates colors for each fingers

6. Shows next chord

7. Loop button : lets users play certain chords. Or, play the whole song

8. Loop Bar : lets users choose the area where they want to loop

9. Status bar : Shows you where you are in the song

General Assembly UXDI Project. Fordham Law School faces large Information Architecture challenges, needs to address the needs of a varied audience, and needs to feel connected to the larger University website. Redesign the IA and content strategy around an experience for users of the website as well as the mobile responsive site.

Provide an improved user experience for current students when it comes to scheduling classes for current and future semeters and showing schedules on existing social and work calendars.

10 Days

Lead UX Designer

MY ROLE:

TIME:BRIEF:

GOAL:

COMPARITIVE RESEARCH

USER INTERVIEWS“I go there for a specific thing, like checking my grades.

I’m not going to bother reading school news.”

“I read enough in Law School. I can’t be bothered to read through everything to figure out if that’s

what I’m looking for.”

“Some of the links are repetitive.”

CONTENT AUDIT CARD SORT

It was necessary to understand the site in its entirity to begin the redeisgn

Held 5 open and closed card sorts152 lines to inventory every item in Fordham Laws site

FLOW PRIMARY PERSONA

A primary flow, based on card sorts and content audit

DESIGN STUDIO

PAPER PROTOTYPESLo-fi early paper prototypes

Many components were considered throughout the design processes and I had to focus on the minimum viable product. The user needed to be able to add courses to an existing calendar.

USER TESTING & ITERATIONS

I have illustrated changes made throughout the design iteration process discovered in user testing.

The 6 call to action buttons were reduced to the four reminaing.

News artices and spotlight were reduced.

A check mark as well as wording was added to denote a required course, rather than a course being automatically added to a course schedule based on a students students focus and year in law school.

Favoriting a course for possible integration into your schedule, or future scheduling was moved to “the future” of the application.

The prototype is a redesign of the Fordham Law School website. The homescreen, as well as the user flow of how a current student can register for classes. The prototype was built in Axure and sketch.

[email protected]

571.212.9185

Medium: @drearoberts

Twitter: @Drea_Roberts

Instagram: @drephix