User Experience Design

Professionelles Webdesign mit UX und UI

Grundsätzlich gilt: Jede Website, jeder Online-Shop und jede Online-Anwendung braucht ein Konzept und eine visuelle Umsetzung. Für eine professionelle Umsetzung mit definierten Zielsetzungen ist eine strategische Herangehensweise an das Webdesign erforderlich. In einem Design-Prozess mit strategischen Zielen betrachten wir vor allem zwei Bereiche: UX-Design (User Experience-Design) und UI-Design (User Interface Design).

Was ist der Unterschied zwischen UX-Design und UI-Design?

UX-Design

  • UX-Design steht für die Konzeption der Gestaltung.

  • UX-Design sorgt für Wirksamkeit (Funktionalität).

  • Der Fokus im UX-Design liegt beim Ganzen.

UI-Design

  • UI-Design steht für die Visualisierung, das Aussehen und die handwerkliche Gestaltung (das „Schönmachen“).

  • UI-Design sorgt für Ästhetik.

  • Der Fokus im UI-Design liegt beim Detail.

Agentur für UX/UI-Design

Als Agentur für UX-Design und UI-Design bieten wir eine breite Palette von Leistungen, um nutzerorientierte und gut gestaltete digitale Produkte zu schaffen. Einerseits sollen die Ergebnisse individuell und einzigartig sein. Andererseits müssen sie schnell zu bedienen, schnell zu verstehen und insgesamt nutzerfreundlich sein. Wir skalieren dabei unsere Leistungen passend zu Ihrem Budget und Ihren spezifischen Wünschen.

Leistungen UX-Design

  • In der Research-Phase betrachten wir alle verfügbaren Daten: z.B. bisherige Nutzung der Website, SEO-Analyse, Marktumfeld/Benchmarks, User-Interviews

  • Mit Hilfe dieser Daten werden erste Benutzer-Szenarien erstellt, z.B. mit Hilfe von Personas oder User Journey Maps.

  • In der Informationsarchitektur erarbeiten wir unter anderem die Struktur der Seiten, das Navigationskonzept, die Integration von Funktionalitäten und Daten sowie die Organisation von statischen und dynamischen Inhalten.

  • Das Interaktions-Design liefert Design-Elemente, die dem Nutzer Feedback zu seinen Aktionen geben und für eine gute Usability sorgen.

  • Im Prototyp stellen wir die Prinzipien der Informationsarchitektur und des Interaktions-Designs anhand von Beispielen dar.

Leistungen UI-Design

  • Farben und Formen werden auf Basis der Design-Vorgaben umgesetzt. Als Basis dienen bestehende Styleguides oder das Logo des Kunden.

  • Im Layout wird die Informationsarchitektur der Website unter Verwendung von passenden Medien zielgruppengerecht ausgestaltet.

  • In der Typografie werden die Fonts für Texte, Überschriften, Verlinkungen, Listen, Tabellen und alle sonstigen Textelemente ausgewählt und mit entsprechenden Vorgaben für die Umsetzung festgelegt.

  • Im Grafik-Design werden visuelle Elemente für Navigation und Inhalte gestaltet und bearbeitet: z.B. Fotos, Grafiken, Infografiken, Icons, Animationen, Videos.

  • Für alle spezifischen Seitentypen oder Content-Elemente werden visuelle Layouts in einem Styleguide erstellt, die als Vorlage für die Umsetzung dienen.

Usability und User Experience

Die Begriffe Usability und User Experience werden häufig synonym gebraucht. Wir verstehen unter Usability eher den funktionalen Aspekt. Also funktioniert die Seite, finde ich meine Inhalte, ist das Design effektiv, dann ist die Seite nutzerfreundlich. User Experience erweitert diese Anforderungen und umfasst auch die subjektiven Empfindungen der User bei der Nutzung einer Web-Anwendung. Usability ist aus dieser Perspektive ein Teilbereich der UX.

Mit dem User Experience Design verfolgen wir daher immer das Ziel den Nutzern eine ganzheitliche, positive subjektive Erfahrung bei der Nutzung einer Anwendung zu vermitteln. Nur so können die damit verbundenen strategischen Zielsetzungen erreicht werden: Bessere Conversion, längere Verweildauer, mehr Interaktion, mehr Transaktion usw.     

User Interface Design

Unter UI-Design verstehen wir den handwerklichen Aspekt des Webdesigns auf Grundlage der konzeptionellen Vorarbeit aus dem UX-Design. Hier fließen alle Ergebnisse zusammen. Die Vorgaben aus dem Corporate Design müssen beachtet werden, Bildmaterial und andere Medien müssen ausgewählt und angepasst werden und die konzeptionellen Vorgaben für die Informationsarchitektur und die Benutzerszenarien werden in zielgruppengerechte Layouts und Elemente für die Navigation und Interaktion übersetzt.

Typische Elemente des User Interface (UI)

  • Texte

  • Überschriften

  • Links

  • Buttons

  • Menüs

  • Navigationselemente

  • Listen

  • Tabellen

  • Schaltflächen

  • Logo

  • Fotos, Bilder, Grafiken

  • Icons

Wofür brauche ich UX und UI?

Wenn Sie mit Ihrer Website, Ihrem Shop oder Ihrer Online-Anwendung ambitionierte Ziele verfolgen, brauchen Sie mehr als ein „schönes Webdesign“. In diesem Fall brauchen Sie eine strategische Herangehensweise mit differenzierten Instrumenten, die wir passend zu Ihrer Zielsetzung und zu Ihrem Budget zusammenstellen.

Die Prinzipien von UX und UI lassen sich grundsätzlich auf alle digitalen Anwendungen anwenden. Je nach Anwendung und Technologie setzen wir unterschiedliche Schwerpunkte, aber die Herangehensweise und und die Grundbausteine der Gestaltung sind grundsätzlich gleich.

Anwendungen für UX und UI

  • Webseiten und Webanwendungen

  • Online-Shops und E-Commerce-Anwendungen

  • Grafische Benutzeroberflächen und Online-Software

Vorteile von UX und UI

  • Höhere Conversion-Rate

  • Zufriedenere Kunden

  • Mehr Neukunden

  • Mehr Leads

  • Mehr Umsatz

  • Mehr Transaktionen

Referenzen

Scroll TopScroll Top