Wie man eine Großtasten-Rechner-App für einfache Verwendung erstellt

Entwickeln Sie eine benutzerfreundliche Rechner-App mit großen Tasten und vereinfachten Funktionen, die für Barrierefreiheit und einfache Bedienung für verschiedene Zielgruppen, insbesondere Senioren und Menschen mit Sehbehinderungen oder motorischen Einschränkungen, konzipiert ist.

Create your own plan

Learn2Vibe AI

Online

What do you want to build?

Produktanforderungsdokument (PRD)

Ziele

Erstellen Sie eine Rechner-App mit großen, leicht lesbaren Tasten
Implementieren Sie grundlegende Rechenoperationen mit einer vereinfachten Benutzeroberfläche
Stellen Sie eine hohe Barrierefreiheit und Benutzerfreundlichkeit für Nutzer mit unterschiedlichen Fähigkeiten sicher
Bieten Sie ein sauberes, aufgeräumtes Design für eine einfache Navigation

Zielgruppe

Senioren
Nutzer mit Sehbehinderungen
Personen mit eingeschränkter Feinmotorik
Jeder, der eine vereinfachte, leicht zu bedienende Rechner-Oberfläche bevorzugt

Hauptfunktionen

Große, kontrastreiche Tasten für einfache Sichtbarkeit und Bedienung
Grundrechenarten (Addition, Subtraktion, Multiplikation, Division)
Klare, gut lesbare Schrift für Zahlen und Symbole
Einfaches Layout mit nur den wichtigsten Funktionen
Hoher Farbkontrast für bessere Lesbarkeit
Optionale Sprachausgabe für Tastatureingaben und Ergebnisse

Nutzergeschichten

Als älterer Nutzer möchte ich die Rechentasten einfach lesen und drücken können, damit ich Berechnungen ohne Anstrengung der Augen oder Finger durchführen kann.
Als Nutzer mit Sehbehinderung möchte ich hohen Kontrast und große Zahlen, damit ich Eingaben und Berechnungen genau ablesen kann.
Als jemand mit eingeschränkter Geschicklichkeit möchte ich weit auseinanderliegende, große Tasten, damit ich versehentliches Drücken der falschen Tasten vermeide.
Als gelegentlicher Nutzer möchte ich eine einfache Oberfläche mit nur den wichtigsten Funktionen, damit ich schnell grundlegende Berechnungen ohne Verwirrung durchführen kann.

Technische Spezifikationen

Empfohlener Stack

Framework: React Native (für plattformübergreifende Entwicklung)
UI-Bibliothek: React Native Elements (für anpassbare, barrierefreie Komponenten)
Zustandsverwaltung: React Context API (für einfache Zustandsverwaltung)
Barrierefreiheit: React Native Accessibility API
Testen: Jest und React Native Testing Library

Technische Hauptentscheidungen

Verwenden Sie React Native für plattformübergreifende Kompatibilität und Wiederverwendbarkeit des Codes.
Implementieren Sie benutzerdefinierte Tastaturkomponenten mit großen Touchflächen und hohem Kontrast.
Nutzen Sie die Accessibility-API von React Native, um die Kompatibilität mit Bildschirmlesehilfen und eine verbesserte Benutzerfreundlichkeit sicherzustellen.
Setzen Sie eine einfache Zustandsverwaltung mit der React Context API für die Rechnerlogik ein.
Implementieren Sie ein responsives Design, um eine ordnungsgemäße Skalierung auf verschiedenen Gerätegrößen zu gewährleisten.
Verwenden Sie Vektorsymbole für eine scharfe Darstellung in jeder Größe.
Integrieren Sie haptisches Feedback für Tastatureingaben (sofern unterstützt).
Implementieren Sie eine optionale Sprachausgabe für die Ausgabe der Ergebnisse.

Dateistruktur

/src
  /components
    Button.js           # Benutzerdefinierte Großtastkomponente
    Display.js          # Rechner-Anzeigekomponente
    Keypad.js           # Rasteranordnung für Rechnertasten
  /contexts
    CalculatorContext.js # Zustandsverwaltung für den Rechner
  /screens
    MainScreen.js       # Hauptrechner-Bildschirm
  /utils
    calculations.js     # Logik für die Rechenoperationen
    accessibility.js    # Hilfsfunktionen für Barrierefreiheitsfunktionen
  /styles
    theme.js            # Globale Stile und Theming
  App.js                # Stamm-Komponente
/assets
  /fonts                # Benutzerdefinierte Schriften für bessere Lesbarkeit
  /icons                # Vektorsymbole für die Tasten
/tests
  Button.test.js
  calculations.test.js
  MainScreen.test.js
/docs
  accessibility.md      # Dokumentation zu Barrierefreiheitsfunktionen
  user-guide.md         # Einfache Bedienungsanleitung für die App

Diese Dateistruktur organisiert die App in logische Komponenten, trennt die Geschäftslogik von der Benutzeroberfläche und enthält die erforderlichen Assets und Dokumentationen für eine barrierefreie Großtasten-Rechner-App.