UX Mocks

These are some mock screen drawings depicting the user experience of onboarding & using the Web Wide Matrix.

1 - Web download page
Downloading the Matrix Browser
2 - Matrix login screen 3 - Matrix login verify screen
Signing-in inside the Matrix Browser
4 - Matrix welcome screen 5 - Matrix welcome screen - screen provider 6 - Matrix ground floor 7 - Service provider info
Choosing a Matrix service provider
8 - Service provider building - choose plan 8.1 - Basic plan info 8.2 - Basic plan setup 8.3 - Basic plan setup done
Entering a service-provider building & choosing a plan
9 - Personal building empty 10 - Content feeds machine empty 10.1 - Choose content feed 10.2 - Choose training course 10.3 - Authorize content feed 11 - Content feeds machine with 1 content feed
Entering your building & setting up a content feed in the feeds machine
12 - Building created for Today's feeds 13 - Today's feeds building info
Entering the building created for today’s feeds
14 - Inside Today's feeds building - level 0 - posts 15 - Inside Today's feeds building - level 0 - zoom on post 16 - Inside Today's feeds building - level 0 - post info 17 - Inside Today's feeds building - level 0 - resident hackers 18 - Inside Today's feeds building - level 1 - articles 19 - Inside Today's feeds building - level 2 - topics
Viewing the raw feed: posts in floor L0, articles in floor L1 & topics in floor L2
20 - Inside Today's feeds building - level 3 - organized space
Viewing the feed as an organized space in floor L3