UI/UX Design für Startups: Effektive und praktische Tipps

Die meisten Menschen machen den Fehler zu denken, dass Design das ist, was man sieht. Die Leute denken, es ist diese Oberfläche – dass den Designern diese Schachtel überreicht wird und gesagt wird: „Mach es gut aussehen!“ Das ist nicht das, was wir unter Design verstehen. Es geht nicht nur darum, wie es aussieht und sich anfühlt. Design ist, wie es funktioniert.

– Steve Jobs

Die Inschrift ist im Grunde eine der umfassendsten und genauesten Definitionen dessen, was Design ist. Wenn man versucht, es auf ein paar Worte zu verkürzen, geht es bei Design darum, wie etwas aussieht, sich anfühlt und funktioniert.

Selbst wenn wir uns auf die sehr theoretische Definition beziehen, die wir im Cambridge Dictionary gefunden haben, wird sie sehr ähnlich sein zu dem, was Steve Jobs gesagt hat: „eine Zeichnung oder Reihe von Zeichnungen, die zeigen, wie […] ein Produkt hergestellt wird und wie es funktionieren und aussehen wird.“ Viele andere Quellen werden dieselbe Essenz des Designs liefern, die aus drei Hauptkomponenten besteht – wie die Dinge aussehen, sich anfühlen und funktionieren.

Um die Frage zu klären, ob Startup-Unternehmen Design benötigen, werden wir uns auf einige Fakten, Statistiken, Untersuchungen und Beispiele aus der Praxis beziehen.

Daher ist laut McKinsey Quarterly Design mehr als nur ein Gefühl: Es ist eine Priorität auf Vorstandsebene für Wachstum und langfristige Leistung. Es ist wahr, dass es in den meisten Fällen schwer ist, den Geschäftswert des Designs sofort zu schätzen. Deshalb führte McKinsey umfangreiche Forschungen durch, um festzustellen, ob und wie Design Geschäftskennzahlen wie Umsatz und Renditen beeinflusst. Der Bericht, der aus dieser Forschung hervorging, zeigt klar, dass Design einen direkten und großen Einfluss auf den Geschäftserfolg und die Kennzahlen hat und deshalb eine Priorität auf Vorstandsebene sein sollte.

Die Daten zum Geschäftswert des Designs, die McKinsey als Ergebnis der Forschung erhalten hat, wurden auch von einer Reihe von Untersuchungen anderer Unternehmen unterstützt. Laut einer Untersuchung von InVision erhöht gutes Design den Umsatz eines Unternehmens und neigt dazu, die Rendite für Aktionäre fast doppelt so stark zu steigern im Vergleich zu Branchenkonkurrenten, die keine Aufmerksamkeit auf Design legen (oder schlechtes Design haben).

An diesem Punkt könnte festgestellt werden, dass die oben genannten Berichte nur mittlere oder große Unternehmen analysiert haben, die über enorme Budgets für Design verfügen, und diese Berichte betreffen nicht kleine Start-up-Unternehmen, insbesondere in den frühen Phasen des MVP, Pre-Seed oder Seed. Darüber hinaus können wir bei der Analyse einer Reihe der größten und erfolgreichsten Unternehmen, die vor einiger Zeit kleine Start-ups waren, feststellen, dass zumindest einer der Gründer dieser Unternehmen ein Designer war oder über Designkenntnisse verfügte. Zu diesen Unternehmen gehören Pinterest (Evan Sharp), Instagram (Mike Krieger), YouTube (Chad Hurley) und Airbnb (Brian Chesky).

Seien wir ehrlich, die Produkte sahen nicht immer gut aus, besonders in den allerersten Phasen. Hier ist das Frontpage-Bild von Airbnb aus den Anfangsphasen des Startups:

Bild 1. AirBed&Breakfast

Offensichtlich haben Airbnb heute und im Jahr 2007 vollkommen unterschiedliche Benutzeroberflächen. Und jetzt könnten Sie sagen: „Schauen Sie, Airbnb hatte kein Design, und trotz des Mangels an Design wurde es eines der größten Unternehmen auf dem Markt.“

Es ist jedoch wichtig, sich an mehrere Dinge zu erinnern. Erstens geht es beim Design nicht nur darum, wie Dinge aussehen und sich anfühlen, sondern auch darum, wie sie funktionieren. Zweitens benötigt ein Unternehmen in jeder einzelnen Phase unterschiedliche Designarbeit. Auch wenn ein Unternehmen auf jeder Lebensphase unterschiedlichen Designumfang benötigen kann, benötigt es diesen dennoch.

Also, brauchen Startups Design? Oder, um es anders auszudrücken: Brauchen Startups Design, um erfolgreich zu sein?

Die Antwort lautet ja, absolut, und das in allen Phasen des Startup-Lebenszyklus.

In der Ideenfindungsphase sprechen Designer mit Benutzern, stellen die richtigen Fragen, um ihre objektiven Probleme zu identifizieren, und entwerfen effektive Lösungen. Wenn die Probleme und Bedürfnisse der Benutzer erfüllt sind, beginnen wir mit dem Entwurf einer Lösung mit den minimal notwendigen Funktionen und berücksichtigen dabei die Skalierbarkeit des Produkts – Design.

Nachdem das Minimum Viable Product (MVP) gestartet ist und erste Kunden das Produkt verwenden, beginnen Designer mit Usability- und A/B-Tests, sammeln analytische Daten und verbessern das Design gemäß den erhaltenen Daten, um die KPIs zu verbessern. Dann verbessert das Designteam ständig die Benutzerfreundlichkeit des Produkts, integriert neue Funktionen, entwirft es skalierbar usw. Die Hauptrolle des Designteams besteht darin, nicht nur ein schönes Bild zu malen, sondern eine effektive, benutzerfreundliche Lösung mit einer schönen und ansprechenden Benutzeroberfläche zu schaffen.

Hier bei Elinext hat unser Designteam eine geschäftliche Denkweise und versteht klar, dass ein funktionsfähiges Produkt besser ist als eines, das nicht funktioniert, aber schöne Bilder enthält. Funktionalität und Benutzerfreundlichkeit sind wichtiger als das visuelle Erscheinungsbild (Inhalt ist wichtiger als die Form). Daher behalten wir, wenn wir Produkte für unsere Kunden erstellen, im Hinterkopf, dass das ideale Produkt:

– betriebsbereit,
– funktional,
– benutzerfreundlich,
– klar,
– visuell ansprechend ist.

Zusammengefasst: Wenn ein Startup oder jedes andere Unternehmen Erfolg haben, Umsatz steigern, Return on Investment (im Folgenden ROI) oder andere KPIs verbessern möchte, ist Design absolut notwendig für dieses Unternehmen.

Sehen Sie sich an, wie moderne Designs heute aussehen:

Landing-Page für NFT-Marktplatz

Unternehmenswebsite

Forschung und User Experience Design

Nun, da klar ist, dass jedes Unternehmen, einschließlich Startups in den frühen Phasen, hochwertiges Design benötigt, um erfolgreich zu sein, können wir ein wenig über die Spezifikationen sprechen.

Grundsätzlich umfasst der ideale Zyklus der Produktentwicklung die folgenden Phasen:

• Benutzererfahrung (User Experience, UX) Design;
• Wireframing;
• Benutzeroberfläche (User Interface, UI) oder visuelles Design;
• Programmierung;
• Qualitätskontrolle (Quality Assurance, QA);
• Kundensupport;
• ständige Verbesserungen.

Die erste Phase kann im Allgemeinen durch UX-Design abgedeckt werden und umfasst den sehr Anfang. Durch das Verständnis der Probleme, denen Ihre Benutzer gegenüberstehen, und der Probleme, die Ihr Produkt mit Hilfe verschiedener Techniken und Methoden der UX-Forschung löst, einschließlich qualitativer und quantitativer Forschungstypen sowie einiger Artefakte wie Benutzerstories, Personas, Customer Journey Maps usw. Wenn Sie ein neues Produkt erstellen oder sich in der Phase der Verbesserungen des betriebenen Produkts befinden, müssen Sie eine Vielzahl von Hypothesen und Annahmen überprüfen, um Ihre Metriken zu verbessern und/oder Ihren „Heiligen Gral“ zu finden – das Produkt-Markt-Fit (im Folgenden PMF). Hier kommt das Design mit seinen verschiedenen UX-Forschungstechniken, Typen und Methoden zur Rettung.

Lassen Sie uns ein wenig tiefer eintauchen und uns einige Beispiele ansehen.

Was ist UX Design und warum brauchen Sie es?

UX-Forschung ist ein systematischer Prozess, der darauf abzielt, das Verhalten der Benutzer, ihre Bedürfnisse und Motive für bestimmtes Verhalten durch verschiedene Forschungsmethoden und -techniken zu lernen und zu verstehen. Grundsätzlich benötigt Ihr Unternehmen in den Anfangsphasen seiner Entwicklung UX-Design, um die weit verbreitete Situation zu vermeiden, ein Produkt nur für sich selbst zu entwickeln. Für MVPs und Produkte, die bereits erfolgreich auf dem Markt operieren, ist UX-Design erforderlich, um Benutzer anzuziehen und zu halten oder bereits hohe KPIs zu verbessern.

Daher werden Sie, falls Sie keinen Designer engagiert haben, um an Ihrem Produkt zu arbeiten, in die Situation geraten, in der Sie keine Benutzer anziehen und/oder halten können und somit auch keine Verbesserungen an den KPIs vornehmen können. Dies wird durch eine Vielzahl von Forschungen im Bereich des Einflusses von Design auf Geschäftskennzahlen unterstützt. Zum Beispiel zeigt eine Studie von AppDynamics, dass 86 % der US-Nutzer die Nutzung einer App wegen ihrer schlechten Leistung einstellen. Das Design der App, sowohl das visuelle als auch das Benutzererfahrungsdesign, beeinflusst direkt, wie Benutzer die Leistung der App wahrnehmen und ihre Erfahrungen bei der Nutzung der App bewerten. Im Durchschnitt kehren 88 % der Benutzer weniger wahrscheinlich zu einer Website zurück, nachdem sie eine schlechte Erfahrung gemacht haben.

Unten sehen Sie ein Beispiel für ein Diagramm, das zeigt, wie sich eine so wichtige Kennzahl für ein Startup wie PMF in Abhängigkeit von der Qualität des Designs verhält. Die grüne Linie veranschaulicht ein gutes Beispiel für den PMF eines Produkts, das sowohl aus visueller als auch aus Usability-Perspektive sorgfältig gestaltet wurde, wobei UX-Designtechniken verwendet wurden. Die blaue Linie zeigt, was mit dem PMF eines Produkts ohne Design passiert.

Bild 2. Produkt-Markt-Fit Beispiel. Datenquelle: Y Combinator

Die Formen der UX-Forschung umfassen:

• Vorläufige Forschung. Dies ist anwendbar, wenn wir eine Antwort auf die Frage finden müssen: Welches Problem lösen wir aus Sicht des Benutzers und aus Sicht des Unternehmens?
• Hauptformen der Forschung:

– Benutzerinterviews;
– Fokusgruppen. Die Besonderheit dieser Form quantitativer Forschung besteht darin, dass Sie in kurzer Zeit viele Daten erhalten;
– Usability-Tests. Dies ist qualitative Forschung, bei der ein Benutzer gebeten wird, bestimmte Aufgaben mit Ihrem Produkt zu erledigen, um Schwachstellen und Knackpunkte in Ihrem Produkt aufzudecken, die die Benutzerfreundlichkeit beeinträchtigen;
– Guerilla- oder Flurtests;
– Umfragen;
– A/B-Tests. Im Wesentlichen ermöglicht der A/B-Test zu verstehen, welche der verschiedenen Lösungen, A oder B, besser funktioniert.

• Sekundäre Formen der Forschung. Eine der verbreitetsten Arten von sekundärer Forschung ist die Schreibtischforschung. Im Wesentlichen handelt es sich dabei um Forschung, die Sie selbst am Schreibtisch durchführen können. Dazu gehört die Analyse von Büchern, Artikeln, Berichten, bestehenden Produkten in der Branche usw. Ein offensichtlicher Vorteil dieser Art der Forschung ist, dass sie schnell und kostengünstig ist.

Hier sind einige Beispiele, wann unterschiedliche Formen von UX- und/oder UI-Design dazu beigetragen haben, wichtige Kennzahlen zu verbessern:

1. Ein globales Medienunternehmen. Zu einem bestimmten Zeitpunkt erkannte das Unternehmen, dass es eher selten vorkam, dass Benutzer zu verschiedenen Teilen der App navigierten. Benutzer navigierten nicht zu den Abschnitten, zu denen das Unternehmen sie navigieren wollte. Stattdessen lasen die Benutzer schnell die Titel des Abschnitts, den sie öffneten, und schlossen dann die App. Schließlich führte das Unternehmen Usability-Tests und Interviews durch. Als Ergebnis wurde offensichtlich, dass Benutzer tatsächlich sehr am Inhalt interessiert waren, jedoch nicht wussten, wie sie ihn finden sollten, da er im sogenannten „Burger-Menü“ versteckt war. Schließlich wurde das Burger-Menü in der App durch eine Tab-Leiste ersetzt.

Bild 3. “Burger” vs. Tab-Bar

2. Instagram. Die Leute bei Instagram hatten die Hypothese, dass Benutzer Inhalte von geringer Qualität veröffentlichen und trotzdem viele Likes bekommen können. Das wiederum veranlasst andere Benutzer, noch mehr Likes für Inhalte von geringer Qualität zu geben. Daraufhin haben sie beschlossen, die Lösung zu testen, und für einige Benutzer die Anzahl der Likes von den Followern und Besuchern dieser Benutzer verborgen. So überprüften sie die Hypothese durch die Durchführung von A/B-Tests, was bedeutet, dass einigen Benutzern eine Benutzeroberfläche gezeigt wird (in diesem Fall mit Likes), während die anderen Benutzer eine alternative Version der Benutzeroberfläche sehen (mit versteckten Likes).

Bild 4. Instagram A/B Tests

3. Airbnb. Das Unternehmen wollte Metriken wie die Anzahl der Anmeldungen und Buchungen erhöhen. Sie stellten die Annahme auf, dass der letzte Bildschirm der Benutzer-Onboarding-Phase nicht abweisbar sein sollte und den Benutzern nur zwei Optionen ermöglicht werden sollten: Konto erstellen und Einloggen. Um diese Hypothese zu überprüfen, führten sie A/B-Tests durch. Wiederum zeigten sie einigen Benutzern eine Version der Benutzeroberfläche (Benutzer konnten ohne Anmeldung oder Registrierung fortfahren), während die anderen Benutzer die Version sahen, die es ihnen nicht erlaubte, die App ohne Anmeldung oder Registrierung zu betreten. Als Ergebnis wurden die Metriken erhöht.

Bild 5. Airbnb. A/B Tests. Quelle: Y Combinator

Abschließend zu diesem Abschnitt über das User Experience Design möchten wir erwähnen, dass:

• es notwendig ist, Forschung und verschiedene Arten davon durchzuführen, einschließlich Usability- und A/B-Tests, Interviews;
• beim Durchführen von Interviews und beim Überprüfen von Ideen ist es immer viel effektiver, etwas visuell zu demonstrieren als es verbal zu beschreiben;
• es immer eine gute Idee ist, Handlungsaufforderungen (Call-to-Actions, CTAs) in Ihrer Benutzeroberfläche zu verwenden, um Benutzern mitzuteilen, was Sie von ihnen erwarten;
• eine der grundlegenden Usability-Regeln lautet: Machen Sie es den Benutzern nicht schwer, folgen Sie dem „KISS“-Prinzip, das für „Keep it Simple“ steht;
• „Weniger ist mehr“ – entfernen Sie alles Unnötige;
• falls es keine Möglichkeit gibt, komplexe Benutzerflüsse in Ihrem Produkt zu vereinfachen, nichts zu entfernen ist – trennen Sie diesen Fluss in kleine klare Schritte auf, reduzieren Sie die kognitive Belastung.

Bild 6. Komplexe Abläufe in kleine, klare Schritte aufteilen, kognitive Belastung reduzieren

• Denken Sie daran, dass ein Bildschirm idealerweise nur eine einzige Hauptaktion enthalten sollte, die der Benutzer durchführen sollte;
• Die Navigation ist immer das Herzstück Ihres Produkts. Die Navigation sollte so einfach und klar wie möglich sein;
• Die Nutzer sollten immer genau wissen, wo sie sich gerade in der App befinden und die volle Kontrolle über die App haben.

UI oder Visual Design

Wenn das erforderliche Niveau des UX-Designs erreicht ist, können Sie mit dem visuellen Design fortfahren. Visuelles Design geht darum, „auf welche Dinge der Benutzer achten sollte“. In diesem Abschnitt werden wir kurz einige grundlegende Regeln des UI-Designs mit Beispielen beschreiben. Dazu gehören:

• Kontrast. Letzterer ist notwendig, um die wichtigsten Dinge auf dem Bildschirm anzuzeigen. Einige Techniken zur Demonstration von Kontrast sind Farbe, Größe, Fettdruck;
• Hierarchie. Eine gute Hierarchie auf dem Bildschirm macht den Inhalt lesbarer und erfassbarer. Einige grundlegende Regeln für eine gute Hierarchie sind, wenn einige Elemente auf dem Bildschirm näher beieinander liegen, bedeutet das, dass sie miteinander verbunden sind und einen Abschnitt bilden; Verwendung von weißem oder negativem Raum – macht Informationen leichter und schneller wahrnehmbar;
• Z-Muster-Layout. Menschen neigen dazu, Seiten und Bildschirme so zu überfliegen, wie sie Bücher lesen. Für die meisten Sprachen handelt es sich dabei um das sogenannte Z-Muster; für von rechts nach links geschriebene Sprachen sieht das Muster wie ein umgekehrtes Z aus.

Bild 7. Z-Muster Layout. Quelle: asana.com

• Minimalism. Offen gesagt handelt es sich dabei nicht um ein Prinzip, sondern eher um einen Trend oder eine Richtung im Design. Beim Minimalismus geht es, wie der Mitbegründer von Y Combinator, Paul Graham, zugab, darum, einfach zu sein, und „wenn man gezwungen ist, einfach zu sein, ist man gezwungen, sich dem wahren Problem zu stellen. Wenn man keine Ornamente liefern kann, muss man Substanz liefern“.

Schlussfolgerung

Die neue Geheimwaffe des Silicon Valley: Designer, die Startups gründen
Wenn Sie großartige Produkte liefern wollen, sollten Sie einen Designer in
Ihrer Gründungsgruppe zu haben.

– Fastcompany

Abschließend stimmen wir der Aussage zu, dass jedes Unternehmen Design braucht, auch Startups, selbst in sehr frühen Stadien. Der Grund dafür ist, dass es beim Design nicht nur um schöne Bilder geht, sondern um die Lösung der Probleme Ihrer Endnutzer. Studien belegen, dass Design einen direkten Einfluss auf den Geschäftserfolg und die wichtigsten KPIs hat. Mit einem adäquaten Website-Prototyping und -Tests, z. B. mit Figma, visuell ansprechenden Benutzeroberflächen und hochwertigem UX-Design wird Ihr Produkt zu dem Produkt, das die Leute gerne benutzen und ihren Freunden empfehlen, zu dem Produkt, das Ihr Unternehmen nach oben bringt.

Weitere Informationen über effektive UI/UX finden Sie in unseren früheren Artikeln:

8 Tips für erfolgreiches UI/UX

Top 10 UI und UX Funktionen in der mobilen App-Entwicklung

UI und UX sind entscheidend für den Erfolg einer mobilen App