Create Low-Mid Fidelity Mockups for Relay Gamification Portal
These are wireframes that simulate the Tor Relay Gamification Portal. This portal will be an independent site.
Files
1st Iteration: Figma File: Relay_Portal_Mockup.fig
2nd Iteration: Figma File: Relay_Portal_Mockup_v2_MVP.fig
3rd Iteration (Latest version): Figma File: Relay_Portal_Mockup_v3.fig
Figma links (for direct access without a Figma account, temporary)
1st iteration: https://www.figma.com/file/qG8bSlZfL3PVyQFuuAbI1D/Relay-Portal-Mockup
2nd iteration: https://www.figma.com/file/aQdKK8BdMs4NQr0ClAwy8Y/Relay-Portal-Mockup-v2-MVP
3rd iteration (Latest version): https://www.figma.com/file/aS3HqchXavygL7ikmSoISt/Relay-Portal-Mockup-v3
Pages to Design:
- Home
- About
- Sign Up / Sign In
- Rewards and Badges info page
- Donate to Relay / Organization
- 404 Page Not Found
- Relay Operator Public Profile
- Relay Organization Public Profile
- ISP Public Profile
- Relay Health Bar
Activity
added UX label
assigned to @miko
marked this issue as related to #26 (closed)
added Next label
marked this issue as related to #41 (closed)
mentioned in issue #41 (closed)
mentioned in issue #39 (closed)
Update:
Removed the following pages:
- Relay Operator Private Profile
- Relay Organization Private Profile
- ISP Private Profile
Removed these pages on account of: no specific features discussed in the current scope that would require a second page. These can be duplicated with Edit buttons to enable people who are signed in to edit their profiles.
Also, editing profiles requires the Tor Project to run some CoC checks. In the future I would recommend adding a "changes submitted for review" prompt (and possibly automate this process.) every time a relay operator / organization / ISP edits their profile.
As it is mentioned in #26 (closed) these mockups are suggestions and subject to any amount of change per Tor Project's policies, and feasibility.
@gaba what do you think?
-
Update:
Added a Relays Health Bar page to implement health bars/progress bars
Goals for the Relays Health Bar implementation:
- Getting Relay Operators to fix urgent or semi-urgent issues with their relays
- Showing a positive health status if the relays are otherwise set up correctly and working without security issues.
To determine what factors will influence the health bar:
Q: What constitutes a "healthy" relay versus a "frail" relay? (badges #38 (closed) will be awarded likewise.)
Solution: We can refer to #39 (closed) and borrow the following values (highlighted in red here https://docs.google.com/spreadsheets/d/1WU6ojWd-acpSXSj8JFJo1PMyB68d46ZK/edit?pli=1#gid=1400054447)
- no nickname for the relay (minus 20% health)
- Tor version outdated (minus 20% health)
- Uptime over one year (minus 20% health)
- Contact info not set (minus 20% health)
- Overcrowded AS (minus 20% health)
Fixing all of the above should grant relays 100% health and swap out the "Frail Onion" (unhealthy relay) badge to the "Crisp Onion" badge (healthy relay) [ref: #38 (closed) ]
-
-
(Fixed the first iteration's Figma link, a typo had broken the link)
-
Removed all Figma links as they were associated with my personal Figma account. Replaced with Figma files.
Edited by miko -