Skip to content
This repository has been archived by the owner on Oct 11, 2020. It is now read-only.

App Interactions

Aviv Eyal edited this page Oct 8, 2018 · 6 revisions

Overview

The App includes a view that enables the user to access all main app components. Currently Wallet and Dashboard.

Desktop Design Concept

Mobile Design Concept

Visual Components

Note that while the visual layout is different between mobile and desktop class screens - they share the same elements and commands. For example, on desktop the menu is always visible on the left while in mobile users tap the top bar to access it. The idea is to provide the same functionality in a design optimized for the device and the screen size.

Top Bar

The top bar is consistent across all app screens. Click / tap on mobile displays the app's menu which provide access to all app features (wallet, dashboard, dapps, etc...). On desktop the menu is always visible on the left-side.

Help button

Clicking on it should display help for the currently displayed screen and the Top Bar commands

Network Identity & Status

  • Includes display of the current network name. e.g. Spacemesh Mainnet or Spacemesh TestNet 1
  • Includes display of the current network connection status (to a local Spacemesh Node or to a Spacemesh remote network gateway) - this is the green circle in the mock
  • Clicking anywhere on this area should allow the user to switch between Spacemesh networks, e.g. mainent, testnet1, testnet2

Main Menu

Commands

  • Accounts - Click to display main account or accounts selection screen when user created more than one account in his wallet
  • Home - Click to display app home screen Provides easy access to the App Home (this screen) from any screen
  • Wallets - Click to display the Spacemesh Wallet main screen or the wallets selection screen when the user created more than one wallet.
  • Dashboard - Click to display the Spacemesh dashboard for a locally running node or for the mainnet via a proxy
  • Networks - Click to display list of available Spacemesh networks
  • Settings - Clicking should display the app general settings screen
  • Log out - Log out from user's current opened wallet.