Ein detailliertes Konzept vor der App-Entwicklung

Wireframes für App-Entwicklung

Eine App ist eine Problemlösung. Bevor Sie mit der App-Entwicklung starten, empfehlen wir bei der Beschreibung der App die Durchführbarkeit Ihrer Idee nach den folgenden Kategorien zu überprüfen.

  • An welches Problem richtet sich die App im Einzelnen?
  • Was sind die einzigartigen Aspekte dieses Problems, auf die Ihre App antwortet?
  • Inwiefern ähnelt diese Applikation den bereits auf dem Markt existierenden Apps?
  • Wie sollte sich eine solche App von den Anwendungen anderer Kategorien unterscheiden?
  • Warum haben Sie sich entschieden, eine solche App entwickeln zu lassen? Wofür?
  • Gibt es ein Bedarf für eine solche Idee bzw. Problemlösung oder ist es eine zufällige Idee?

1. Skizzieren der App-Idee

Skizzieren Sie Ihre App-Idee mit Stift und Papier. Sie definieren, wie Ihre App funktioniert und was ihre Funktionen sind. Verbringen Sie ein paar Stunden bis ein paar Tage damit, Ihre App zu entwerfen.

Überlegen Sie auch, welche Funktionen ein “must have” sind und welche ein “nice to have”. Wenn am Anfang die App auf die grundlegenden Funktionen beschränkt wird, ist man schneller am Start, spart Entwicklungskosten und ist widerstandsfähiger gegen Rückschläge. Stichwort: MVP oder MAP

2. Marktforschung vor App-Entwicklung durchführen

Bevor Sie mit der App-Entwicklung starten, sollten Sie wissen, ob Ihre App-Idee realisierbar ist. Stellen Sie sich wiederholt konkrete Fragen wie:

  • Welches sind alternative Apps und Konkurrenten auf dem Markt?
  • Was wollen potenzielle Kunden? Was sind ihre Bedürfnisse und Wünsche?
  • Wieviel sollte ich für meine App verlangen? Was ist ein gutes Geschäftsmodell?

3. Schema (Wireframes und/oder Mockups) der Anwendung erstellen

Ein Wireframe ist ein visuelles Minikonzept der zukünftigen App. Es hilft zu verstehen, wie die App funktionieren wird. In einem Wireframe sollte jeder Bildschirminhalt, auch “Screen” genannt, der App abgebildet sein. Die verschiedenen Screens der App sind mit Pfeilen miteinander verbunden, so dass das Bedienungskonzept einfach nachvollziehbar ist. Die Wireframes sind das Skelett der mobilen Anwendung oder der Algorithmus ihrer Problemlösung.

Anhand der Minikonzepte werden dann Mockups erstellt. Ein Mockup ist eine mittlere bis hochauflösende, statische Darstellung des Designs. In einem Mockup sollte ganz klar definiert sein, welche UI-Elemente (wie Buttons, Listen, Eingabefelder) auf den einzelnen Screens vorhanden sind und wie sie angeordnet sein sollen. Ein Mockup ist aber nicht immer notwendig. Handelt es sich um eine einfache App und im Wireframe sind alle Einzelheiten enthalten, entfällt die Notwendigkeit der Mockups. 

Weitere Infos zu Wireframes und Mockups finden Sie hier.

4. Erstellen von Konzept bzw. Pflichtenheft

Mithilfe der Wireframes bzw. den Mockups erstellen Sie nun das Konzept der App. Im Konzept sollte jeder Screen mit entsprechendem Wireframe oder Mockup in Worten beschrieben sein. Formulieren Sie die Funktionalität mit einfachen verständlichen Worten. Beschreiben Sie jede mögliche Aktion mit darauffolgendem Ereignis. Zum Beispiel, was soll genau passieren, wenn man auf eine Schaltfläche tippt oder eine bestimmte Wischgeste ausführt? Was, wenn eine Aktion fehlschlägt? All diese Infos sind für die App-Programmierung wichtig damit der Programmierer später weiß, wie die App umzusetzen ist. Ebenso ist ein Konzept wichtig, damit ein Programmierer oder eine App-Agentur Ihnen ein Angebot machen kann. 

Wir können Ihnen auch gerne helfen solch ein Konzept zu erstellen. Wenn das Projekt bei uns beauftragt wird, werden wir dafür nichts berechnen, ansonsten fällt unser normaler Tagessatz an.

5. Grafikdesign (UX-Design)

Wenn Sie eine App entwickeln lassen möchten, sollten Sie auf das Design ein größeres Augenmerk legen. Denn ohne gutes UX-Design wird die App wahrscheinlich nicht sehr erfolgreich werden. Daher ist es wichtig einen guten und erfahrenen UI- und UX-Designer zu finden, es sei denn Sie sind selbst Grafikdesigner und kennen Sich mit mobilen UX- und UI-Design aus. Mit Hilfe des UX-Designs können Sie nun mit der App-Programmierung beginnen oder einen Programmierer beauftragen.

6. App-Programmierung

Nun sind Sie bereit für die eigentliche App-Entwicklung. Mit dem Konzept und dem UX-Design können Sie nun Angebote von Programmierern und/oder App-Agenturen anfordern. Wenn Sie ein Angebot von einer App-Agentur anfordern entfällt in der Regel Schritt 5, da eine gute App-Agentur in der Regel erfahrene Designer beschäftigt und Ihnen somit alles aus einer Hand anbieten kann.