/
Dash Functional Specification

Dash Functional Specification

Table of Contents

Sub-pages

UX

Latest

Domain Landing

New Dashboard View

Master

Visual

Functionality

Visual

Functionality

Global Specification Updates

 

FIO_Dashboard - Components - 2024 Revised - Style Specs.png

 

Global Assets to Update

  • Header

  • Footer

  • Buttons Style

  • Tiles

  • Ad Tiles

  • Icons & Typography

  • Inputs & Fields

  • Tile Background

  • Color

  • Favicon

  • Email Header

Unauthenticated Header

 

  • Display

    • Cart link

      • Items in Cart

        • Display green dot

        • On click display Cart Page

      • No items in Cart

        • On click display FIO Address Selection Page

    • Create Account link

      • On click display Account Creation Page

    • Log-in link

      • On click display Log-in Page

    • Link to https://fioprotocol.io

Authenticated Header

 

Footer

 

  • Display

    • Privacy link - Display Privacy Policy

    • Terms & Conditions link - Display Terms and Conditions

Generic error

 

  • Generic error is displayed anytime there is an error condition and no specific error has been defined.

  • The error is served in a pop-up overlay over the page which triggered the error, except:

    • If the error occurs on an interstitial page (e.g. spinner page) or any other page where it’s not practical to show error overlay, the user should be first redirected to the Home Page and the overlay should be shown there.

  • Display

    • Try again and X

      • On click

        • Close the error overlay

Google Analytics Tagging

See https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/512131121

Browser & OS Support

  • Browser

    • Chrome

      • Version > 89.0

    • Safari

      • Version > 14.0

  • OS

    • Windows

    • Android

    • iOS

    • Mac

Home Page

Visual

Functionality

Visual

Functionality

Unauthenticated

 

Authenticated

User has no FIO Handles

FIO_Dashboard - 2023 Revised - MetaMask - Dashboard-20240216-194149.png

 

User has at least 1 FIO Handle

 

 

  • Display

    • Success notification

      • Display only the first time when user lands on the Home Page

      • Automatically disappear after 5 seconds

        • Links

          • X

            • On click: Disappear notification.

    • FIO Wallet banner

    • Action Tile

      • Welcome message

        • User has no FIO Handles

          • Title: Welcome!

          • Body: We see you don’t have a FIO Handle, so let’s start there.

        • User has at least 1 FIO Handle

          • First time when user lands on the Home Page

            • Title: Your FIO journey starts here.

            • Body: There’s loads that you can do with FIO, here are just a few things to start with.

          • Not first time when user lands on the Home Page

            • Title: Welcome!

            • Body: Here are a few important actions.

      • Action if user has no FIO Handles (Home Page Only)

      • Actions if user has at least 1 FIO Handle or on FIO Domain List Page or FIO Handle List Page- action items are dynamic based on conditions ans stops once 2 items are determined. (DOM designation means that this action is also considered for display on FIO Domain List Page; FCH designation means that this action is also considered for display on FIO Handle List Page)

        • User does not have an email in their Account (Alternative Account)

          • Item

            • Enter Your Email Address

            • Enter your email address on your settings page in order to receive FIO App notifications.

          • Link

          • Image

        • User has not set-up password recovery

          • Item

            • Set-up Password Recovery

            • If you lose your account information, password recovery is the only way you will be able to restore your account.

          • Link

        • User has expired domains (DOM, FCH)

        • User has no FIO Crypto Handles (DOM, FCH, TOK)

        • User has 1 or more FCH AND never mapped pub addresses (FCH). DEV NOTE: since it may be hard to inspect every single FCH for mappings, we could just have a user profile flag which is set when user uses the Dashboard to map at least 1 pub address and once set, consider user has mapped!

        • User has not set-up PIN

          • Item

            • Set-up PIN

            • Setting up your PIN will allow you to quickly sign in as well as confirm certain transaction types easily.

          • Link

            • Set-up PIN Page

        • User has combined FIO balance of 0 (TOK):

        • User has 1 or more FCH AND no domains (DOM, FCH)

          • Item

            • Get a custom FIO Domain

            • Personalize your FIO Crypto Handle! Get a FIO Domain, which lets you control who can register handles on it. It’s also an NFT which can be traded on NFT exchanges such as Opensea.

          • Link

        • User has FIO Tokens, but is not staking them (TOK)

        • User has 1 or more FIO Domain, but is not signed-up for Affiliate program (DOM, FCH, TOK)

        • User has 1 or more domain (DOM, FCH, TOK)

        • User has 1 or more domain (DOM, FCH)

          • Item

            • Wrap your FIO Domain

            • FIO Domains can now be wrapped (moved to) Polygon NFT and traded on NFT exchanges such as Opensea.

          • Link

        • Any user (DOM, FCH, TOK)

    • Secondary Purple Action Tile

    • FIO 101 - user rotating carousel with the default slide pre-selected based on logic:

      • The user has no FIO Crypto Handles

      • User has 1 or more FCH AND never mapped pub addresses.

         

      • User has 1 or more FCH AND no domains

      • Any user