In 2020, ex-FB exec Chamath Palihapitiya shared his secret for growing Facebook to its first billion users. He had a laser focus on only 3 goals: getting users in the door, getting users to experience core value as fast as possible, and delivering core value as often as possible.
We wanted to see if we could apply these principles at Arctype and recreate the magic that Chamath engineered at Facebook. So last month we focused on the second goal, getting users to experience core value, and we saw some impressive results.
At Arctype, we’re building a SQL editor to help our users collaborate on database management and analytics. One of our core metrics is the percentage of our users who have run a query. After going through the process below, we were able to improve this metric by close to 2X. Here were the 3 steps we followed:
Read along to learn how to apply these same steps to have more successful onboardings in your own product.
To improve our new user experience, we had to understand how new users were currently using Arctype. We used to answer these questions by running queries and creating charts. This process was time-intensive and often led to duplicate work from someone unknowingly re-creating an existing query. To solve this we decided to create a dashboard focused on user onboarding. We saw three main benefits for creating a dashboard:
The next step was deciding what to include in the dashboard.
We wanted this dashboard to provide a picture of what users were doing leading up to running their first query. When creating a dashboard focused on a user journey these are the rules we apply:
You’ll find that everything is grouped in threes as an ode to the law of 3s. We’ve found putting more than 3 similar objects actually makes dashboards more difficult to understand.
After we learned that 50% of our users weren’t linking a database, we prioritized conducting user research in the next sprint to learn how we could improve the database connection experience. In order to do this, we began interviewing new users and observing them as they explored the app to learn more about where they were dropping off. After doing 20 user interviews, we developed some best practices.
After you’ve finished collecting user feedback from your interviews, you will have a wealth of data, but it will be unorganized and indigestible. The end goal of conducting this user research is ultimately identifying actionable insights that can be turned into development tickets for the engineering team.
One tool that we commonly use at Arctype is affinity mapping. Through this process, we’re able to quickly group together insights and bubble up themes, and develop a sense of what’s most important. Affinity mapping is usually completed in groups, but with zoom fatigue, we’ve been trying to do more activities asynchronously. To run an effective asynchronous affinity mapping process, we borrowed some tips from the map-reduce model of distributed computing. Here’s what we learned.
After going through this process with our own user research, we had seven major groupings appear that could be categorized into either Product or Design insights. Product insights relate to building the right product, and it can include things like identifying a target user, refining your core value, etc. Design insights make sure your users can use the product. This can be things like navigation, information hierarchy, etc. For a quick primer on UI design principles, we highly recommend Don Norman’s 6 principles.
The original problem we wanted to solve was increasing the percentage of users who connect a database. Going through this process allowed us to review our database connection experience with fresh eyes, and we discovered a lot of things to be improved. A key finding for us is that we have two different types of users: those who already have a database and those who don’t. These two personas had different problems, but we were not fully solving them for either. In the next section, I discuss how we took these insights to design a new user experience.
A problem that spanned across both user personas is that our existing database connection screen was “overwhelming” for new users. At Arctype we want to create the simplest tool for a developer to go from a database to queries, so we knew we had to fix this. The database connection screen is the first screen that any new user sees, and we immediately throw a lot of information at them. Multiple groupings of buttons (Gestalt), 20+ CTAs drawing your attention, etc. In order to streamline the entire process, we decided to introduce a paginated onboarding experience.
A dedicated onboarding experience would allow us to guide users through the database connection flow, and it would also enable displaying different screens depending on which user persona they fall into.
These are my tips for when you’re at a resource-constrained startup and want to move fast on designing a new experience:
By the end of the week, we had created an activation dashboard, conducted user research, synthesized insights, and designed a new onboarding flow. We had a review with the engineering team, and then it was time for implementation!
It’s always important to measure the success of your efforts. This is a great time to pull back up that Arctype activation dashboard you made at the beginning and review how your metrics have changed. We just launched our new onboarding flow, and we want to hear what you all think! Download Arctype here and let us know how we can continue improving our experience. We’re excited to continue working together to create the best SQL client for developers.
Источник: DZone Web Dev
design analytics product user experience onboarding
If it bugs you, save screenshots
Unlabeled Icons: Sacrificing Usability for Aesthetics
Разработка • DZone Web Dev • 20 апреля 2021 г. 18:56
Introduction The world of web development has changed rapidly. Over the last fifteen years, web pages have evolved from simple HTML text to multimedia interactive experiences, elevating web development to art. That’s like a civilization going from st...... читать далее
java javascript seo development react rendering vue googlebotДизайн • UX Planet • 20 апреля 2021 г. 13:51
In this case study, I am going to innovate with the design process and unravel my decisions and thinking for a better understanding of my motivations.The story that led to InnovationA doctor in a medical hospital was taking a break and sipping coffee...... читать далее
ux-research ux-writing ux-strategy figma ux-designДизайн • UX Planet • 20 апреля 2021 г. 13:51
LeadMarket Mobile App Redesign — UI/UX Case StudyWhat is Lead Market?LeadMarket is India’s Largest Marketplace of pre-qualified leads for Insurance, Mutual Funds, Loans, Real Estate and Stocks. The customer can enjoy the option to buy and manage the...... читать далее
case-study ui-design médium user-experience ux-designДизайн • UX Planet • 20 апреля 2021 г. 13:18
User scenario is a key element on way of UX designer thinking. For design process, at least one time, user scenarios are thought to create empathy and take an action based on user needs by defining what/why users do and the context in which design is...... читать далее
context ux scenario services empathySEO • Yoast.com • 20 апреля 2021 г. 12:23
The web, and our online habits with it, are never at a standstill. One result of our fast-paced online behavior is that we scroll through our social media channels like nobody’s business. Or without having our full attention on it. Most of the...... читать далее
Facebook Image SEO Instagram Pinterest Twitter