2.9 KiB
3. User Interface Design Goals
Overall UX Vision
The user experience of SYSTEM should feel like interacting with a reliable, slightly mysterious, but ultimately transparent terminal or government console. The design must build trust by visualizing the cryptographic processes (e.g., showing transaction hashes, signed confirmations) without overwhelming the user. The primary goal is clarity and efficiency: a Citizen should always understand what's happening, what is required of them, and trust the integrity of the data presented. The overall aesthetic should lean into the thematic, "dystopian/communistic" vibe in a subtle, engaging way.
Key Interaction Paradigms
- Low-Friction for Common Tasks: Creating a simple "Cell" should be achievable in a few clicks. The interface should be fast and responsive.
- Seamless Signing: The process of signing transactions with the private key should be as unobtrusive as possible, perhaps by "unlocking" a session with the key rather than confirming every single action.
- Visual Trust: The UI should use visual cues to signify the status of data – e.g., a "finalized" transaction looks solid and permanent, while a "pending" transaction (in "Mushroom Mode") might appear hazy or watermarked.
Core Screens and Views
For the MVP, the following core screens are necessary:
- Onboarding/Setup Screen: For the first user to create the "Община" and for new Citizens to join via an invite link.
- Dashboard/Main View: A central hub showing all active "Cells" and "Plans" requiring the user's attention or participation. It should clearly display the user's current financial state (what they owe, what is owed to them).
- "Cell" Detail View: A screen showing all information for a single "Cell": the "Common Good", all "Executors" and "Consumers", payment status for each participant, and the transaction history from "The Main Ledger".
- "Cell" Creation Form: A simple, guided form to create a new "Cell".
- Profile/Keys Management View: A section where a "Citizen" can view their public key and manage their optional "Vault" account.
Accessibility: WCAG AA
The application should strive to meet WCAG 2.1 Level AA compliance to ensure it is usable by people with a wide range of disabilities.
Branding
The branding will be built around the chosen thematic elements of retro-futuristic communism and dystopia. This should be reflected in:
- Terminology: Using "Citizen," "Cell," "Common Good," "Five-Year Plan" consistently throughout the UI.
- Color Palette: A limited, functional color palette, perhaps with one striking accent color (e.g., red).
- Typography: Potentially a monospaced or "terminal-like" font for key data elements to enhance the console feel.
Target Device and Platforms: Web Responsive
The primary platform is a responsive web application that works seamlessly on both desktop and mobile browsers. A mobile-first design approach is recommended.