search

planetary-social / nos

nos.social social media for all of us, using nostr
https://nos.social
Mozilla Public License 2.0
120 stars 14 forks source link

[Design] Create a phase 1 onboarding workflow #1537

Open setch-l opened 1 week ago

setch-l commented 1 week ago

We did a card sorting exercise to determine what was the most important things new users to Nostr wanted to understand / learn during onboarding. Based on the feedback and our product trio exercises, put together some sketches for a basic onboarding for users.

Reference the frames in this Miro: https://miro.com/app/board/uXjVNyrg4Kk=/ Public / private key text: https://www.notion.so/nossocial/Public-Private-Key-Explainer-Text-10a7c4703da0804c878ec90b33f5366c?pvs=4

Create a sketch using the fewest number of steps from the miro board workflows. Share it with the product trio Make updates Share at design review Updates Final comps

Chardot commented 4 hours ago

Wireframes

Here's a link to the 3 revisions of the onboarding flow wireframes. Image

Visual Design

I applied visual design to the third revision, and here's a link to it on Figma. Image

Prototype

This is the link to the clickable prototype of the new onbaording flow. Image