User flow uncovering. Coda

FlowMapp
Notes
Published in
2 min readFeb 1, 2022

No time to explain. In this series of articles, I do a quick review of websites where we’ll discuss three flowchart aspects such as onboarding, killer features and dark patterns. Today we are going to focus on Coda. Giddy up!

#1 — Onboarding

This video was made by pageflows.com and shows you a full process in details

What’s good?
Up front it’s one of the most creative landings I’ve ever seen. This is where you understand that catchy copyright and speaking images is all you need. I also like the way the onboarding steps are adjusted to you as a result of the survey and pops up in the form of a task list.

What I’ve learned?

  • Get some smart ideas for your first screens

User flow

OPEN WITH FLOWMAPP

#2 — Creating a workspace

This video was made by pageflows.com and shows you a full process in details

What’s good?
The templates are new black, the working tempo is up to 160 BPM now and getting faster. The developers provided us with a collection of patterns to save our time, so you can easily get a bunch of samples and go back for your ride. I do like how Coda organized their workspaces and of course the diversity of templates is superb.

What I’ve learned?

  • Coda’s gallery is one of my best places for getting inspiration and mastering new skills
  • Just have a look at their UI/UX Starter Kit for example

User flow

OPEN WITH FLOWMAPP

#3 — Creating a doc

This video was made by pageflows.com and shows you a full process in details

What’s good?
In one of my previous articles I wrote about the Dropbox Papers blowing in where they presented a brand new standard of word processing and Coda makes it with the same or even better results. We have a similar idea for our FlowMapp 2.0 approach which you will see soon.

What I’ve learned?

  • Consistency is key. Again
  • Use feasible and well-known patterns

User flow

OPEN WITH FLOWMAPP

Outro

Coda’s design team is awesome. I do like the fact that they involve new users into Coda, cherish their values and work with zeal. Coda’s gallery has become one of the most frequently visited places to get my Digest inspiration and one of my ultimately beloved places all over the Internet.

--

--

FlowMapp
Notes
Editor for

Design exceptional UX for beautiful websites and products with online collaborative tools