Ihr Leitfaden für UX/UI-Design-Fähigkeiten (und wie man sie testet)

Suchen Sie jemandem für Ihre Stelle im Bereich UX/UI-Design? Vielleicht einen UX/UI-Designer, einen UX-Forscher, einen Web-Designer, einen Mobile-Designer, einen Produkt-Designer oder einen Interaktions-Designer?

Wenn die Antwort ja lautet, sind Sie hier richtig.

Wenn Ihre Antwort nein lautet, Sie aber mehr über UX/UI-Design-Fähigkeiten erfahren möchten, dann sind Sie hier genau richtig.

Was ist UX/UI-Design?

UX/UI-Design bezieht sich auf User Experience (UX) und User Interface (UI) Design.

Da unsere Online-Welt immer größer wird, richtet sich die Aufmerksamkeit immer mehr auf die Online-Nutzererfahrungen mit Unternehmen, Produkten und Dienstleistungen. UX und UI werden oft in einen Topf geworfen, weil sie miteinander verwandt sind und normalerweise Hand in Hand gehen.

In der modernen Geschäftswelt müssen Unternehmen, die erfolgreich sein wollen, die Qualität des Kunden- oder Benutzererlebnisses in den Mittelpunkt all ihrer Aktivitäten stellen. UI/UX-Designer sind unverzichtbar, und Unternehmen sollten sie von Anfang an einbeziehen.

Im Jahr 2022 liegt der ROI von UX bei 9.900 %, und Untersuchungen zeigen, dass die Behebung eines UX-Problems nach der Markteinführung 100-mal mehr kostet als die Behebung vor der Markteinführung.

UX/UI-Design Q&A

Was ist der Unterschied zwischen UX und UI?

Der Unterschied zwischen UX und UI ist derselbe wie der zwischen Interface und Experience. Die Schnittstelle bezieht sich auf alle Aspekte eines Produkts oder einer Dienstleistung, mit denen die Benutzer interagieren. Das Erlebnis hingegen wird durch die Art der Interaktion definiert, die die Benutzer mit diesen Produkten oder Dienstleistungen haben und wie sie sie empfinden.

Einfach ausgedrückt, ist UX das Warum eines Produkts, und UI ist das Wie.

Sie können den Nutzern z. B. technische Fragen zu den Schnittstellen stellen:

• Fanden Sie die Website einfach zu bedienen?

• Sind die Informationen gut ausgeschildert und leicht zu finden?

• Konnten Sie leicht zum Kassenbereich navigieren?

Für die Bewertung der Nutzererfahrung sind eher emotionale und psychologische Fragen und Antworten erforderlich.

• Wie haben Sie sich bei der Nutzung unseres Produkts/unserer Dienstleistung gefühlt?

• Hatten Sie eine positive Erfahrung mit unserer Website?

• Was haben Sie aus Ihrer Interaktion mitgenommen?

UI ist die Brücke, die uns ans Ziel bringt, UX ist das Gefühl, das wir haben, wenn wir ankommen.

Jason Ogle - Designer bei CACI International (2018)

Kann eine Person ein UX- und ein UI-Designer sein?

Ja, das ist möglich. UX- und UI-Design überschneiden sich häufig, daher entscheiden sich viele Unternehmen und Organisationen dafür, diese Rollen zu kombinieren. So haben auch ihre Mitarbeiter die Möglichkeit, sich weiterzuentwickeln. Als UX/UI-Designer können sie ihre Fähigkeiten in den Bereichen verbessern, in denen sie nicht so gut sind, wie in den anderen.

Einige Leute argumentieren, dass "Benutzererfahrung" ein allumfassender Begriff für die Interaktionen der Endbenutzer mit einem Unternehmen, seinen Dienstleistungen und Produkten ist. In dieser Sichtweise ist die Benutzeroberfläche ein Teil der UX, d. h. jeder UI-Designer ist stellvertretend auch ein UX-Designer. Dies spiegelt sich in der Tatsache wider, dass Unternehmen oft einfach einen UX-Designer ausschreiben, wobei die Rollenbeschreibung sowohl UX- als auch UI-Design umfasst.

Einige Unternehmen stellen auch Interaktionsdesigner ein , die für die Gestaltung interaktiver Elemente in einem digitalen Produkt verantwortlich sind, indem sie Stellenanzeigen mit UX-Schwerpunkt veröffentlichen.

Für UX- und UI-Design sind keine Programmierkenntnisse erforderlich. Die Unternehmen sind eher daran interessiert, Talente mit hochwertigen Designfähigkeiten zu finden.

Obwohl Programmieren nie eine Voraussetzung ist, kann es manchmal ein Wettbewerbsvorteil sein. Die eigentliche Frage ist also, welche Designer am meisten davon profitieren, programmieren zu können.

• Zunächst einmal profitieren Designer, die sich gerne mit der technischen Seite des Interaktionsdesigns befassen, von Programmierkenntnissen. Es ist immer klug, sich ein Interesse oder eine Leidenschaft zunutze zu machen, um sich weiterzubilden.

• Zweitens: unabhängige UX/UI-Designberater. Wenn Sie in der Lage sind, Designs zu entwerfen und sie in Code umzusetzen, heben Sie sich von anderen Freiberuflern ab - mit Ihrer Einstellung können Unternehmen zwei Fliegen mit einer Klappe schlagen.

• Und schließlich profitieren Designer-Gründer enorm davon, dass sie programmieren können. Wenn Sie ein Designer mit einer unternehmerischen Ader sind und ein persönliches Projekt zum Leben erwecken wollen, können Sie viel Geld sparen, wenn Sie in der Lage sind, Ihre Ideen in Code umzusetzen.

Wie viel verdienen UX/UI-Designer?

Die Gehälter variieren je nach Land, in dem Sie arbeiten, dem Unternehmen, für das Sie arbeiten, und der Position, in der Sie sich befinden. Im Folgenden haben wir einige Daten von Career Foundry über die durchschnittlichen Jahresgehälter im Jahr 2021 zusammengestellt.

Die UX/UI-Designprozesse erklärt

Nutzerforschung ist das Herzstück eines guten Designs

Jeder Designprozess beginnt mit Nutzerforschung. Unternehmen florieren, wenn sie lernen, wie sie ihre Zielgruppen am besten bedienen können, sich in sie hineinversetzen und fundierte Schlussfolgerungen darüber ziehen, wie sie ihnen ein positives und angenehmes Erlebnis bieten können.

Da es bei UX und UI darum geht, digitale Erlebnisse zu schaffen und zu verbessern, müssen Designer über Elemente wie Layout, Navigationsoptionen, Bilder und Grafiken, Schaltflächen und Handlungsaufforderungen nachdenken. All diese Elemente machen das Benutzererlebnis aus. UX-Designer sollten sich fragen:

• Warum landen die Benutzer auf dieser Website?

• Nach welchen Informationen, Dienstleistungen oder Produkten suchen sie?

• Welche Probleme könnten sie haben?

UI bezieht sich auf die Besonderheiten des Designs und des Aussehens einer Website - von der Typografie bis hin zu Farbschemata und Schaltflächengrößen. UX hält sich von diesen Aspekten eher zurück und vermeidet die Detailorientierung, um sich darauf zu konzentrieren, wie die Nutzer mit dem Design des Produkts selbst umgehen.

Obwohl die Nutzerforschung für UI-Designer immer noch wichtig ist, müssen sie sich andere Fragen über die Nutzer stellen, zum Beispiel:

• Was spricht meine Benutzer visuell an?

• Was sollen sie fühlen?

• Was kann ich an der Benutzeroberfläche tun, damit sie sich so fühlen?

Der Designprozess wird durch Design Thinking bestimmt

Im Anschluss an die Nutzerforschung folgt der UX/UI-Designprozess fünf Schritten, wie sie im Design Thinking definiert sind. Der Prozess ist iterativ, aber nicht linear. Sie lauten wie folgt:

1. Einfühlen. Lernen Sie Ihre menschlichen Nutzer kennen, um ihre Wünsche, Bedürfnisse und Ziele so gut wie möglich zu verstehen.

2. Definieren. Definieren Sie die Probleme Ihrer Nutzer auf der Grundlage Ihrer Recherchen aus der vorherigen Phase. Erstellen Sie eine klare Problemstellung, die das Problem, das Sie identifiziert haben und für das Sie eine Lösung entwickeln wollen, in nutzerzentrierten Begriffen umreißt.

3. Entwickeln Sie Ideen. Entwickeln Sie Ideen für mögliche Lösungen. Beziehen Sie so viele Ansichten, Perspektiven und Stimmen wie möglich ein, um die Vielfalt der Gedanken zu gewährleisten. Erstellen Sie ein Portfolio Ihrer besten Optionen.

4. Prototypisieren. Erstellen Sie verkleinerte Modelle Ihrer potenziellen Produkte oder Lösungen. Verwenden Sie diese, um Ideen zu verfeinern und zu perfektionieren. Prototypen erleichtern die Kommunikation und bringen Erkenntnisse, die es möglicherweise erforderlich machen, ein paar Schritte zurück in die Ideenphase zu gehen.

5. Testen. Dies ist die Phase der Benutzertests. Fügen Sie Ihre besten Prototypen zu einem vollständigen Produkt zusammen, das Sie in der Praxis testen können. Dabei werden wahrscheinlich neue Probleme auftauchen, die Sie zu den vorherigen Phasen zurückführen.

Mehr über Design Thinking, seine Bedeutung, seine Geschichte und seine Feinheiten erfahren Sie in unserem Blogbeitrag Anleitung zum Design Thinking.

UX-Design: Das Quadrantenmodell

UX kann auch in vier Quadranten unterteilt werden. Dies ist eine nützliche Methode, um den Designprozess zu untergliedern und anzugehen.

1. Erlebnisstrategie (ExS)

In diesem Bereich geht es darum, technische Geschäfts- und Designstrategien zu Lösungen zu kombinieren, die eine großartige Benutzererfahrung unterstützen. Eine gute Erlebnisstrategie stellt sicher, dass die Vision eines Unternehmens, seine Benutzer- und Kundenbedürfnisse und seine technischen Möglichkeiten in Einklang stehen. Sie hilft den Teams bei der Verwaltung ihrer Ressourcen, indem sie konkrete Wege zur Lösung spezifischer Probleme für bestimmte Nutzer aufzeigt.

2. Interaktionsdesign (IxD)

Die Interaction Design Foundation definiert IxD als das Design interaktiver Produkte und Dienstleistungen, bei dem der Fokus des Designers über das zu entwickelnde Objekt hinausgeht und die Art und Weise einschließt , wie die Benutzer damit interagieren. Es erfordert eine genaue Untersuchung der Bedürfnisse, Einschränkungen und Kontexte der Benutzer und ermöglicht es den Designern, ihre Produkte genau auf die Anforderungen abzustimmen.

Es sind fünf Dimensionen von IxD zu berücksichtigen: Worte (1D), visuelle Darstellungen (2D), physische Objekte/Raum (3D), Zeit (4D) und Verhalten (5D).

Interaktionsdesign ist wahrscheinlich der schwerste dieser Quadranten, und Interaktionsdesign wird oft synonym mit UX-Design verwendet, obwohl es sich ausschließlich auf den Moment der Nutzung konzentriert. UX bezieht sich auf die gesamte User Journey.

3. Benutzerforschung (UR)

Wie wir bereits betont haben, ist die Nutzerforschung von zentraler Bedeutung, wenn Unternehmen Produkte, Dienstleistungen und Lösungen entwickeln wollen, die funktionieren und die von den Menschen gerne genutzt werden. Jedes gute Design, egal in welchem Kontext, ist nutzerzentriert.

Einfühlungsvermögen ist hier der Schlüssel - es ist die erste Phase des Design Thinking, aber auch in jeder anderen Phase ist es wichtig, Einfühlungsvermögen für die Nutzer zu haben. Wenn es um Nutzerforschung geht, ist das Ihr mächtigstes Werkzeug.

4. Informationsarchitektur (IA)

Informationsarchitektur bezieht sich auf die Struktur und das Design von Umgebungen, in denen Informationen ausgetauscht werden. Sie umfasst die Organisation von Inhalten auf Websites, Anwendungen und Social-Media-Kanälen.

Bei der Informationsarchitektur geht es darum, Informationen und Inhalte so zu organisieren, dass sie für Ihre Nutzer optimal nutzbar sind. Ihre neuen Benutzer sollten sich leicht an die Funktionsweise Ihres Produkts gewöhnen können, und Ihre bestehenden Benutzer sollten zufrieden sein, dass sie alle Informationen, die sie von Ihnen benötigen, leicht finden können.

Das Design eines Produkts sollte von einer effektiven IA geprägt sein. In der UX umfasst die IA die Kennzeichnung von Inhalten und Informationen, die Definition von Navigationssystemen und die Bereitstellung von Suchsystemen für die Benutzer.

Die wichtigsten UX/UI-Design-Fähigkeiten, die Ihre Bewerber benötigen

Gestalterisches Denken

In den letzten zehn Jahren wurde Design Thinking als eine wichtige soziale Technologie anerkannt, die Innovation ermöglicht. Unabhängig davon, ob Design Thinking als Denkweise oder als Methodik implementiert wird, ist die Prämisse recht einfach.

Design Thinking ist ein iterativer Prozess, bei dem Designer versuchen, ihre Nutzer zu verstehen, Annahmen zu hinterfragen und Probleme neu zu definieren, um innovative Lösungen zu finden.

Der Prozess umfasst fünf Phasen (Einfühlen, Definieren, Ideenfindung, Prototyping, Testen), die auf nicht-lineare Weise befolgt werden können, um Produkte, Dienstleistungen und Lösungen zu entwickeln. Der Begriff Design Thinking ist jedoch weitaus komplexer und bedarf einer gewissen Entmystifizierung, wenn Sie damit nicht vertraut sind. Deshalb haben wir einen kurzen und einfachen Leitfaden zum Design Thinking zusammengestellt.

Die besten UX/UI-Designer haben ein gutes Verständnis für Design Thinking, seine Prozesse und Prinzipien.

Wireframing und UI-Design

Ein Wireframe ist das Gerüst der späteren Benutzeroberfläche einer Anwendung oder eines Produkts. Es handelt sich dabei um eine Skizze der Benutzeroberfläche, die die wichtigsten Merkmale und Funktionen vermittelt, ohne das visuelle Design im Detail darzustellen.

Die Erstellung von Wireframes mit verschiedenen Tools und Software ist eine der grundlegendsten und wichtigsten Aufgaben, die UI/UX-Designer erledigen müssen. Sie sind für den Beginn der Designphase genauso wichtig wie Blaupausen für Architekten und Planer.

Wireframes werden in der Regel in drei Typen unterteilt: Low, High und Mid-Fidelity. UX/UI-Designer sollten alle drei Typen beherrschen, bevor sie in die nächsten Phasen des UI-Designs einsteigen. Es gibt viele nützliche Wireframing-Tools, aber Figma, Sketch, Adobe XD und Balsamiq sind die beliebtesten.

Wenn Sie einen guten UX/UI-Designer einstellen oder einen Produktdesigner mit soliden UX/UI-Fähigkeiten finden möchten, sollten Sie nach Kandidaten Ausschau halten, die das Wireframing beherrschen und mit dem oben in diesem Blogbeitrag beschriebenen UI-Designprozess vertraut sind.

Prototyping und Testen

Beim Design geht es um mehr als nur um Kreativität: Manchmal werden die Dinge auch praktisch. Die besten UX/UI-Designer sind in der Lage, ihre Ideen erfolgreich zu prototypisieren und zu testen, bevor sie sie umsetzen.

Im Design-Thinking-Prozess sind die Prototyping- und Testphasen die wichtigsten Phasen, um Feedback von den Zielgruppen einzuholen und potenzielle Bereiche für Anpassungen zu identifizieren.

Aus diesem Grund kann die Bedeutung von Prototypentests gar nicht hoch genug eingeschätzt werden. Ohne sie werden Ideen immer nur auf dem Papier existieren. Wie können Sie etwas so verändern, dass es den Bedürfnissen der Nutzer entspricht, wenn Sie keine Prototypen erstellen und testen? Stellen Sie sicher, dass Sie UX/UI-Designer-Kandidaten einstellen, die dies können und gut auf konstruktive Kritik reagieren.

Prototyping ist das Gespräch, das Sie mit Ihren Ideen führen.

Tom Wujec

Übergabe an den Entwickler

Dies ist die Phase, in der das UI-Design für die Entwickler bereit ist, um es in Code umzusetzen. Die Informationen müssen den Entwicklern klar und effektiv vermittelt werden, damit die Übergabe reibungslos verläuft. Fehler, und seien sie noch so klein, können dazu führen, dass sowohl Designer als auch Entwickler wertvolle Zeit verlieren und sogar das Endprodukt beeinträchtigt wird.

Von der Idee bis zur Markteinführung durchlaufen Produkte und Lösungen eine ganze Reihe von Übergaben und Gesprächen. Aber die Übergabe zwischen Design und Entwicklung ist oft die stressigste, weil Designer und Entwickler so unterschiedliche Aufgaben erfüllen.

In den meisten Fällen gibt es eine Wissenslücke. Und diese kann nur durch konstruktive Kommunikation und eine effektive Übergabe überbrückt werden. Die Einstellung von Bewerbern, die sich mit der Übergabe von Aufgaben an Entwickler auskennen, spart Ihrem Unternehmen Zeit und Geld.

Soft Skills für UX/UI-Design

Kommunikation

Wie zuvor erwähnt, ist eine gute Kommunikation das A und O für eine erfolgreiche Übergabe von Entwicklern. Wenn Sie einen UX/UI-Designer einstellen, ist es daher wichtig, dass Sie Kandidaten mit guten mündlichen und schriftlichen Kommunikationsfähigkeiten identifizieren und in die engere Auswahl nehmen.

Ihre Kandidaten sollten auch hervorragend in der visuellen Kommunikation sein. Das Erstellen von Bildern, die effektiv mit den Nutzern kommunizieren, ist ein Hauptanliegen beim Design von Benutzeroberflächen.

Problemlösung

Design Thinking beschreibt den Designprozess als einen Prozess, in dem Designer effektiv Probleme identifizieren und dann ihren Weg vom Problem zur innovativen Lösung finden. Daher sind Problemlösungsfähigkeiten für jeden UX/UI-Designer wichtig.

Liebe zum Detail

Der Weg von der Idee zum Produkt muss gründlich und rigoros sein. Die Behebung von UX-Problemen nach der Markteinführung eines Produkts oder einer Dienstleistung ist kostspielig: Wie wir eingangs erwähnt haben, kostet es Unternehmen etwa 100 Mal weniger, Probleme vor der Markteinführung zu beheben.

DieBeschäftigung von UI/UX-Designern mit beeindruckenden Detailkenntnissen ist ein zuverlässiger Weg, um die Feinheiten richtig zu machen und zusätzliche Zeit- und Ressourcenkosten zu vermeiden.

Zeitmanagement

Ein gutes Zeitmanagement ist an jedem Arbeitsplatz wichtig. Bei Designern hängt der Fortschritt des Entwicklungszyklus eines Produkts stark von ihrer Fähigkeit ab, Aufgaben rechtzeitig zu erledigen. Obwohl die Liebe zum Detail wichtig ist, kann das Streben nach Perfektion zu endlosen Überarbeitungen führen und die Prozesse verlangsamen. Die besten UX/UI-Designer setzen ihr Wissen und ihre Erfahrung ein, um ihre Aufgaben effektiv zu priorisieren.

Sie stellen einen UX/UI-Designer ein? Wir können helfen

Wie Sie sehen, gehören zum UX/UI-Design eine ganze Reihe von Fähigkeiten. Wenn Sie einen UX/UI-Designer einstellen, können Sie anhand des Lebenslaufs der Bewerber nicht feststellen, ob sie über diese Fähigkeiten verfügen oder nicht.

Lebensläufe führen zu kostspieligen, ineffektiven Einstellungspraktiken. Diese veralteten Dokumente sind besonders schlecht für digitale und technikbezogene Einstellungen, da sie nur Informationen über Ausbildung und Erfahrung bieten, während Fähigkeiten wie UX/UI-Design häufig autodidaktisch erworben werden.

Wie können Sie also sicherstellen, dass Sie UX/UI-Kandidaten einstellen, die über alle oben genannten Fähigkeiten verfügen? Wir haben es einfach gemacht.

Mit TestGorilla können Sie:

• Unsere umfassende und ständig wachsende Testbibliothek durchsuchen

• Auswählen, welche Tests Sie Ihren Kandidaten vorgeben möchten

• eine vollständige Bewertung der Fähigkeiten vor der Einstellung erstellen und an Ihre Bewerber senden

Die Ergebnisse werden Ihnen zeigen wie die Bewerber bei bestimmten Fähigkeiten abschneiden auf einen Blick. Alle unsere Tests wurden von Branchenexperten entwickelt, und Sie können nach Belieben eigene Fragen hinzufügen.

So testen Sie die UX/UI-Design-Fähigkeiten von Bewerbern

Verwenden Sie unseren UX/UI-Design-Test

Zuvor haben wir vier Fähigkeiten beschrieben, die einen UX/UI-Designer ausmachen. Zur Erinnerung: Das sind

• Design-Thinking-Fähigkeiten

• Wireframing und UI-Design-Fähigkeiten

• Fertigkeiten im Bereich Prototyping und Testen

• Fähigkeiten zur Übergabe an Entwickler

Mit dem UX/UI-Design-Test von TestGorilla können Sie Ihre Bewerber in allen vier Bereichen auf einmal bewerten. Dieser Zwischentest dauert zehn Minuten. In dieser Zeit bewertet er zuverlässig das Wissen der Bewerber über den gesamten Designprozess und ihre Fähigkeit, Funktionsanforderungen in intuitive und innovative digitale Produktdesigns umzusetzen.

Im Test werden den Kandidaten direkte Fragen zu diesen Themen gestellt, aber auch situative Beurteilungsfragen, in denen sie aufgefordert werden, auf Situationen zu reagieren, mit denen sie als Designer konfrontiert werden könnten. Hier sind einige Beispiele.

Hier werden die Kandidaten gebeten, einige Schlussfolgerungen aus einer User Story abzuleiten. Mit ihrer Antwort zeigen sie, dass sie die Etikette für Benutzergeschichten kennen.

Bei dieser Frage werden die Kandidaten aufgefordert, Änderungen zur Verbesserung eines Entwurfs vorzuschlagen. Sie bewertet die Entwurfsfähigkeiten, indem sie die Kandidaten auffordert, situationsbezogenes Urteilsvermögen anzuwenden. Kandidaten, die diese Frage richtig beantworten, zeigen, dass sie in der Lage sind, Bereiche zu identifizieren, in denen der Entwurf verbessert werden kann.

In diesem letzten Beispiel werden die Kandidaten gebeten, Schritte auszuwählen, bei denen Benutzerflussdiagramme nützlich sein könnten. Der Test misst das Wissen über Benutzerflussdiagramme und die Fähigkeiten zur visuellen Kommunikation.

Andere relevante Tests

Um ein erfolgreicher UX/UI-Designer zu sein, bedarf es weitaus mehr als der rollenspezifischen Fähigkeiten, die dieser Test misst. Deshalb empfehlen wir, drei bis fünf Tests zu kombinieren, um eine vollständige Bewertung für Ihre Kandidaten zu erstellen. Auf diese Weise erhalten Sie ein umfassendes Bild von den Fähigkeiten und der Persönlichkeit des Bewerbers.

Sie können unsere Testbibliothek durchsuchen, um weitere relevante Tests zu finden und Ihre Bewertung zu erstellen. Wir bieten rollenspezifische, persönlichkeits- und kulturspezifische, kognitive Fähigkeiten, Sprachtests, Programmiertests und Tests zur Situationsbeurteilung.

Um UX/UI-Kandidaten hinsichtlich der oben genannten Soft Skills zu beurteilen, können Sie diese Tests durchführen:

• Einen Kommunikationstest

• einen Test zur Aufmerksamkeit für Details (visuell)

• Ein Test zur Detailgenauigkeit (textuell)

• Ein Test zur Problemlösung

• Ein Test zum Zeitmanagement

Passen Sie Ihre Beurteilungen an die Anforderungen Ihres Unternehmens an und fügen Sie benutzerdefinierte Fragen hinzu, um relevante, qualifizierte Antworten von Ihren Bewerbern am Anfang des Einstellungstrichters zu erhalten.

Noch nie war es so einfach, fähigkeitsbasierte Einstellungen vorzunehmen. Mit TestGorilla können Sie die Besten ohne Voreingenommenheit oder Stress einstellen - melden Sie sich noch heute kostenlos an oder wählen Sie ein für Sie passendes Paket.