Brendan Pailet UX Design Portfolio

Download Brendan Pailet UX Design Portfolio

Post on 15-Apr-2017

514 views

Category:

Design

7 download

TRANSCRIPT

  • Brendan Pailet UX Design Portfolio, 2016

  • Hi, Im Brendan!

    This is me, if that wasnt clear Im a UX designer with a passion for idea generating. Driven by a desire to understand and create, I focus my work on user research and content strategy.I love to figure out what users think and how they respond to a product, and then turn that feedback alchemic-like into an executable design iteration.

    About Process Project Contact

  • Lemme first catch you up on what youve missed so far

    See what I did there?Started up my own

    online magazine about D.C. life

    and cultureIncluding a

    spooky ghost house!

    Not trying to brag,but I can make

    a pretty great door

    About Process Project Contact

  • Okay, so, now lemme tell you about my creative process

    Affinity Mapping Brainstorming Feature Prioritization Data Synthesis Persona Creation Low Fidelity Sketching

    Survey Creation User Interviews Competitive Analysis Comparative Analysis Card Sorting Heuristic Analysis

    User Flows User Journey Site/App Map Medium Fidelity Prototyping

    Usability Testing High Fidelity Mockup Iterating on Design Clickable Prototyping

    Research Ideate Design Test

    So, what exactly do ya do here? - Office Space

    ContactProjectProcessAbout

  • Project/

    Brief: A client consulting project for Linute, a social event planning app geared towards college students. Our task was to redesign the event creation and attendance process, in order to improve the user experience.

    Team: 3 people Timeframe: 3 weeks My Role: Head Researcher

    Posing is an important part of the UX process

    About Process ContactProject

    Solution: Our research showed that Linute users were unwilling to use the service, due to the UI/UX process being too complicated and confusing. Therefore, our goal was to simplify the UX process into an intuitive and enjoyable experience for the users. Our redesigns focused on the event creation process, finding other events to attend, and revamping the Linute feed. Additionally, we prototyped features that would assist in finding and messaging attendees, to boost attendance.

  • - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    Usability TestingI promise, Im not smelling my hand in this picture

    In order to figure out what we were working with, I conducted baseline usability testing of the existing Linute iteration, to ensure that we really were addressing the users concerns. Objectivity was key, so to not influence the user data. We also recorded all user testing, for later use and reference.

    Surveys & InterviewsBut we didnt stop at just usability testing. We created and distributed a survey to find participants that fit Linutes core demo, and could provide us with ideas to consider for our design iterations. I was in charge of interviewing survey participants, to ensure they would be useful feedback sources.

    I keep trying to post an event, but it

    wont let me. Thats annoying!

    I cant find my friends on this,even under the friends

    tab- its frustrating me.

    Real quotes!

    Users say the darnedest things!

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - User Journey

    - App Map

    - Design Studio

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

  • Competitive Analysis

    Evaluation Issue Fix Best PracticeVisibility of system status Activity notification for attendee

    Host information doesn't go away immedatelyNo chatNo notifcationFriends list burried in Trophy iconSetting Nearby radius on home page is hidden

    Notification for everythingHave a clear indication for frends list

    Match between system and thereal world

    Discover is not clearFriends is not clearIcon is not standard sizeActivity icon looks like a chat, not clearRepost is redundant word, suggest to use Share

    Change to Discover to News FeedChange Friends to Friends ListAdd Friends filter to Discover (News Feed)Icon should be 44X44 (Apple HIG)

    Me: everything I did

    User control and freedom Back out from createeventsNavigation bar is easy tofunction

    Consistency and standards Icons don't meet Apple HIG standardTap Chat button swipe to next screen. However, user canswipe to chat screen without tap chat buttonTap Create button shows a blue theme which is notconsistent with Linute green color

    Stay consistent

    Error prevention No sign shows how to contact with support teamKeyboard doesn't go down (chat page)When user creates an event, the app crash itself

    support team to preventerror prevention

    Recognition rather than recall College icon is not clear as filtersLeader board is accessiable in two ways which isconfusing

    Stay consistent create a event is clear andrecognitable

    Flexibility and efficiency of use UI is not strong enough to create flexiablity and reputation Navigation helps user gothrough

    Aesthetic and minimalist design Nearby feature is redundantIcon is smallHidden actionsLeader board is accessiable in two ways which isconfusing

    Help users recognize, diagnose,and recover from errors

    Partial error messaging strong Support team Error messaging oncamera

    Help and documentation easy to search eventsupport is easy to find

    Heuristic AnalysisHeuristics

    We conducted competitive analysis in order to see how Linute differed from its competitors, and what areas could be capitalized on for improvement.

    Heuristic analysis let us really look at Linute with a critical UX eye, and decide where the strengths and weaknesses were in its current form. As head researcher, I was in charge of determining what areas needed the most attention, based on user and competitive research.

    Based on the Jakob Neilsen 10 key heuristics guide

    - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    - User Journey

    - App Map

    - Design Studio

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

    https://www.nngroup.com/articles/ten-usability-heuristics/

  • Personas

    Data Synthesis

    With all the data organized, I created three unique personas, in order to best represent the different types of users who would be experiencing Linute. Making sure the personas had a layer of depth to them, and werent just cardboard cutouts, was something I strived for in my creating.

    I took all of our research data, from over 30 sources, and broke it apart into one of four categories: either pleasure, pain, context, or behavior. This made it easy to see patterns in what users thought about Linute, and who the core user was.

    This method is called the 4-list method,

    hence the four lists. Duh.

    - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - User Journey

    - App Map

    - Design Studio

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

  • Must Have

    Nice to Have

    ErrorMessaging

    Sign up with Facebook

    Resigster Phone number

    Create an event

    Event locationTimestamp

    Start + End time Setting Posting

    Organize by time (ending

    soonest)View

    Attendees

    List of FriendsLabelingMessage CTA

    Feedback Annotation

    Import Photo from google

    Profiletab

    Discover

    ActivityStream

    Share w/ Friends

    Share Publicaly Share Private

    Option to review

    Search by cityEvent picture Share w/ Facebook

    Adding photo

    Finding nearby shopping

    Finding nearby vendor

    nearby

    Share with Friend +small

    helper textEdit event after creation

    Follow (not add) places

    Liking

    High EffortLow Effort

    Trophy

    Auto correct

    Commet

    Map

    Invite Notification

    Invite friends outside of

    Linute

    Feedback after Invitation

    Direct message

    Ranking

    Clear layout

    Friends event

    Filter

    Selling tickets

    Street Marketing

    Requesting

    Street Marketing

    Different Colleges

    Words are small

    Existing Feature

    SuggestingFeature

    Feature PrioritizationWith only a three-week window to work within, we created a feature prioritization grid to determine what redesigns were unavoidably needed, and what features would be easiest for a development team to iterate and bring to life. This made our final prototype into something immediately reflecting our user feedback.

    - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - User Journey

    - App Map

    - Design Studio

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

  • User Journey

    Using swim lane flows and user flows, we were able to map out an exact user journey as to what the experience of using Linute was like. When it came time to present our redesigns to the Linute team, info-graphs such as this were essential in illustrating all the potential outcomes a user could have with Linute, and how our redesigns were tailored to this data.

    - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - User Journey

    - App Map

    - Design Studio

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

  • Linute

    Discover Friends Create ActivityMe

    Friends AttendedHosted

    Event Detail

    Add FriendsSettings

    Add Friends Trophies Event Feed

    Add Friends Trophies

    Notification feed

    Location search

    SHARE WITH

    View Attending

    Invite Friends

    Chat Map

    Profile

    Event Feed

    Event Detail

    Add Friends Trophies

    View Attending Chat Map

    Invite Friends

    Profile

    Event Detail

    View Attending Chat Map

    Invite Friends

    Profile

    Event Detail User Profile Event Detail User Profile Event Detail User Profile

    App Map

    Original Redesign

    One of Linutes biggest problems was its over-clutter of features and information, leading to intense user confusion. This app map I made shows just how much we simplified and organized the system through our redesigns.

    Design StudioIn order to bring all of our ideas out, my group did a number of design studio sessions, where we iterated and tested paper prototypes of our ideas until we reached a consensus of best practice. After going through and testing 22 different styles, we ended up at our medium fidelity prototype.

    - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - User Journey

    - App Map

    - Design Studio

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

  • Medium Fidelity Mock-ups

    NotificationFriendsCampus

    K-Style Bake Sale

    Nov. 10th 7am-5pm2nd Fl Lobby, Vertical Campus

    Filter

    Search

    Happening Now

    7 going Join

    Join

    Join

    25 going

    10 going

    K-Style Bake SaleNov. 10th, 7am-5pm2nd Fl Lobby, Vertical Campus

    7 going Join

    Join

    Join

    WIB Philanthropy Event #3:Days for GirlsNov. 10th, 8am-10amRm 2-110, Vertical Campus

    25 going

    An Intro to DungeonsNov. 10th, 2pm-5pm2nd Fl Lobby, Vertical Campus

    10 going

    K-Style Bake SaleNov. 10th 7am-5pm2nd Fl Lobby, Vertical Campus

    ProfileCreateFriendsLinutes

    LINUTEVerizon 9:41 AM 100%

    Wei-Li Cheng

    Brendan Pailet

    Ning Xu

    Ebenezer Gavieres

    Laurence Brouillette

    Derek Timm-Brock

    Andi Muskaj

    Nabeel Alamgir

    Hadi Rashid

    Ian Dombroski

    ProfileCreateFriendsLinutes

    FriendsVerizon 9:41 AM 100%

    Search

    ContactsFacebookLinute

    Create A HangoutVerizon 9:41 AM 100%

    | What do you want to do? Coffee, groupproject, park etc.

    Where?(Optional)

    (Optional)

    (Optional)

    When?

    Who?

    CREATE

    Friends OnlyPublicDONE!

    1

    2

    3

    4

    5

    6

    7

    8

    1

    2

    3

    4

    5

    6

    7

    8 Feedback to notify user that the event has been successfully created

    All other information fields optional

    The only information field that is required to create an event

    Redesigned content tabs, localizing all friend data to one central location and hub

    Redesigned friend list; now shows first and last names

    Join button allows users to easily mark events to attend on the fly

    All important event data: title, date, times, location, number of people attending

    Event filters to see events going on, events your friends are attending, and all notifications

    - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - User Journey

    - App Map

    - Design Studio

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

  • Prototype: https://invis.io/DC4XAAVNK

    High Fidelity Mock-ups

    Fancy shmancy, huh?

    - Usability Testing

    - Surveys & interviews

    - Competitive Analysis

    - Heuristics

    - Data Synthesis

    - Personas

    - Feature Prioritization

    - User Journey

    - App Map

    - Design Studio

    - Med-Fidelity Prototype

    - High-Fidelity Prototype

    https://invis.io/DC4XAAVNK

  • Now heres where you come in

    Contact Info

    About ProjectProcess Contact

    610.613.7880

    Brendan.Pailet@gmail.com

    https://www.linkedin.com/in/brendanpailet

    Shine in the night sky above Gotham City

    mailto:brendan.Pailet@gmail.com?subject=https://www.linkedin.com/in/brendanpailet