User Centered Design: Wieso wir deine User lieben

Eine digitale Lösung ist erfolgreich, wenn sie die Wünsche ihrer Nutzenden übertrifft – und in Übereinstimmung bringt mit den Anforderungen unserer Kunden. Genau da liegt unsere grösste Stärke.

Einleitung

Wieso User Centered Design?

Vier Teammitglieder von Helga stehen vor einer Wand besprechen die aufgehängten Entwürfe.

Jede digitale Lösung hat ein Ziel: Leads generieren, Leistungen verkaufen, Wissen vermitteln.

Nachhaltig macht sie das nur, wenn Nutzende gern mit ihr interagieren: Weil sie dann Vertrauen aufbauen, Daten anvertrauen, wiederkommen, kaufen, weiterempfehlen.

Bei einer erfolgreichen Website oder -Applikation decken sich also die Anforderungen unserer Kunden mit den Wünschen ihrer Nutzenden.

Um diese Wünsche erfüllen zu können, müssen wir sie kennen: Wünsche wie Nutzende. Und darauf konsequent ins Zentrum rücken – unseres Denkens und Handelns und Alltags. «User Centered Design» eben.

Beispiele

Habt ihr mir ein paar Beispiele für gute User Experience?

Klar – und aus Projekten, die wir konzipiert, gestaltet und umgesetzt haben:

UBS Football Skills Inbox

Interaktive Inbox für den Schweizerischen Fussballverband SFV

Credit Suisse Skills funktioniert dank engem Zusammenspiel von Players und Coaches.
Damit beide immer wissen, was sie als nächstes tun können, haben wir eine Inbox mit personalisierten Updates eingeführt. 

Diese Inbox ist interaktiv, sodass einfache Tasks – z.B. der Beitritt zu einer Gruppe – auch direkt in dieser erledigt werden können.

Mehr zu UBS Football Skills

Interaktiver 3D-Produkt-Guide für RONDO

RONDO ist ein weltweit führender Hersteller von Maschinen für die Teigverarbeitung.
 
Um diese Maschinen digital erlebbar zu machen, erläutern wir ihren Mehrwert für Kunden anhand eines interaktiven 3D-Modells. 

Beim Scrollen werden Nutzende durch das Produkt geführt. Mit diesem können sie frei interagieren (zoomen, drehen) – und es in der eigenen Umgebung ansehen (Augmented Reality, AR).

Mehr zu RONDO

Übersicht der persönlichen Lernerfolge als Dashboard

Spielerisch Lernen bei The Body Shop

Das E-Learning-Tool von The Body Shop soll Wissen spielerisch leicht vermitteln. 
Auf dem Start-Screen führt «Zufälligen Kurs starten» direkt zu einem für den User passenden Kurs, damit die Auswahl via Kategorie entfällt.

Gleichzeitig sehen Nutzende anhand dreier einfacher Indikatoren, wo sie gerade stehen und sich verbessern können.

Mehr zu The Body Shop E-Learning

Raphael ist Partner – und für dich da.

031 528 10 25
raphael@helga.ch

Espresso, Doppio, Macchiato – Stout?

User Experience

Woran erkenne ich eine gute User Experience?

User Experience – kurz UX – umschreibt die Gesamtwirkung, die ein Produkt auf seine Nutzenden macht.

Sie erstreckt sich über alle Kanäle, analoge wie digitale, und deren Zusammenspiel. Und sie umfasst alle Ebenen eines Produkts, von Strategie bis zu Design.

Infografik verschiedene Teile von User Experience

Was gehört alles zu User Experience?

User Experience ist nicht, wie etwas aussieht, sondern wie’s funktioniert. In diesem Bonmot steckt Wahrheit, die sich in fünf Ebenen gliedern lässt:

Strategie: Welches Bedürfnis erfüllt das Produkt, worin liegt sein Sinn?

Scope (Umfang): Welche Funktionen und Inhalte hat das Produkt?

Struktur: Wie finden Nutzende zu ihrem Ziel, wie interagieren sie mit dem Produkt? 

Skeleton (Gerüst): Wie sind die einzelnen Bestandteile – z.B. Seiten – aufgebaut?

Surface (Oberfläche): Hier, endlich, das Grafische: Wie sieht das Produkt aus?

Infografik zur Beurteilung von guter User Experience

Und wie merke ich, ob die UX gut ist?

Weil User Experience der Gesamtwirkung eines Produkts entspricht, ist sie auch irgendwie ein Bauchgefühl – und nichts ist schwieriger zu qualifizieren. Folgende Fragen helfen dabei:

Nützlich: Erfüllt das Produkt ein Bedürfnis, hat es einen Zweck?

Nutzbar: Ist das Produkt einfach zu bedienen?

Auffindbar: Finden Nutzende zu ihrem Ziel?

Zugänglich: Können auch Menschen mit Beeinträchtigungen das Produkt nutzen?

Wertvoll: Bietet das Produkt einen Mehrwert – für Auftraggeber wie Nutzende?

Glaubwürdig: Kommuniziert das Produkt das dahinterstehende Angebot angemessen?

Begehrenswert: Bereitet das Produkt Freude, weckt es positive Emotionen, macht es Spass?

Kundenstimme

«Unser gemeinsames Projekt ist ein Riesenerfolg. Wir sind beeindruckt – auch, weil unsere User davon so beeindruckt sind!»

Simona Kröni, Ehem. Verantwortliche Website / Online Marketing-Manager, Schweizerischer Apothekerverband pharmaSuisse

Agentur

Wieso eine Agentur für User Experience?

Weil wir aus einer Hand bieten, was eine digitale Lösung erfolgreich macht: Technologie und Design und Begeisterung.

Weil wir kritische, unabhängige Experten sind und uns genauso als Anwalt der Nutzenden verstehen wie als begleitende Partner unserer Kunden.

Deswegen tragen wir als Agentur den Namen eines Menschen – Helga: Weil wir unsere Kunden an der Hand nehmen und durch ihr digitales Abenteuer begleiten mit dem Ziel, ihre Nutzenden zu begeistern.

Gründung 2011
Leute 9
Pläne* 0

*Digitalisierung ist individuell. Wir quetschen dich nicht in einen Prozess, wir richten uns nach deiner Herausforderung.

Best of Swiss Web 2023

Bronze

Best of Swiss Apps 2023

Bronze

Best of Swiss Web 2020

Silber

Best of Swiss Web 2018

Bronze

Vorbilder

Mit wem habt ihr schon zusammengearbeitet?

Wir sind Helga. Da für Helden. Wie dich.

Ich möchte ...

auf Kaffee oder Bier vorbeikommen
ein neues Projekt starten
bei euch arbeiten
am nächsten Sommerfest teilnehmen

Raphael ist Partner – und für dich da.

031 528 10 25
raphael@helga.ch

Prozess

Wie erreichen wir eine gute User Experience?

Wie man einen Elefanten isst: Stück für Stück. In kleinen Schritten, in denen wir die User kennenlernen, auf Erfahrung bauen, Lösungen skizzieren – und immer wieder Rückmeldungen einholen.

Inforgrafik zum Prozess der Gestaltung von User Experience

Was brauchst du als Kunde?

In der Regel wissen unsere Kunden ziemlich genau, was sie erreichen wollen: Leads generieren, Leistungen verkaufen, informieren, motivieren. Wir definieren diese Ziele gemeinsam, damit wir wissen, woran sich unser Erfolg bemisst – im besten Fall anhand konkreter Zahlen (KPI).

Wer sind die Nutzenden?

Wer wird die Lösung, die wir entwickeln, brauchen? Mit welchen Herausforderungen kommen sie? Was bietet ihnen die Konkurrenz? Diese Fragen beantworten wir gemeinsam mit Kunden (anhand eines Workshops) und insbesondere mit Nutzenden (User Research).

Wie können wir dich und deine Nutzenden glücklich machen?

Digitale Ideation: Wenn wir Lösungen erarbeiten, welche die Wünsche eines Kunden mit jenen seiner Nutzenden in Übereinstimmung bringen. Diese visualisieren wir anhand von User Stories, Leitgedanken, Informationsarchitektur und einer User Experience Map.

Was hältst du davon? Und die Nutzenden erst?

Unsere Ideen skizzieren wir möglichst früh anhand von Prototypen: Sie sind die perfekte Grundlage, um kritisch zu prüfen, ob wir die Wünsche von Kunden und Nutzenden verstanden und auf die bestmögliche Art gelöst haben.

Wie sieht das Ganze aus?

Wenn wir wissen, dass ein Prototyp funktioniert, fokussieren wir auf sein Look & Feel: Marke, Farbe und Formen, Animationen – Designsystem. Und halten in einem Pflichtenheft fest, was er kann.

Projekte

Und bei welchen Projekten hat Helga die User Experience mitgestaltet?

Bei jedem Projekt, das wir konzipieren und gestalten, rücken wir die Nutzenden in den Fokus – User Centered Design ist ein essenzieller Bestandteil all unserer Referenzen:

Golf.ch Internationaler Shop Ingwerer The Body Shop E-Learning Corporate-Website RONDO Burgdorf AG E-Commerce-Lösung B+M Antibiotika-Resistenzen INFECT Corporate Website BLS Cargo

Golf.ch

Startseite der Golf.ch Website
Der digitale Golfplatz Sucher der Webseite von Golf.ch
Golfplatzübersicht auf Mobile der Website Golf.ch
Bildwelt der Website Golf.ch
Inhaltsübersicht der Kategorie Golfmesser der Website Golf.ch auf Mobile
Golfplatz Detailseite der Website golf.ch
Bildwelt der Website Golf.ch
Golf.ch Logo

Hinter Golf.ch steht eine europaweit führende Golf-Vermarktungsagentur: 35 Personen betreuen mehr als 75 Golfanlagen in der Schweiz und ihren Nachbarsländern. Sie erreichen Golfinteressierte mit 140 digitalen Displays auf Golfplätzen, an Messen – und via Golf.ch

Zu Golf.ch

Internationaler Shop Ingwerer

Startseite der Website von Ingwerer
Rezepteübersicht der Website Ingwerer.ch
Produktbild Gin mit frischem Ingwer von Ingwerer.ch
Steckbrief eines Drinks der Website ingwerer.ch
Ingwerer Logo
Produktdetailseite des Webshops ingwerer.ch

Gewinnen wir ein Projekt, gibt's Ingwerer-Shots, immer schon. Umso schöner, sind wir seither gemeinsam gewachsen und haben die internationale Website mit Online-Shop zusammen umgesetzt. Partner: Prasser Sander.

Zur ingwerer.ch

The Body Shop E-Learning

Übersicht der persönlichen Lernerfolge als Dashboard
Verschiedene Informationen zu Body Shop Artikeln in einer Slideshow
Übersicht der Lernerfolge der gesamten Filiale als Dashboard
Übersicht der verfügbaren Kursen von BodyShop E-Learning

Über 200 Mitarbeitende in 50 Filialen: Dank E-Learning erfahren sie laufend von neuen Produkten, Markenwerten und Verkaufsstrategien. Und mit Gamification bleiben sie am Ball – freiwillig.

Corporate-Website RONDO Burgdorf AG

Newsletter Anmeldeformular auf der Website von RONDO
Schokoladenbrötchen auf einem Blech
Kontakt Overlay auf der Website von RONDO
Rondo Logo
Chinesische Homepage von RONDO
Sprachwechsel auf der Website von RONDO
Interaktives 3D-Modell einer Maschine von RONDO

RONDO ist einer der wichtigsten Hersteller von Maschinen für Teigverarbeitung – weltweit. Und digital klar führend: Auch dank unseren 3D-Darstellungen mit Augmented Reality. Partner: Formfabrik, allink.

Zur Website

E-Commerce-Lösung B+M

Startseite der B+M Webseite
Webshop Navigation und Filter der Website von B+M
Produktdetailseite des Webshops von B+M
Blogübersicht der Website von B+M
Bildwelt der Website von B+M
Produktübersicht des Webshops von B+M
B+M Agrotech Logo
Warenkorb des Webshops von B+M
Produktbilder Galerie des Webshops B+M

B+M ist führend bei der Einrichtung von Ställen für Pferde und Rinder. Über unseren Online-Shop lässt sich alles bestellen, was dafür nötig ist – auch auf dem Feld auf dem Traktor vom Smartphone aus.

Zur Website

Antibiotika-Resistenzen INFECT

Übersicht Infect Board
Mobile Filter Ansicht von Infect
Gefilterte Ansicht von Infect
Infect Logo
Ansicht Onboarding Infect App
Board Übersicht Infect App

Antibiotikaresistenzen sind eine der grössten Gefahren für die globale Gesundheit. INFECT stellt sie übersichtlich, aktuell und regional dar – und ermöglicht, diese dank gezielter Behandlung zu reduzieren.

Corporate Website BLS Cargo

Startseite der BLS cargo Website
Designsystem der Website BLS Cargo
Pattern Galerie der Website BLS Cargo
BLS cargo Logo
BLS Cargo Mobile Darstellung des Seiteneinstiegs
Bildwelt der BLS cargo Website
BLS Cargo Pattern Kennzahlen der Website
Pattern Content-Liste der Website BLS Cargo

BLS Cargo ist eine der wichtigsten Güterbahnen Westeuropas. Unsere Website kommuniziert diese Position mit viel Sympathie. BLS Cargo wirkt dadurch nahbar – und spielt so ihre grösste Stärke aus.

Zur Website
Wie weiter?

Ein kleiner Schritt für 
dich ...

… und ein gewaltiger Sprung für dein Projekt. Wagst du ihn? Darauf übernehmen wir. Versprochen. Und führen dich in übersichtlichen Schritten zu einem Resultat, das umhaut.

Deine aktuelle Recherche

Du findest zu uns

Die grösste Hürde ist genommen: Du hast zu uns gefunden. Hossa! Von hier an wird’s nur noch einfacher.

Kontaktaufnahme

Du klopfst an

Wir mögen’s unkompliziert. Ein paar Worte genügen: Wie können wir helfen?

Erstes Kennenlernen

Wir lernen uns kennen

Raphael meldet sich, stellt ein paar Fragen: Damit wir erfahren, was du noch brauchst, um dich für uns zu entscheiden.

Ideation und Konzept

Nun inspirieren wir

Ideen und Inspiration – funktional, grafisch oder technisch: Was dir fehlt, das liefern wir. Frei Haus. Mit einer Schätzung und Timeline, damit’s konkret wird.

Projektentscheid

Du sagst, wie’s weitergeht

Hier pocht unser Herz, richtig hart: Du entscheidest, ob deine Reise mit uns weitergeht. Falls ja, gibt’s Ingwerer-Shots. Kleine Tradition.

Konzeption, Offerte und Umsetzung

Wir kreieren, schätzen, entwickeln

Wir führen dich an der Hand durch Workshops, Customer Journeys, Schnittstellen und Go-live. Dann feiern wir. Wie? Finde es heraus: