General Assembly. Project 3. Add a feature to an existing product: LinkedIn

Sara Michelazzo
Student life at General Assembly UXDi
5 min readMar 8, 2015

--

TOPICS: Research, Ideation, Prototyping, Usability Testing

BRIEF

LinkedIn wants to boost its “Groups” feature by adding collaboration and task management for companies and co-workers.

CHALLENGES

Identified where in the app this feature was to be introduced and developed an understanding of how users manage networking contacts both in the physical and digital manner.

COMPETITIVE ANALYSIS & RESEARCH

This involved analyzing existing contact management networking systems, collaboration and task management tools. Research involved understanding the function of LinkedIn Groups, in particular users participating in an existing group and creating a new group.

Contact management networking tools analyzed: Behance, Dribble, The Loop, Google Plus, Facebook.
Collaboration and task management tools analyzed: Basecamp, Skype, Google Drive, Dropbox, Microsoft Projects, Do.com, Trello, GA Community, Facebook, To do list.

Competitive Analysis and Design Inspiration

USER RESEARCH & SURVEY

User research involved understanding the target for the new feature, creating an ad hoc survey to understand how LinkedIn group is perceived and how people go about contact management networking and collaboration tools. The survey was completed by 14 people currently living in Sydney.

Key findings:
79% of people use a desktop or a laptop to access LinkedIn. This is why I have worked on a desktop version.
86% of people have used a collaboration and task management tool, but only 6% used a full features one like Basecamp. 73% use “one feature” tools like Google Drive, Dropbox and Skype.

Solution:
Develop a desktop prototype with basic features like file sharing and chat to cover more than 70% of peoples needs.

Survey results

PERSONAS, SCENARIOS & USER JOURNEY

3 personas were built for this project. 1 primary persona: Annah, and 3 secondary personas: her classmates, Linda and Bill and their teacher, Tina. The main scenario was Annah creating a new group with her classmates to complete a project from school. The classmates were able to share files, chat and set a shared calendar. Tina, the teacher was added to the chat later to check their work. This user journey really helped me to set up the list of features.

Main features:

  • collaboration group connected to messages and notifications (accessible from mobile), chat
  • file sharing
  • downloading single files and also all the materials at once
  • shared to do list
  • add a user to the group later on
  • put a project on freeze
Personas, Storyboard and user journeys

“HOW TO INTRODUCE THE FEATURE TO THE GROUP”

Meet the brand vision:
The mission of LinkedIn is to connect the world’s professionals to enable them to be more productive and successful. LinkedIn “collaboration groups” meets this goal by keeping teams organized and efficient and allows them to share information effectively.
There are many collaboration and management task tools out there. Why should they choose LinkedIn? The answer is in the opportunity to share work in progress easily with other world professionals in order to be more successful.

Introduce the group feature:
To understand where to introduce the new feature I have mapped the LinkedIn website and analyzed the navigation system. The goal was to use, when possible, the existing features and the current design patterns.

Key finding:
The new feature could be introduced into the current Group section. The new features could be connected to the existing features: messages, notifications and profile pages. The collaboration group could have a similar structure to that of the communication group. Both share these areas: discussion, search, members, manage (shown only for group owner) and the collaboration group would have file sharing, calendar and to do list instead of promotion and jobs.

Fit in the brand and in the product

SKETCHING & PROTOTYPING

Identify the main LinkedIn pages involved in merging the new feature with the existing one, using LinkedIn design patterns to keep consistency (i.e. Adding a new member to a group is taken from the ‘add project feature’ in the profile page).
New patterns are provided only for the new features: file sharing, calendar and to do list.

Sketches: create group, collaborate group home, file sharing, calendar, to do list, members, invite message to a group, profile page.

Link to prototype in Axure: http://xdhqac.axshare.com/

Sketches to prototypes

USABILITY TESTING

A high fidelity prototype with full features was built in Axure in order to test every interaction that a user does to open a communication group and share files and updates. A script was prepared for usability interviews and 6 people were asked to complete the tasks above on a laptop sharing their thoughts.

Pain points (troubleshooting):

  • Find the entry point to groups
  • Distinguish between communication and collaboration group
  • Unnecessary fields in the “create new group page”
  • Hero image too big inside “new group” home page
Usability testing

ITERATION & PROTOTYPE

Data and thoughts from usability testing were collected and analyzed in order to understand shared pain points. The first design was improved and a second prototype was built.

Link to Axure prototype: http://xdhqac.axshare.com/#p=home

Prototype in Axure

RESULT

The process helped to understand where in the website the user would expect to find this feature.

To investigate:

  • The new design
  • Testing labels, I have tested communication groups and collaboration groups but introducing the label “team” could help uses to identify better the type of group.

Desirable features for the future:

  • Add the work in progress feature in the edit profile page to provide to users an easy way to share the result of their team work
  • Add an info graphic that shows how many people the user has worked with and what their backgrounds are. This would help the user to communicate their team’s skills more effectively.

--

--

Sara Michelazzo
Student life at General Assembly UXDi

Serial thinker, compulsive sketcher, tireless learner, screenshots collector. UX Designer at SafetyCulture_