Technische Lösung & Kostenvoranschlag
Technische Lösung & Kostenschätzungen. Beantworten Sie die drei wichtigsten Hows für Ihre App.
PRODUKTEVALUIERUNG - DIE GANZE GESCHICHTE
Von der Rückseite einer Serviette zu klickbaren Prototypen
Wir haben uns also getroffen, gesprochen und ein klareres Bild von Ihren Zielen und Erwartungen bekommen. Die Geschichte, wie Ihr Produkt funktioniert. Jetzt ist es an der Zeit, diese Geschichte tatsächlich zu schreiben und mit Wireframes, User Flows und User Stories zu illustrieren.
Produktevaluierung bedeutet, zu wissen, was man baut, bevor man es baut. Vom allgemeinen Layout des Inhalts bis hin zum tatsächlichen Design und der Abbildung von Benutzerinteraktionen. Dies ist die Zeit, in der Sie sich klar darüber werden, wie Ihre App aussehen wird und wie sie genutzt werden soll. Eine richtig durchgeführte Produktentwicklung spart eine Menge Zeit, Geld und Nerven, denn sie legt den Grundstein für alle weiteren Schritte im Entwicklungszyklus. Sie werden während der gesamten Produktentwicklung auf die während der Produktentwicklung erstellten Designs und User Stories zurückgreifen.
Wir bringen Wireframes einen ganzen Schritt weiter
Die Entwicklung sollte nicht das einzige sein, was agil ist. Wir glauben, die Produktentwicklung sollte es auch sein. Deshalb behandeln wir Wireframes als eigentliches Design. Das ermöglicht es uns, frühzeitig fertig gestaltete, klickbare Prototypen zu liefern, die dem Endprodukt so nahe wie möglich kommen, und alle wichtigen Designänderungen sofort zu berücksichtigen.
Vorbei sind die Zeiten von Low-Fidelity-Wireframes, deren einziger Zweck es ist, Inhalte auf der Seite zu platzieren. Unser Ansatz für Wireframing und Prototyping stellt sicher, dass Sie am Ende Ihrer Produktentwicklungsreise ein tatsächliches Interface-Design haben, mit dem Sie arbeiten können. Von Icons und Farbschema bis hin zu dem, was passiert, wenn Sie auf eine Schaltfläche klicken, mit dem Mauszeiger darüber fahren oder sie anklicken.
Wir bauen alles in Figma , einem kollaborativen UI-Design-Tool, das es Produktverantwortlichen, UI/UX-Designern, Grafikdesignern und Entwicklern ermöglicht, gemeinsam an demselben Projekt zu arbeiten. Das macht den Weg vom Design zur Entwicklung um einiges schneller.
Außerdem verwenden wir UI-Kits von unserem Partner Creative Tim, die auf einigen der beliebtesten Designsysteme basieren, wie Material Design und Argon . Dies ermöglicht es, den Designprozess zu beschleunigen und gleichzeitig alles durch wiederverwendbare Komponenten, wie Buttons, Karten und Modals, konsistent zu halten. Dies ist besonders nützlich für Apps, die ein Admin-Dashboard benötigen. Natürlich, wenn Sie einen einzigartigen Look benötigen, machen wir auch Design von Grund auf.
Die Anatomie einer guten User Story
Obwohl wir die User Stories an zweiter Stelle aufgeführt haben, ist es eigentlich eher ein zirkulärer Prozess. Basierend darauf, wie sich der Benutzer im Design durch die App bewegen wird, schreiben wir die User Stories. Und während wir die User Stories schreiben, bemerken wir manchmal Lücken in der Designlogik, also gehen wir zurück zu den Wireframes und ändern sie.
In den 10 Jahren, in denen wir Apps entwickeln, haben wir festgestellt, dass das Hin- und Herwechseln zwischen User Stories und Design am besten funktioniert, um selbst die merkwürdigsten Grenzfälle zu berücksichtigen.
Wir beginnen mit dem Schreiben von User Stories, indem wir alles in Benutzerrollen aufteilen (z. B. anonymer Gast, eingeloggter Benutzer, Admin usw.). Dann legen wir die wichtigsten Ziele fest, die ein Benutzer je nach seiner Rolle erreichen möchte. Zum Beispiel möchte ein E-Commerce-Admin die Bestellung eines Benutzers visualisieren oder bearbeiten. Um dieses Ziel zu erreichen, muss der Admin bestimmte Schritte befolgen, die wir als Teil der User Story dokumentieren: "der Admin muss zur Ansicht "Bestellungen" navigieren", "der Admin muss die Bestellungen nach Benutzer filtern", "der Admin muss auf die Schaltfläche "Bearbeiten" klicken" usw.
User Stories sind praktisch, wenn es um die Gestaltung von Benutzerabläufen geht, und sie eignen sich auch hervorragend als "mentale Notizen" für Entwickler. Sich bei der Entwicklung einer App allein auf das Design zu verlassen, ist heikel, da man Gefahr läuft, zu vergessen, was einige der Schaltflächen, Menüs und Ansichten eigentlich tun sollen.
3 Gründe, warum unser Prozess zur Produktentwicklung funktioniert
1. Wir arbeiten kollaborativ, um Dinge in kürzerer Zeit und mit weniger Reibungsverlusten zu erledigen. Figma ermöglicht es mehreren Personen, in Echtzeit an demselben Projekt zu arbeiten und Ihre App schneller zum Laufen zu bringen.
Produktverantwortliche, wie Sie selbst, können eingebettete Kommentare für Designer und Webentwickler direkt im Design hinterlassen.
UI/UX-Designer und Grafikdesigner können gemeinsam entwerfen und die Versionshistorie nutzen, um Änderungen zu verfolgen.
Frontend-Entwickler können Assets, wie z. B. Icons und Karten, direkt aus Figma exportieren, ohne Zeit mit Designdateien zu verlieren.
2. Wir machen das Verfolgen des Fortschritts einfach. Sie können direkt in Ihrem Browser verfolgen, wie sich Ihre App entwickelt und Änderungen in Echtzeit sehen. Verabschieden Sie sich von Dutzenden von Versionen derselben Datei, die auf Google Drive gespeichert sind, und von unzähligen E-Mail-Anhängen, die Sie regelmäßig aus den Augen verlieren.
3. Entwicklerfreundliches Design = kürzere Entwicklungszeit. Wir binden die Entwicklung frühzeitig in unseren Designprozess ein. Entwickler können nicht nur genau die Design-Assets exportieren, die sie benötigen, und zwar in dem Format, das sie brauchen, sondern sie können auch Codeschnipsel direkt aus Figma als CSS-Styling übernehmen.
Sind Sie bereit, loszulegen?
Wenn Sie ein Start-up sind und einen technischen Partner suchen, der Sie auf Ihrem Weg begleitet, sind Sie bei uns genau richtig. Wir sind darauf spezialisiert, Start-ups bei der Validierung, Einführung und Skalierung ihres MVP zu unterstützen. Kontaktieren Sie uns, um jetzt mit der Produktevaluierung zu beginnen.
Facebook
LinkedIn
Twitter