Versions Compared

Old Version 49

changes.mady.by.user George Worrell

Saved on

compared with

New Version Current

changes.mady.by.user Pawel Mastalerz

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Child pages (Children Display)
alltrue

UX

Latest

Domain Landing

New Dashboard View

Master

Visual

Functionality

Global Specification Updates

Image Added

Global Assets to Update

  • Header

  • Footer

  • Buttons Style

  • Tiles

  • Ad Tiles

  • Icons & Typography

  • Inputs & Fields

  • Tile Background

  • Color

  • Favicon

  • Email Header

Unauthenticated Header

Image Removed
Image Added

  • 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

Image Removed
Image Added

Address
Image Removed
Image Added

  • Display

    • Privacy link - Display Privacy Policy

    • Terms & Conditions link - Display Terms and Conditions

Generic error

Image Removed
Image Added

  • 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

Transaction Processing

Image Removed

  • Displayed for any signed transaction

Google Analytics Tagging

See Analytics

Browser & OS Support

  • Browser

    • Chrome

      • Version > 89.0

    • Safari

      • Version > 14.0

  • OS

    • Windows

    • Android

    • iOS

    • Mac

Home Page

Visual

Functionality

Unauthenticated

Image Added

  • Display

    • FIO

Address Widget

  • Register Domain banner

    • Authenticated

    Image Removed

    • Component

      • Header

        • Display authenticated component header

    • Component

      • Messaging Bar

        • Display messaging bar on even trigger (example: account creation or action needed by the user)

    • Component

      • Title

        • Display content: Dashboard

    • Component

      • Wallets

        • Title

          • Display content: Wallets

        • Display

          • All FIO Wallets associated with user account

            • Wallet name

            • Balance

              • FIO

              • USDC

        • Action

          • Manage Wallets CTA

            • On Click - Take the user to the main wallets view

    • Component

      • FIO Crypto Handles

        • Title

          • Display content: FIO Crypto Handles

        • Display

          • All FIO Crypto Handles associated with user account

            • FIO Crypto Handle

            • Bundles

              • Balance

              • Add Bundles CTA - On click, takes the user to Bundle cart flow

            • Actions

              • Sign NFT - On click, takes the user to the sign NFT view

              • Request Funds - On click, takes the user to the create request flow

              • Link - On click, takes the user to the link FIO Crypto Handle view

              • Settings - On click, takes the user to the FIO Crypto Handle settings view

        • Action

          • Manage Handles CTA

            • On Click - Take the user to the FIO Crypto Handles view

    • Component

      • Get FIO Crypto Handle Tile

        • Content

          • Header

            • Need an Additional FIO Crypto Handle?

          • Subhead

            • Add an FIO Crypto Handle to a custom domain.

        • Link

          • Register FIO Crypto Handle

            • On Click

              • Display FIO Crypto Handle Registration

      • Get FIO Domain Tile

        • Content

          • Header

            • Need another domain?

          • Subhead

            • Want to register a FIO Crypto Handle with a custom domain?

        • Link

          • Register FIO Domain

            • On Click

              • Display FIO Domain Registration

      • Get FIO Tile

        • Content

          • Header

            • Need to Get FIO Tokens?

          • Subhead

            • Get FIO tokens from one of our partners.

        • Link

          • Get Now

            • On Click

              • Display FIO Token Partner Page

    FIO Address Widget

    Image RemovedImage Removed

    • Collect

      • Username

        • X appears when first character is entered

          • When licked it clears the content and disappears

      • Domain

        • Show domains owned by user in any FIO Wallet (sorted alphabetically)

        • Obtain the list from Registration Site API (sorted as returned)

        • Default to first domain in list

    • Validate

      • No validation on this screen

    • Display

      • FIO Address and FIO Domain cost

        • Show FIO price with 2 decimal precision, e.g. 1.23 FIO

        • Show USDC price - see Free FIO Address and USDC Price Computation

        • If user selecting existing domain show FREE (if first address) only FIO Address USDC price (if FREE address already registered or added to cart)

      • Search icon

        • On click display FIO Address Selection Page

      • Domain pull-down

        • Add “Add Custom Domain” item at the end

          • On click

            • Display domain field as entry field

              • Show X - closes the entry field and display original pull-down

    Register Domain banner

    Image RemovedOn click display FIO Domain Selection Page

    Authenticated

    User has no FIO Handles

    FIO_Dashboard - 2023 Revised - MetaMask - Dashboard-20240216-194149.pngImage Added

    User has at least 1 FIO Handle

    Image AddedImage AddedImage AddedImage Added