6 Möglichkeiten, wie ein Prototyp ein Desaster beim Design mobiler Benutzeroberflächen verhindern kann

Veröffentlicht: 2015-10-29

Welchen Wert hat ein digitaler Prototyp? Wenn Sie Ihre Benutzererfahrung vollständig ausgearbeitet haben – von Seitenübergängen bis hin zu Interaktionen –, bevor Sie die erste Codezeile schreiben, können Sie nicht nur wertvolle Zeit und Budget sparen, sondern auch eine potenzielle Krise abwenden. Von mobilen UI-Designs, die auf dem Papier gut aussehen, aber schlecht auf den Bildschirm übertragen werden, bis hin zu Projektmanagement-SNAFUs, die die Teammoral zermürben und gleichzeitig die Qualität Ihres Endprodukts beeinträchtigen, die Probleme, die Ihr interaktiver Prototyp lösen kann, sind zahlreich.

Werfen wir einen Blick auf sechs unschätzbare Möglichkeiten, wie digitales Prototyping laut Designern, Entwicklern und Unternehmern Ihr mobiles UI-Design retten kann:

Ihr Prototyp hilft dabei, alle Beteiligten auf die gleiche Seite zu bringen.

mobile_ui_design_prototyping_720

Was ist die verbindende Kraft zwischen Kunden, Kundenbetreuern, Designern, Entwicklern, Testern und Benutzern? Der digitale Prototyp, sagt Sarah Doody (@sarahdoody), eine UX-Designerin in NYC, die auch einen wöchentlichen UX-Newsletter veröffentlicht:

„Beim Design mobiler Apps ist das Prototyping von entscheidender Bedeutung, da es Teams hilft, Ideen schnell zum Leben zu erwecken, sodass alle Beteiligten die Idee früh im Produktentwicklungsprozess überprüfen und dazu beitragen können. Eine große Herausforderung, vor der Teams oft stehen, ist zu viel hypothetisches Reden und Debattieren. Ein Prototyp ermöglicht es einem Team, über etwas Greifbares zu sprechen, was bessere Diskussionen, Ideen und Zusammenarbeit fördert.

Der Balanceakt eines Designers für mobile UIs besteht darin, die Geschäftsziele oder -möglichkeiten zu identifizieren, mit denen die App dem Benutzer einen Mehrwert bieten könnte. Sobald ein Prototyp vorhanden ist, dient er als Werkzeug, um Ideen mit Benutzern zu validieren, sowie als Gesprächswerkzeug, um allen am Projekt Beteiligten zu helfen, sich über die erwarteten Features und Funktionen einig zu werden.

Wenn das Prototyping aus dem Designprozess für mobile Benutzeroberflächen entfernt wird, investieren Unternehmen am Ende Tausende von Dollar und Stunden in die Entwicklung einer voll funktionsfähigen App, die dem Endbenutzer keinen Mehrwert bietet.“

Ihr Prototyp kann HR-Desaster zwischen Designern und Entwicklern verhindern.

Können Designer und Entwickler jemals Freunde sein? Laut Peter Murphy, Mitbegründer und CEO von Pocket Prep (@pocketprep), einer E-Learning-App-Plattform, die Lernlösungen für standardisierte Tests und professionelle Zertifizierungen anbietet, können sie das absolut
— sofern der Designer einen realitätsgetreuen digitalen Prototyp erstellt.

pocket_prep_mobile_ui_design_720

Ohne diesen Prototypen, sagt Murphy, kann die Beziehung zwischen den beiden brenzlig werden:

„Prototyping hilft, den Zusammenhalt zwischen UI und UX aufzubauen. Ein interaktiver App-Prototyp ermöglicht es dem Designer, mehr als nur auszudrücken, wie die App aussehen wird. Es lässt ihn oder sie auch ausdrücken, wie die App fließen soll. Oftmals verzichten Unternehmen mit kleinem Budget auf den Prototyping-Prozess zugunsten einfacher Wireframes oder Sammlungen von Notizen, die oft Handskizzen und Diagramme enthalten. Die guten Absichten des Designers sind da, aber sie verpuffen, wenn die Entwicklungsphase beginnt.

Bei unserer kürzlichen Überarbeitung der Android-App wurde die App mithilfe eines Online-Prototyp-Dienstes nachgebildet, und das neue Design sah fantastisch aus. Unser kleines Team hatte viele Fragen dazu, was mit einigen der fehlenden Bildschirme passieren würde, aber das Designteam versicherte uns, dass das Design, die Gesten und der Ablauf den Best Practices von Android folgen würden. Hoppla! Als das Designteam den Prototyp an das Entwicklungsteam übergab, lösten sich alle Fäden und Details im Kern unseres App-Geschäfts wurden übersehen.

Das Erstellen eines interaktiven Prototyps, unabhängig von der beabsichtigten Komplexität der App, kann so viele Design- und Entwicklungskatastrophen verhindern. Diese immer noch Wireframes und leblosen Mockups können darauf hindeuten, dass die App einfacher ist, als sie wirklich ist. Was bewirkt das Tippen auf ein Benutzerporträt? Was ist mit Gesten? Wohin führt das Antippen des Zurück-Buttons den Benutzer? Der Teufel steckt immer im Detail, und erst wenn Sie sich die Zeit nehmen, die Benutzererfahrung zu skizzieren, sehen Sie, wie kompliziert die Projektanforderungen wirklich sind.

„Es ist, als würde der Designer einfach nicht verstehen, was ein Entwickler tun kann und was nicht!“

Da Pocket Prep seinen Sitz in der technisch boomenden Stadt Seattle hat, sind wir oft in langwierige Gespräche über die Entwicklung von Apps vertieft. Mit der Einführung von iOS 9 wurden wir kürzlich mit Fragen zu unserer bevorstehenden Überarbeitung des iOS-App-Designs bombardiert. Ein Freund, der Entwickler in einem örtlichen Spielestudio ist, platzte zufällig heraus: „Entwickler hassen Designer! Wir kämpfen immer miteinander; zumindest dort wo ich arbeite. Es ist, als würde der Designer einfach nicht verstehen, was ein Entwickler tun kann und was nicht!'

Genau aus diesem Grund ist ein detaillierter, vollständig fertiger App-Prototyp notwendig. Darauf zu verzichten, ist wie ein Restaurantbesucher, der eine halbe Mahlzeit bestellt und erwartet, dass die Kellnerin telepathisch alles andere weiß, was sie will. Obwohl interaktive Prototypen absolut notwendig sind, sind sie kein Ersatz für ein solides Verständnis der Grenzen einer App. Es wird immer eine Synergie zwischen Design- und Entwicklungsteams geben müssen. Der Schlüssel liegt darin, eine Katastrophe zu verhindern, die das Team zurückwirft und andernfalls zu langwierigen und vermeidbaren Nacharbeiten führen würde.“

Für dich empfohlen:

Was bedeutet die Anti-Profiteering-Bestimmung für indische Startups?

Was bedeutet die Anti-Profiteering-Bestimmung für indische Startups?

Wie Edtech-Startups dabei helfen, die Mitarbeiter weiterzubilden und zukunftsfähig zu machen

Wie Edtech-Startups Indiens Arbeitskräften helfen, sich weiterzubilden und zukunftsfähig zu werden ...

New-Age-Tech-Aktien in dieser Woche: Zomatos Probleme gehen weiter, EaseMyTrip-Posts steigen...

Indische Startups nehmen Abkürzungen bei der Jagd nach Finanzierung

Indische Startups nehmen Abkürzungen bei der Jagd nach Finanzierung

Das digitale Marketing-Startup Logicserve Digital hat Berichten zufolge INR 80 Cr an Finanzmitteln von der alternativen Vermögensverwaltungsfirma Florintree Advisors aufgebracht.

Digitale Marketingplattform Logicserve Bags INR 80 Cr-Finanzierung, Umbenennung in LS Dig...

Bericht warnt vor erneuter behördlicher Prüfung von Lendingtech Space

Bericht warnt vor erneuter behördlicher Prüfung von Lendingtech Space

Ihr Prototyp kann Ihnen die Erstellung eines mobilen UI-Designs ersparen, das Ihre Kunden oder Benutzer hassen.

Cassie Byers ist Visual Designer und Kenna Hasson ist UX Designer bei Events.com (@eventsdotcom), einem Online-Marktplatz, der Event-Organisatoren und Event-Teilnehmer an einem einzigen Ort vereint. Für sie besteht der größte Wert eines digitalen Prototyps darin, detailliertes Feedback von Kunden und Testern zu erhalten.

event.com_mobile_app_UI_design_prototype

Byers sagt: „Prototyping ist für mich als Mobildesigner wichtig, weil es der beste Weg ist, um zu scheitern. Sie können so viele „schlechte“ Prototypen erstellen, wie Sie möchten – sie helfen allen, auf die gleiche Seite zu kommen. Direkt in das visuelle Design oder die visuelle Entwicklung einzutauchen, lässt nicht genug Zeit, um über jede mögliche Szenerie nachzudenken.“

Hasson fügt hinzu: „Es gibt keinen besseren Weg, ehrliches Feedback zu sammeln. Die Leute zögern weniger, ihre Bedenken zu äußern, wenn sie etwas betrachten, von dem sie glauben, dass es noch im Gange und nicht endgültig ist.“

Byers merkt an, dass ihr der Prototyping-Prozess mehrmals dabei geholfen hat, UX-Krisen abzuwenden. „Dazu sind Prototypen schließlich da. Ich bevorzuge funktionsfähige Prototypen, damit alle Interaktionen durchdacht werden können. Dies ist auch eine großartige Möglichkeit, Benutzertests vor dem endgültigen Design der mobilen Benutzeroberfläche durchzuführen.“

Hasson stimmt zu. „Von der Platzierung der Schaltflächen bis zum Interaktionsdesign identifizieren wir täglich Probleme mit der Benutzererfahrung in Prototypen.“

„Das Entfernen interaktiver Prototypen aus Ihrem Designprozess für mobile Benutzeroberflächen ist wie ein Bauunternehmer, der versucht, ein Haus ohne Grundrisse zu bauen“, sagt Byers. „Der Rahmen muss festgelegt werden, bevor die Details hinzugefügt werden können.“

„Das wäre eine Katastrophe!“ Byers fügt hinzu. „Ohne Prototypen hätten wir keine Möglichkeit, bei Interaktionen und Designs zusammenzuarbeiten oder praktikable Benutzertests durchzuführen.“

Ein interaktiver Prototyp kann Sie vor Budget- und Bandbreitenkatastrophen bewahren.

mobile_ui_design_collaboration

Mobile-App-Account-Manager, trauen Sie sich: Prototypen können Ihr Leben viel einfacher machen, wenn Sie Projekte für ein Team mit angespannter Bandbreite festlegen. Dies ist einer der größten Vorteile für Roger Dickey, CEO von Gigster (@trygigster), einem On-Demand-Softwareentwicklungsunternehmen:

„Meiner Erfahrung nach kann Prototyping Hunderte, wenn nicht Tausende von Entwicklungsstunden einsparen. Viele technische Gründer ziehen es vor, das zu tun, womit sie sich wohlfühlen, nämlich sich hinzusetzen und Code zu schreiben. Wenn Sie stattdessen schnell einen anklickbaren Prototyp erstellen können, können Sie Ihr Produkt potenziellen Benutzern in die Hand drücken und sofort Feedback erhalten. Auf diese Weise können Sie iterieren, bis Sie etwas haben, das die Leute wirklich begeistert – dann können Sie sich hinsetzen und sich darauf konzentrieren, schönen Code zu schreiben.“

Ihr Prototyp kann Ihnen helfen, Wissenslücken zu schließen

Greg Archbald ist Gründer und CEO von GreaseBook (@GreaseBook), einem Öl- und Gastechnologieunternehmen, dessen Kunden von kleinen Unternehmen bis zu einigen der größten unabhängigen Betreiber des Landes reichen. In einer so wettbewerbsintensiven Branche, sagt Archbald, kann das Prototyping Ihr Leben retten, wenn es darum geht, zu verstehen, was Ihre Kunden verlangen:

Greasebook_mobile_UI_design

„Obwohl wir sehr eng mit dem Ölfeld zusammenarbeiten, sind wir keineswegs Experten auf dem Ölfeld. Alles, was wir wissen, nehmen wir telefonisch oder online in Gesprächen mit Kunden auf.

Das Prototyping hat uns öfter den Hintern gerettet, als Sie sich vorstellen können. Durch die Verwendung von Prototyping-Tools können Nicht-Programmierer (wie ich) eine App zusammenstellen, die genau so aussieht und funktioniert, wie unsere App geplant ist. Dies verschafft uns nicht nur hervorragende Bearbeitungszeiten bei unseren Kunden (normalerweise am nächsten Tag!), sondern hat auch einige sehr unangenehme und sehr teure Katastrophen verhindert. Die Kommunikation mit Entwicklern wird zum Kinderspiel, weil Sie ihnen ein fertiges Produkt zeigen.

All dieses Prototyping hilft uns, der Konkurrenz einen Schritt voraus zu sein – einer Konkurrenz, die normalerweise viel größer und viel besser finanziert ist als wir. Und jedes neue Projekt, das wir nebenbei beginnen, kann für sehr wenig Geld und Zeit, die im Voraus investiert wird, als Prototyp erstellt (und manchmal verkauft) werden.

Mit einer soliden Prototyping-Software haben Sie keine Ausreden mehr. Alles, was Ihnen beim Aufbau eines Unternehmens (oder der Gründung eines neuen!) im Weg steht, ist Ihre Vorstellungskraft.“

Manchmal kann ein Prototyp sogar helfen, eine Sicherheitskatastrophe abzuwenden.

Mobile Apps sind nicht immer nur Möglichkeiten, das Leben bequemer oder unterhaltsamer zu gestalten. Für David Sinkinson von AppArmor (@AppArmorMobile), einem Sicherheitsdienst auf dem Campus, ist das Testen eines Prototyps für das Design einer mobilen Benutzeroberfläche eine wichtige Komponente, um Menschen vor Gefahren zu schützen.

app_armor_mobile_UI_design

„Unser Unternehmen verwendet häufig Prototypen, um unsere Produkte zu testen, aber wir stellen sie unseren Kunden tatsächlich zur Verfügung, um UX- und Designprobleme zu überprüfen. Beispielsweise erstellt App Armor kundenspezifische mobile Sicherheitsanwendungen für Universitäten, Hochschulen und private Einrichtungen in ganz Kanada, den USA und Australien. Jede App ist jedoch an die Bedürfnisse dieser einzigartigen Community angepasst. Dies gilt sowohl für die Ästhetik (Logos, Farben usw.) als auch für das wörtliche Drahtmodell.

Es ist absolut wichtig, dass wir diese Prototypen testen, da unsere Apps für den Einsatz im Notfall gedacht sind. Sekunden sind in Notfällen wertvoll, wenn also das mobile UI-Design nicht so optimiert ist, dass es so benutzerfreundlich wie möglich ist, wird der Benutzer stärker gefährdet. Weniger gravierend ist auch, dass die Erstellung des Designs in Zusammenarbeit mit der Partnerinstitution tendenziell höhere Downloads garantiert.“

Smart Prototyping ist Smart Business

Ein solider digitaler Prototyp Ihres mobilen UI-Designs ist eine entscheidende Komponente des gesamten kreativen Prozesses Ihrer App, aber was macht einen guten Prototyp aus? Je mehr es dem späteren Endprodukt ähnelt, desto besser. Das bedeutet, nicht nur den Gesamtfluss und das Design der App zu perfektionieren, sondern auch die Animationen, Übergänge und Interaktionen so lebensecht wie möglich zu gestalten. Auf diese Weise wissen Ihre Entwickler genau, wie die Beta aussehen und sich anfühlen soll, wenn sie fertig ist.

Ursprünglich am 23. Oktober im Proto Blog veröffentlicht.