Transcript
Page 1: Brendan Pailet UX Design Portfolio

Brendan Pailet UX Design Portfolio, 2016

Page 2: Brendan Pailet UX Design Portfolio

Hi, I’m Brendan!

This is me, if that wasn’t clear I’m 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

Page 3: Brendan Pailet UX Design Portfolio

Lemme first catch you up on what you’ve 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

Page 4: Brendan Pailet UX Design Portfolio

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

Page 5: Brendan Pailet UX Design Portfolio

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.

Page 6: Brendan Pailet UX Design Portfolio

- Usability Testing

- Surveys & interviews

- Competitive Analysis

- Heuristics

Usability TestingI promise, I’m 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 didn’t stop at just usability testing. We created and distributed a survey to find participants that fit Linute’s 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

won’t let me. That’s annoying!”

“I can’t find my friends on this,even under the ‘friends’

tab- it’s 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

Page 7: Brendan Pailet UX Design Portfolio

Competitive Analysis

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

•Host information doesn't go away immedately•No chat•No notifcation•Friends list burried in Trophy icon•Setting Nearby radius on home page is hidden

•Notification for everything•Have a clear indication for frends list

Match between system and thereal world

•Discover is not clear•Friends is not clear•Icon is not standard size•Activity icon looks like a chat, not clear•Repost is redundant word, suggest to use Share

•Change to Discover to News Feed•Change Friends to Friends List•Add Friends filter to Discover (News Feed)•Icon should be 44X44 (Apple HIG)

Me: everything I did

User control and freedom •Back out from createevents•Navigation bar is easy tofunction

Consistency and standards •Icons don't meet Apple HIG standard•Tap Chat button swipe to next screen. However, user canswipe to chat screen without tap chat button•Tap 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 team•Keyboard 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 filters•Leader 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 redundant•Icon is small•Hidden actions•Leader 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 event•support 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 it’s 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

Page 8: Brendan Pailet UX Design Portfolio

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 weren’t 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

Page 9: Brendan Pailet UX Design Portfolio

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

Page 10: Brendan Pailet UX Design Portfolio

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

Page 11: Brendan Pailet UX Design Portfolio

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 Linute’s 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

Page 12: Brendan Pailet UX Design Portfolio

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, group

project, 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

Page 13: Brendan Pailet UX Design Portfolio

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

Page 14: Brendan Pailet UX Design Portfolio

Now here’s where you come in…

Contact Info

About ProjectProcess Contact

610.613.7880

[email protected]

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

Shine in the night sky above Gotham City


Top Related