LinkedIn User Research: A ReDesign of the Profile Page Interface
3 Months (1.5 months on UX Research, 1.5 months on Wireframing, Prototyping, and Usability Testing)
Solo Project
When LinkedIn was launched in 2003, it quickly garnered attention as a professional networking and career development hub where job seekers post their resumes and employers post jobs. In more recent years however, LinkedIn has lost its initial magic in connecting people to opportunities. With the ever growing competitiveness of jobs, job seekers are finding it harder to use LinkedIn to find their dream job and “networking” has become a superficial feature on the platform to say the least.
Searching for a job and waiting to hear back after sending in hundreds of applications can feel defeating. There is often very little feedback on what can be done to improve a job seeker’s competitiveness and the gaps they need to fill, skills and career wise. LinkedIn mentorship is a web-app that creates an inviting space for job seekers to feel supported in their job and career search journey by a redesigned profile page ecosystem where job seekers can book a time to speak with a mentor (an accredited industry professional) 1 on 1. They receive career and job skills advice, portfolio reviews, and an opportunity to ask the mentor any questions that they have about an industry of their interest. This is the evolution of “networking” and is what makes a candidate more competitive in their job search through guidance and support.
*All information in this case study is my own and does not necessarily reflect the views of LinkedIn.
Determine if a professional is influential/credible in their space and is closely affiliated with their industry peers.
Difficulty/inconvenience in scheduling a virtual meeting with the professional.
Meet Sam and Sam’s Needs
Meet Alex and Alex’s Needs
“When I view someone’s LinkedIn profile to see if they can help connect me with an opportunity, I want to be able to determine if they’re credible on the spot, so that I only connect with the right people.”
“When a person accepts my invitation to have a conversation, I want to be able to schedule a call/meeting with them asap, so that I don’t miss out on a job opportunity.”
Talking to People: User Research and User Testings
The positive impact of putting this project together are the results gathered from the insightful conversations that I had with my participants throughout the project.
The conversation that I had with my participant during user research uncovers the real concerns that job seekers new to an industry (my target user group) are facing today. A job’s threshold for entry gets increasingly higher but many jobs are surprisingly left unfilled. This prompted me to look into the possibilities of filling in this knowledge and career gap for career/job seeking individuals.
The solution that I’ve created is a mentorship platform within LinkedIn where mentors assist juniors new to the industry by giving them career advice through 1 on 1 and group mentoring sessions virtually.
Through 2 stages of user testing, I learned that integrating a new ecosystem to an established platform such as LinkedIn requires a lot of considerations such as its seamless integration to the platform alongside LinkedIn’s existing features, whether or not this should be a product available to all users (I’ve set it to be a Premium member product in this case), and how LinkedIn Mentorship ranks among its competitors.
Therefore, having all these conversations allowed me to come up with a final product that addresses all these aspects.
KPIs to Track (All Successful – Results from Latest User Testing)
*Please refer to Final Thoughts for KPIs to track for real users should/when this product does launch.
For my user research, I decided to conduct a semi-structured user interview with my participant. Through speaking with my participant (a UX student looking to enter the UX field – a new space for her) in the interview, I learned that in her case, she’s experiencing this concern of not knowing how to approach and/ a new career like most of my other users I’m targeting for this project.
After the user interview, I noted all the important and/ interesting points that the participant mentioned during the interview by listening to the entire audio recording of the conversation.
This video shows my research synthesis process for my user interview responses by conducting an affinity mapping activity to identify the themes, which in turn helped to write the problem statements for this project.
For my affinity map, I’ve identified 9 unique themes in my participant’s responses, which I in turn transformed into 9 unique problem statements that I believe my target user group are facing.
In the first problem statement, the user wants to ensure that the industry professional that they’re connecting with is credible. That includes how closely affiliated they are with their industry peers. However, the user is faced with the difficulty of identifying which mentor/professional is credible based on the info of a LinkedIn user on the profile page interface.
In the second main problem statement, the user wants to message their new connection by setting a time to chat in order to learn more about the new industry of interest to them (and any other questions that they may have). However, with the current LinkedIn platform, it is not easy and convenient to do so without much back and forth on each other’s availability.
This is a video of me presenting my UX research process and workshop proposal plan to the class and the instructor. See how I answered a thought-provoking challenge question pertaining to team collaboration between different team members from each department towards the end of the video!
A workshop video executed according to the workshop plan proposed in class. The actual execution of the workshop wasn’t required, but I decided to take this on outside of class to have it as a learning experience.
I like that the Crazy 8s Workshop forces me to not be fixated and attached to only 1 or 2 solutions during the entire session. The limited time that I have on each frame (1 minute each) naturally pushes me to the next frame once the 1 minute is up. No matter how good I think an idea is, I move onto the next one without dwelling or perfecting on any specific solution.
This allows me to consider alternatives, to come up with as many different ideas as possible under the time limit, and most importantly, be open minded to different possibilities when quantity is a requirement and not an option.
Taking my learnings from my user research (user interview) and research synthesis (affinity mapping and problem statements), the features to be created are determined, and the following user flows are created and turned into first initial sketches (low-fidelity wireframes).
Here are 4 out of the 7 features:
Even in the early stages of low-fidelity mockups, I was cognizant of creating multiple routes for the user. Should they deviate from the main path, there’s always alternative routes that would lead them back to the main one.
After having decided on the features and flow for each feature, I created low-fidelity wireframes for each feature. They give an overview of the frames included for each flow and where buttons are on each frame (highlighted in red). This shows the general flow of how each frame transitions to the next.
For the mid-fidelity wireframes, I created a grayscale version of all the frames that I drew out in my sketches. These frames all include real content of what would actually appear in the final product with font matching to that which is currently being used on LinkedIn.
I used the column layout for aligning everything. I worked with a 12 column gird with a 15px gutter. (That kept all my frames aligned, but I later realized that it wasn’t scaled to what was actually on LinkedIn’s browser. In other words, my frames were all aligned but they were all blown up – everything was too big. I had to scale everything down to LinkedIn’s sizing later on.)
All the 3 participants were having difficulty with the 1st user flow (the search wireframes) – participants don’t intuitively filter search results by category even though there are filter categories under the search bar.
The Credibility Stats page and what each meter is showing under each heading is difficult to understand for participants – 1st participant asks how the percentage adds up, and the 3rd participant questions what a 100% full meter bar means. The 3rd participant mentioned that if 100% is the maximum and can’t increase from there, then the meter might not be a good representation of someone’s credibility and that the professional might not have the motivation in engaging as much once they hit 100%.
Participant #2 finds it tedious to go back to the profile page every time to check the status of whether or not a mentor has accepted their request to connect yet.
**Note: My instructor also suggested to have the booking system within the LinkedIn messaging dm chat itself because it would make the experience more seamless, hence, I changed all the frames to have it in the chat box instead of where I originally put the booking feature to speak with a mentor (that is, the mentor’s profile page). In the 2nd user testing, I learned from all 5 of my participants that putting it in the profile page where I initially had it would be more understandable and make more sense. It was a hassle changing back all the frames for that feature back to its original placement, but it was a learning experience.**
Mood board created to inspire colour palette for overall project and the visual design of features to be built.
I decided on a colour palette for this project referencing the brand guidelines set out on LinkedIn’s website. Since LinkedIn is currently using a custom font called Community font, I used Inter which comes closest to it.
I also created various detailed design states for when the user interacts with different elements (e.g. buttons, radio buttons, checkboxes, inout form fields, etc).
After the grayscale frames, I created my high-fidelity mockups; adding colours (with reference to the Design Style Guide’s colour palette) to everything in the frames and scaling it to be the same as the actual LinkedIn.
I created various detailed design states for when the user interacts with different elements (e.g. buttons, radio buttons, checkboxes, inout form fields, etc). Prototypes are also created to show the transition between frames. UI animations are implemented to make the overall experience more seamless and realistic.
All the participants find having the “Access (to the mentor’s) Calendar” button inside the LinkedIn messaging chat awkward.
Some of the responses received from participants are:
Analysis and Next Iteration:
Based on the participants’ feedback and their responses, having the calendar button on the profile page would make more sense for users since that is where they expect to find it. Utilizing my previous low/mid-fidelity wireframes as reference, I’m going to put the “Access Calendar” button back into the profile page. (see Final Screens and Features below for more detailed explanation).
Most of the participants are not sure where to check the status of a connection request sent to a mentor.
When asked how to check the status of a connection request, the majority of the participants tried to search for something clickable on the nav bar. I originally nested the check status of request feature under the “My Network” icon, but most participants weren’t able to find it, or were able to find it only after multiple attempts.
Analysis and Next Iteration:
This comes to show that people don’t intuitively click the “My Network” icon on the nav bar when it comes to checking the status of connection requests sent to mentors. Since LinkedIn Mentorship is a new feature being introduced, allowing it to have its own icon/hub with its own respective information nested underneath makes more sense than putting it into an existing feature, and would cause less confusion. Having a dedicated icon for LinkedIn Mentorship also helps distinguish it from general LinkedIn and establishes a branding for itself. (see Final Screens and Features below for more detailed explanation).
Login and Search
After the 1st user testing, I created an onboarding wireframe series with a different entry point to search and even the mentorship system as a whole could be a standalone ecosystem on the LinkedIn platform. This means that when the user logs in, they can enter a portal and go to a designated mentorship dashboard/ecosystem dedicated for users looking for a mentorship-mentee relationship. This would filter out all other users that are using the main LinkedIn search bar for all other general searches (people (but not a mentor), jobs, groups, etc.)
In this ecosystem, users would go into the ecosystem with a very clear idea of what they want to search – mentors. This ecosystem also helps the user to focus on what they set out to search for without their attention being diverted to other unnecessary content in the search results not relevant to what they’re looking for.
Badge of Credibility based on interaction and engagement
Job History and Work Experience Verification System (verified by employer/clients on LinkedIn)
Vetting (Verifying Mentor’s Skills and Credentials) System (Mentees choose skills they want to be mentored in by Verified LinkedIn mentors and send connection request)
Based on users’ responses in the 2nd user testing, they are more likely to search for a way to view all of their requests than to individually search for a specific mentor via search and view the status (i.e. connection requests) on that mentor’s profile page. (Same for bookings/joining meetings as well).
The iteration would include a My Requests tab under the “My Mentors” icon. By selecting that tab, the user is able to see all connection requests they’ve sent and the status of each (either pending or accepted). If the mentor has accepted, a view profile button would appear next to the mentor, prompting the user to visit the mentor’s profile page where they can book a meeting with them to further the connection.
Access to Calendar (mentees can access calendar once they’re connected to the mentor)
After the 2nd user testing, I’ve created a new set of wireframes to help the user enter the profile page through a new “My Mentor” icon on the nav bar. Once the user clicks on the icon, it’ll take them to a page where it has a list of mentors that the user has connected with and all the user’s upcoming/past bookings. By clicking on the “View Profile” button next to a mentor under the list, it’ll take the user to the mentor’s profile page where the “Access Calendar” button is.
The messaging route path for accessing the calendar and joining the meeting won’t be deleted. Rather, it’ll act as a secondary route for accessing these 2 features.
Video Chat System
Integrate a video chat system within LinkedIn’s profile page so that the conversation can easily be done with just a click of a button on the interface
The user can join the video meeting by clicking on “Join Meeting” under the Bookings (includes all the user’s upcoming/past bookings) tab on the sidebar under the “My Mentors” page.
The messaging route path for accessing the calendar and joining the meeting won’t be deleted. Rather, it’ll act as a secondary route for accessing these 2 features.
Group Mentoring Workshops
Redesigning LinkedIn’s profile page interface is challenging as that requires exploring a territory that already has so much established – what other problem(s) still exist for users? Figuring that out was the first step, implementing the solution of a mentorship platform alongside all existing features, and ensuring that they coexist in harmony meant constantly reviewing the feedback from participants.
With today’s competitiveness in the job market, a person new to a career field faces many challenges. Through conversations with participants, this redesigned web application is something they see themselves finding useful and actually using.
Below, I’ve listed a few metrics to consider in the future for this project.
1. Sign-up rate for LinkedIn Mentorship:
2. Engagement Rate of Mentors
3. Conversion Rate of a Mentee Connecting with a Mentor upon Viewing the Mentor’s Profile
4. Conversion Rate of a Mentee Booking a Time to Chat with a Mentor upon Connecting
5. Conversion Rate of a Connected Mentee Booking a Group Mentoring Workshop Hosted by the Mentor