Download - Brendan Pailet UX Design Portfolio
Brendan Pailet UX Design Portfolio, 2016
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
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
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, 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
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
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
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/
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 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
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
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
Now here’s where you come in…
Contact Info
About ProjectProcess Contact
610.613.7880
https://www.linkedin.com/in/brendanpailet
Shine in the night sky above Gotham City