Giter VIP home page Giter VIP logo

Comments (9)

denis-sharypin avatar denis-sharypin commented on August 15, 2024 2

onboarding 02

To start a discussion, I have a general idea how to implement an onboarding that could satisfy the most of our design principles

We can create screens like that on every new concept or a complicated UX for users. For instance, if a user sends a message to an offline user we show him a 'blue screen of help' saying that Status is a p2p messenger and works differently.

I like this approach because it's flexible and has a simple logic behind. UX flow is like that:

  1. a user is going to make an action that requires SNT;
  2. we are checking was a concept of SNT introduced to the user;
  3. if not, we simply show him a help screen with the description of what SNT is.

Main disadvantages of this modular onboarding are: sometimes a user can see two screens in a row like I had it here #23 or this approach could feel like braking and interrupting main userflows.

from swarms.

andmironov avatar andmironov commented on August 15, 2024 2

I like the idea of the "blue screen of help", it would be easy to integrate it in any flow and i like the idea of it being colourful so that it would contrast with the rest of the UI.

Was also thinking of how are we going to show the second (third, etc.) recommendation if user decides to spit the first notice. Made a screen with "Security checkup" for that, just a quick draft, open for discussion about that.

dd

Also, showing and explaining a certain aspect only when it's relevant, is a great approach, but let's also keep in mind people who want to get the whole picture at once.

from swarms.

mcivor25 avatar mcivor25 commented on August 15, 2024 2

This is looking pretty nice :)

I would consider Gamification during your on-boarding process. Use some gestures and have some fun with it. Clicking accept every time gets repetitive and boring. Add a 'swipe to accept' feature when confirming the passphrase. Makes things memorable :)

Since you are giving 10 ETH credits to learn, why not have this as a 'reward' for completing the tutorial. This would help newcomers to understand Cryptocurrency and your process quicker!

I would agree with your different color background too, white would be super clean and allow for you to customize interactions and animations with the gradient colors on the Status landing page.

from swarms.

annadanchenko avatar annadanchenko commented on August 15, 2024 2

What if we build a separate DApp to put all the educational content in it? This would be a separate piece to be built but outside of the Status app. In the same time "it knows" your address, so if we would add Gamification to it, as @mcivor25 suggested, then it still can be done, so for completing a tutorial user can get some bonus... @andmironov / @flexsurfer would you be interested in designing/building such DApp?

from swarms.

andmironov avatar andmironov commented on August 15, 2024

I guess, after all we might consider using a different background colour not to confuse the "screen of help" with wallet.

from swarms.

flexsurfer avatar flexsurfer commented on August 15, 2024

want to contribute ~20h/w

from swarms.

mcivor25 avatar mcivor25 commented on August 15, 2024

Is this an open offer or you have to work at Status? :)

from swarms.

chadyj avatar chadyj commented on August 15, 2024

Onboarding will be an important part of the upcoming beta release. Currently this is in a preliminary explore phase, and the requirements will evolve as the beta work matures.

This swarm is the collaboration of marketing, product, design, and engineering to ensure that users have a consistent brand and product experience.

I updated the issue description to reflect this.

from swarms.

oskarth avatar oskarth commented on August 15, 2024

Closing in favor of the more high-resolution/texture #80 which completely supersedes this.

from swarms.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.