A semester-long assignment in which I had to create an onboarding experience that helps users become familiar and productive with the product - Lucidchart - in no time. I also had to learn to problem-frame and problem-solve simultaneously.
Lucidchart is a web-based proprietary platform that allows users to collaborate on drawing, revising and sharing charts and diagrams.
How we defined on-boarding
Click through Analysis
Quantitative Data Analysis
User Interviews & Observations
Research Methods Used.
"From my initial interactions with Lucidchart, I gathered that they wanted to make their diagramming software a tool eanybody can use - not just enterprises, but even students. Anyone and everyone is a potential Lucidchart user."
“Drag and drop is so different from the command of other diagramming software. I almost clicked on the shapes every time”
“The landing page gave me the impression that it is very enterprise oriented and not suited for small startups or individuals.”
Design Studio Owner
From our Insights came our Design Principles
Users' first impression of Lucidchart was that it is heavily focused on enterprise customers.
During the interview, we observed 4 out of 6 users skip the tutorial.
Basic features not intuitive
Features that users thought would be easy ended up feeling too ‘unnatural’.
Insights from Research
With the Design Principles in hand, I went into the concept-generation phase.
Real-time Tutorial Suggestions
Features of Proposed Concept
This feature would suggest tutorials real-time/as and when any feature/tool is being used.
Current tutorials are intrusive.
Makes the ‘figuring out’ factor almost cease to exist for a novice user.
Not obtrusive - placed in the bottom right corner.
It can be disabled at any time.
It helps in idea generation since it shows all possible ‘next steps’.
Enables faster accustomization for new users.
MVP #1 Test Description
Gave users pre-made diagram to recreate.
Used post-it notes to simulate the tutorial box.
A team member acted as the tutorial system.
Timed how long it took users to complete the diagram.
Took notes/made observations.
MVP Test Participant Quotes.
MVP #1 Results
Faster Completion Times
Users who received the aid of the Minimum Viable Prototype while completing the assigned task as part of the test finished considerably faster than the users who received no aid.
More Fulfilling First Diagramming Experience
Users who received the aid of the MVP felt more confident in being better at attempting a similar diagram than users who did not receive the aid.