Skip to content

Onboarding content updates 12.2021 #265

@ta-lind

Description

@ta-lind

Follow-up to: #246; #247; #248; #261

Preview + svgs: https://www.figma.com/file/dEqHmYVc2uawBfdOkmKyUi/UX-Onboarding-Storyboards?node-id=714%3A401
decred - onboarding content - 1221.zip

I'm consolidating the recent work on the onboarding content to this issue for coordination. Initially we aimed to create simple and short animated slides for each of these since motion goes a much longer way on helping to communicate these concepts.

However the motion part isn't delivered (at least no during this proposal period I guess). Since we've got some quite decent concepts worked out along side most of the visual assets, we've shifted the work into just solving this content with static images for the time being. These did require some workarounds to make better sense of, so myself and Jani are still wrapping up the last items.

Regarding implementation @bgptr I think the https://react-spring.io/hooks/use-transition#toggle-between-components you suggested should work quite well.

  1. I've marked the slides which would contain several images looping in the artboards as "slide1-1" "slide1-2" etc. I'm not sure how well looping more than 2-3 imgs would work, as that's the case for some of the ticket lifecycle ones, so will try to shorten them to 3 imgs where possible or break into several slides.
  2. The image dimensions are 580x400(2x) px - this probably differs from the placeholder img from the past UI specs which had a square ratio.
  3. Planning to still create thumbnail images which are square for each one.
  4. Ticket lifecycle + consensus voting will be added next.

Regarding the copy I would appreciate any help on validating and writing – @jzbz @xaur
I've added the recent versions to Figma. This is mostly with draft or existing copy, as well some with just references on what they would be about. Ideally the copy can contain links to docs or relevant source for further reading as well.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions