<aside> <img src="/icons/code_red.svg" alt="/icons/code_red.svg" width="40px" /> Willkommen bei den Richtlinien für die Entwicklung mobiler Apps von Lumi Labs! Dieser Leitfaden ist deine umfassende Ressource für die Entwicklung außergewöhnlicher mobiler Erlebnisse für unsere Nutzer/-innen. Wir behandeln bewährte Praktiken im Bereich UI/UX, Codierungsstandards, Architekturmuster und plattformspezifische Überlegungen, um dir bei der Erstellung intuitiver, leistungsstarker und sicherer Lumi Labs-Apps zu helfen.

</aside>

UI/UX – bewährte Praktiken

• Intuitive Navigation:
  • Verwende klare und konsistente Navigationsmuster (z. B. Tab-Leisten, Hamburger-Menüs), um die Nutzer/-innen mühelos durch die App zu führen.
  • Setze intuitive Gesten (z. B. Streichen, Aufziehen) zur interaktiven Steuerung ein.
• Visuelle Hierarchie:
  • Priorisiere wichtige Informationen und Aktionen durch Größe, Farbe und Platzierung.
  • Stelle sicher, dass die wichtigsten Elemente visuell hervorstechen.
• Responsives Design:
  • Passe das Layout und den Inhalt an verschiedene Bildschirmgrößen und -ausrichtungen an, um eine optimale Darstellung auf allen Geräten zu gewährleisten.
• Zugänglichkeit:
  • Halte dich an die Zugänglichkeitsrichtlinien (z. B. WCAG), damit die App auch für Menschen mit Behinderungen nutzbar ist.
  • Verwende einen ausreichenden Farbkontrast, klare Beschriftungen und alternativen Text für Bilder.

Kodierungsstandards

• Konsistenz:
  • Befolge einen einheitlichen Kodierungsstil (z. B. Namenskonventionen, Einrückung) in der gesamten Codebasis, um die Lesbarkeit und Wartbarkeit zu gewährleisten.
  • Verwende aussagekräftige Variablen- und Funktionsnamen, die deren Zweck widerspiegeln.
• Modularität:
  • Zerlege komplexe Logik in kleinere, wiederverwendbare Module oder Funktionen, um den Code besser zu organisieren und Doppelarbeit zu vermeiden.
• Fehlerbehebung:
  • Implementiere umfassende Mechanismen zur Fehlerbehebung, um unerwartete Situationen souverän zu bewältigen und den Nutzer/-innen informative Rückmeldungen zu geben.
• Dokumentation:
  • Schreibe klare und prägnante Kommentare innerhalb des Codes, um dessen Zweck und Funktionalität zu erklären.
  • Pflege eine aktuelle Dokumentation für die Architektur, die APIs und die Datenmodelle der Anwendung.

Architektur-Muster

• MVVM (Model-View-ViewModel):
  • Empfohlen für mobile Anwendungen von Lumi Labs aufgrund der klaren Trennung von Belangen, der Testbarkeit und der Wartungsfreundlichkeit.
  • Das Model stellt die Daten der Anwendung dar, die View zeigt die Benutzeroberfläche an, und das ViewModel steuert die Logik und die Kommunikation zwischen Model und View.
• Klare Architektur:
  • Erwäge die Übernahme der Prinzipien der klaren Architektur, um die Anwendung weiter zu modularisieren und eine besser wartbare Codebasis zu schaffen.
  • Dieser Ansatz betont die Trennung von Belangen und fördert die Testbarkeit durch die Isolierung der Geschäftslogik von den UI- und Datenschichten.

Plattformspezifische Überlegungen

• iOS (Swift):
  • Nutze die modernen Sprachfunktionen, die Typsicherheit und die Leistungsoptimierungen von Swift.
  • Befolge die Human Interface Guidelines von Apple für ein konsistentes iOS-Erlebnis.
• Android (Kotlin):
  • Nutze die prägnante Syntax von Kotlin, die Nullsicherheit und die Interoperabilität mit Java.
  • Halte dich an die Material-Design-Richtlinien von Google für ein natives Android-Look-and-Feel.

<aside> <img src="/icons/dialogue_red.svg" alt="/icons/dialogue_red.svg" width="40px" /> Häufig gestellte Fragen (FAQs)

</aside>

• Welche Programmiersprache sollte ich für die Entwicklung von mobilen Lumi Labs-Apps verwenden?
  • Wir empfehlen die Verwendung von Swift für die iOS-Entwicklung und Kotlin für die Android-Entwicklung.
• Welches sind die besten Tools zum Debuggen von mobilen Lumi Labs-Apps?
  • Du kannst den Debugger von Xcode für iOS-Apps und den Debugger von Android Studio für Android-Apps verwenden.