andrea roberts ux portfolio

Download Andrea Roberts UX Portfolio

Post on 18-Jan-2017

387 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

  • 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?

    Its where I buy my groceries

    Its 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

    Its 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 Yamahas 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 werent 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 INTERVIEWSI go there for a specific thing, like checking my grades.

    Im not going to bother reading school news.

    I read enough in Law School. I cant be bothered to read through everything to figure out if thats

    what Im 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.

  • Drearoberts@gmail.com

    571.212.9185

    Medium: @drearoberts

    Twitter: @Drea_Roberts

    Instagram: @drephix