Barrierefreie Optionen
Schriftgröße
  • Normal
  • Groß
  • Sehr groß
Kontrast
  • Normal
  • Schwarz / Weiß
  • Invertiert
Großer Mauszeiger
  • Aus
  • An

User Interface Design heißt Schnittstellen gestalten

Das Interfacedesign ist ein komplexer Schritt auf dem Weg zur erfolgreichen Webseite. Es zielt darauf ab, Anwendungsprozesse funktional, bedürfnisgerecht und natürlich auch visuell ansprechend zu gestalten. Gutes Design macht Freu(n)de.

FIRST STOP: USER EXPERIENCE

Lass dein Publikum mühelos zum Ziel kommen.

Wir alle haben die Erfahrung gemacht, auf verschiedenen Webseiten zu navigieren und dabei das Gefühl zu haben, vollkommen verloren zu sein. Über ein solches Erlebnis gelangt man im Wesentlichen genau zum Kern einer gelungenen User Experience: Verständlichkeit. Im Zuge deines Web-Projektes bedeutet gutes UX Design ein intuitives Benutzererlebnis für deine Seitenbesucher*innen zu schaffen, das sie entweder mit den Informationen versorgt, die sie suchen oder ihnen einen reibungslosen Einkauf oder Download ermöglicht. Im allerbesten Fall macht der Besuch deiner Webseite auch noch Spaß dabei. Um sicherzustellen, dass all diese Anforderungen gleichermaßen berücksichtigt und erfüllt werden, ist vor allem eines wichtig: du musst verstehen, wer deine Webseite bedient und mit welchen Erwartungen, Bedürfnissen und auch Fähigkeiten Besucher auf deiner Seite landen. Kurz gesagt, du musst deine Zielgruppe kennen lernen.

Liegen dir bereits personenbezogene Daten deiner Kund*innen, etwa durch Bestellungen und Aufträge aus der Vergangenheit vor? Schaltest du regelmäßig Werbeanzeigen im Social Media Bereich und weißt bereits einiges über deine potentiellen Kund*innen? Nutzt du vielleicht sogar schon Tracking-Methoden, die dir wertvolle Informationen über deine Seitenbesucher*innen liefern? Auch ein Blick auf deine alte Website, sofern vorhanden, lohnt sich: Gibt es Links und Schaltflächen, die evt. nicht funktionieren oder den User im dead end versauern lassen? Gibt es sogenannte pain points, also machst du die Erfahrung, dass User wiederkehrend an der selben Stelle einen bestimmten Vorgang – z.B. eine Bestellung – abbrechen? Die Analyse des Ist-Zustandes wird durch den Wunsch sofort etwas Neues auf die Beine zu stellen, oft vernachlässigt, ist aber zentraler Baustein eines gelungenen UX Designs. Wir helfen dir dabei, diesen wichtigen Punkt nicht aus den Augen zu verlieren und kümmern uns die Bestandsanalyse, damit du den Kopf für das Planen und die Ideen der Zukunft frei hast.

INTUITIVE BENUTZERFÜHRUNG
INTUITIVE BENUTZERFÜHRUNG

Gutes Design nimmt den User an die Hand.

SIMPEL UND EFFEKTIV

5 Tipps für gutes UI Design.

Keine Überraschungen
für den User

Lass den Nutzer wissen, was gerade passiert und warum. Vermeide, dass er Schritte erraten muss.

Konsistenz und
Stringenz im Design

Elemente mit dem gleichen Aussehen sollten stets die gleiche Funktion beibehalten.

Anpassung an die Welt
in der Realität

Weise auf abgeschlossene Aktionen hin. Auch in der realen Welt sind Prozesse gegliedert.

Minimalistisches und
klares Design

Verzichte auf irrelevante Inhalte oder Designelemente, die keine Benutzeraufgaben unterstützen.

Wiedererkennbarkeit
schaffen

Eine thematische Farbgebung z.B. kann wiederkehrenden Benutzern helfen, Funktionen zu verstehen.

Du willst mehr über UI Design erfahren?

DAS DESIGN MACHT DEINE SEITE VERSTÄNDLICH

Machen wir was Schönes + Funktionales.

Im Prozess des User Interface Designs geht es nun darum, digitale Oberflächen und Systeme (z.B. Webseiten oder Apps), mit denen der User direkt in Kontakt kommt, benutzerfreundlich und passend zur Corporate Identity zu gestalten. Bei WUNSCH+MAIKIND geht allen Seitenentwicklungen ein separater User Interface Design Prozess voraus, um sicher zu stellen, dass sich die Besucher*innen deiner Seite niemals lost fühlen. Unser Credo lautet dabei: Im Einfachen liegt das Wirkungsvolle. Ein roter Faden, der ohne Suchen gefunden wird, muss den User über die gesamten Seiteninteraktion hinweg begleiten.

UNSERE 3 STUFEN DES UI DESIGNS

01 | User Flow

Im ersten Schritt legen wir einen „User Flow“ fest, eine vereinfachte Seitenarchitektur deiner neuen Webseite, die visualisiert, welche Schaltflächen, Grafiken und Links miteinander verknüpft sind. Diese Verkettung von Elementen verschafft zum einem Überblick über die notwendigen Bedienelemente, zum anderen ist der Flow eine gute Basis, zu der man zurück kehren kann, wenn die Webseite zu einem späteren Zeitpunkt verändert, oder erweitert werden soll.

02 | Screendesign

Auf dem User Flow aufbauend entwickeln unsere Designer sogenannte Screendesigns, die wie der Name schon verrät, die Bildschirmansichten, sowohl für Desktop als auch Smartphone, darstellen. Unser Ziel ist es dabei nicht nur optisch ansprechendes, sondern auch funktionelles Design zu erzeugen. Die Layouts und grafischen Elemente, die in diesem Schritt entwickelt werden, dienen zusammen mit einem Styleguide als Basis für die technische Umsetzung.

03 | Prototyping

Sobald das Screendesign erarbeitet ist und das Look & Feel der Seite von dir und deinem Team freigegeben wurde, beginnt das digitale Prototyping. Darunter versteht man die frühe Visualisierung und iterative Optimierung deines Webprojektes, indem einzelne Screendesigns verlinkt und teilweise animiert werden. Vor allem im mobile view, also der Betrachtung bzw. Anwendung am Smartphone, mutet das Nutzererlebnis so mehr wie eine „echte“ Webapplikation an.

Wir legen viel Aufmerksamkeit auf den Prozess des UI Designs, denn wir haben den Anspruch, nicht nur attraktive digitale Produkte zu schaffen, sondern auch solche, die im Gedächtnis bleiben. All unsere Webseiten sind responsive, passen sich an das Ausgabegerät an und versprechen eine auflösungsübergreifende, klare Seitenerscheinung. Wir verknüpfen einzigartiges Design, User Experience und Corporate Branding deines Unternehmens um einen ganzheitlichen digitalen Firmenauftritt zu realisieren.

“A user interface is like a joke. If you have to explain it, it’s not that good”.

Martin Leblanc

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell, während andere uns helfen, diese Website und deine Erfahrung zu verbessern. Hört sich das für dich gut an?

Cookie-Einstellungen

Hier findest du eine Übersicht über alle verwendeten Cookies. Du kannst deine Einwilligung zu allen Cookies geben oder dir weitere Informationen anzeigen lassen und so nur bestimmte Cookies auswählen. Informationen dazu, wie WUNSCH+MAIKIND mit deinen Daten umgeht, findest du in unserer Datenschutzerklärung.

Essenziell

Essenzielle Cookies ermöglichen grundlegende Funktionen und sind für die einwandfreie Funktion der Website erforderlich.

Matomo

Cookie von Matomo für Website-Analysen. Erzeugt statistische Daten darüber, wie der Besucher die Website nutzt.