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."

User Types.
Interview Quotes.

“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.”

Graduate Student

Design Studio Owner


From our Insights came our Design Principles

Enterprise focused

Users' first impression of Lucidchart was that it is heavily focused on enterprise customers.

Skipped tutorials

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


Idea Generation

With the Design Principles in hand, I went into the concept-generation phase.

Final Concept

Real-time Tutorial Suggestions


Group 6.png
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.

Feature Flow
Design Rationale
  1. Not obtrusive - placed in the bottom right corner.

  2. It can be disabled at any time.

  3. It helps in idea generation since it shows all possible ‘next steps’.

  4. 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.

“I like that I can disable it anytime.”

User 1 (received aid of MVP)

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.

Future Plans
  • Black Instagram Icon
  • dribbble-logo

©2019 by Vignesh Kannan.