Bridgit: Case Study
From Alpha To Better
Bridgit is a Chrome extension in its Alpha stage.
It allows everyone to collect content from various web pages and connect them together.
This action is called “bridging”.
It allows everyone to collect content from various web pages and connect them together.
This action is called “bridging”.
Project Goals
Design a prototype for an online tool in its Alpha stage so users can “bridge” specific online content (video, Text, and Images) and then bridge them to other content on other web pages.
WHat’s Bridgit?
It allows everyone to collect content from various web pages and connect them together.
This action is called “bridging”.
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Project Goals
Design a prototype for Bridgit in its Alpha stage so users can “bridge” specific online content (video, Text, and Images) and then bridge them to other content on other web pages.
Problem
Almost everyone uses the internet to watch video, but no one can easily create links from specified ranges of video timelines to other videos or other media. In addition to the challenge of navigating a ton of content, ads and pop-ups also add noise to the system, which creates a chaotic and disorganized experience. A tool that cuts through this clutter and allows users to create connections between snippets of video and also to other media would help them to consume content in useful and meaningful ways.
It takes a lot of time to search for free resources of quality.
It’s expensive to explore different career paths or interests.
Knowing the quality of a videos contents can be difficult.
Saving courses from multiple sites can be hard to keep track of.
Solutions
Design a tool that enables users to create meaningful and useful connections between multiple content including video to video, text to video, images to video and more. This will empower users with the ability to organize their interests in a way that hasn’t been possible yet. Users will be able to easily curate valuable content that will help them to learn new skills, follow current and relevant topics, organize academic research, and help them complete tasks. And design a automation feature that allows users to simply click on a play button that will automate the content within a bridge.
Create a site that collects courses and tutorials from other sites.
Let the users decide why they are wanting to learn material and then proved them with suggestions.
Show reviews for instructors and courses.
Design Process
Formative research
Competitive research
Comparative research
5-6 iterations over 3 weeks
From research to interactive prototype
Design Role
User Survey
Interviews
Personas
Competitive Analysis
Comparative Analysis
User Testing
UX Design
Visual Design
Paper Prototype/mockups
Wireframes
On-boarding
Prototype
Listening to our users created the best results
Global User Research
User Interviews
We were thorough in working with our users and didn’t waste time diving right in to research and implementing extensive user interviews and user testing in the US, Europe and Asia for a comprehensive user-centered design.
User Pains With Bridgit
It takes a lot of time to search for free resources of quality.
It’s expensive to explore different career paths or interests.
Knowing the quality of a videos contents can be difficult.
Saving courses from multiple sites can be hard to keep track of.
Solutions
Create a site that collects courses and tutorials from other sites.
Let the users decide why they are wanting to learn material and then proved them with suggestions.
Show reviews for instructors and courses.
Usability Testing With Initial Product
Pains Encountered During Users First Interactions with Bridgit
Confusion with Verbiage
Users wanted clarity on verbiage (e.g. ideas, bridging, ect)
Iteration
Exchanged previous verbiage such as: ‘content, selecting, begin bridge, Bridge It’ to better understand connecting content
Difficulties with Product
Unsure of how to interact with the product or its purpose
Iteration
On-boarding was developed to show the value in bridging and how to navigate the tool efficiently.
Difficulties with UI
UI blocked users view of page content and no password recovery
Iteration
Redesign & moved UI to side panel, improving user engagement with clear affordances and provided password recovery
Time to play with the muses
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Number of Testers:
7 local participants and 5 remote participants
User Task:
Bridge a segment of video content to text
Difficulties with Product
Users felt the UI needed refinement in terms of font size, padding, etc
Iteration
Adjusted font sizing, increased lead space and padding, and more to contribute to visual aesthetics
Difficulties with Product
Users felt confused with the ‘+ add’ icon in ‘selections’ screen
Iteration
Removed icon but kept a notification that more bridges may be added if desired. Used dots to show bridge connection instead
“”I hated Bridgit before, now that it’s so easy to use I will do my research with it ASAP. I’ll be telling my friends about it.”
“
[pap_portfolio]
