UX vs. UI: Die zwei Superhelden des Designs

DESIGN
Warum beide für den perfekten Online-Auftritt unersetzlich sind.
Wenn es bei uns im Büro um Design geht, fallen ständig zwei magische Buchstaben-Kombinationen: UX und UI. Manche verwechseln sie, andere tun so, als wäre es dasselbe, und nur wenige kennen wirklich den Unterschied. Bei ongoing wissen wir, dass diese beiden Disziplinen so unterschiedlich sind wie Tag und Nacht – oder eher wie Batman und Robin. Beide kämpfen zwar für das gleiche Ziel, aber jede auf ihre Weise.

Lass uns also tief in die Welt von UX und UI eintauchen und herausfinden, warum beide zusammen den perfekten digitalen Auftritt ausmachen.
DSC00178

UX: Der Meister der unsichtbaren Fäden

Wenn du an UX, also User Experience Design, denkst, stell dir einen unsichtbaren Puppenspieler vor, der im Hintergrund die Fäden zieht. UX kümmert sich um das Gefühl, das der Nutzer bei der Interaktion mit einem Produkt hat. Wie schnell findet er, wonach er sucht? Wie einfach kann er ein Formular ausfüllen, ohne zu verzweifeln? Kurz gesagt: UX sorgt dafür, dass der Nutzer eine angenehme Reise hat – von Anfang bis Ende.


Ein kleines Beispiel

Stell dir vor, du besuchst eine neue Stadt und jemand gibt dir eine perfekt gezeichnete Karte, auf der alles genau beschrieben ist: Sehenswürdigkeiten, Restaurants und die besten Plätze für ein Selfie. Du findest alles, was du brauchst, und fühlst dich richtig wohl dabei. Genau das ist die Magie des UX-Designs.

UI: Der visuelle Charmeur

Nun kommt das UI ins Spiel, das User Interface Design. Während UX den gesamten Weg plant, ist UI der Grund, warum der Nutzer überhaupt losläuft. UI ist das visuelle Design, das einem Produkt das Aussehen verleiht. Es ist der „Wow“-Effekt, der die Nutzer mit klaren Buttons, harmonischen Farben und ansprechenden Grafiken anspricht.

Ein kleines Beispiel

Wenn UX dir die Karte gibt, ist UI das hübsche Design, das dich dazu bringt, diese Karte überhaupt zu beachten. Die Farben passen zusammen, die Symbole sind klar und intuitiv, und alles ist so gestaltet, dass du Lust hast, die Stadt zu erkunden.

tirza-van-dijk-o1SKqmgSDbg-unsplash (1)

Was ist der Unterschied zwischen UX und UI?

Hier ein kurzer Überblick, wie sich UX und UI unterscheiden – auch wenn beide sich um das Wohl der Nutzer kümmern:

  • UX Design stellt sicher, dass der Nutzer eine reibungslose, intuitive Erfahrung macht. Das Design ist benutzerzentriert und richtet sich danach, wie der Nutzer sich fühlt.
     
  • UI Design ist das visuelle Erlebnis, die Art und Weise, wie das Design aussieht und wie es den Nutzer anspricht. Es ist die Kunst, eine schöne Oberfläche zu schaffen, die gleichzeitig funktional ist.
     

Warum gutes UX und UI entscheidend sind

Gutes Design ist längst kein „nice to have“ mehr – es ist ein Muss. Die Konkurrenz ist gross, und der erste Eindruck zählt. Nutzer erwarten, dass eine Seite intuitiv bedienbar und ansprechend ist. Wenn die Bedienung zu kompliziert wird, ist der Nutzer schnell weg und sucht sich eine Alternative.

UX und UI haben daher ein gemeinsames Ziel: eine Seite, Anwendung oder APP zu schaffen, die den Nutzer fesselt, begeistert und dazu bringt, wiederzukommen.

Unsere Superkräfte bei ongoing:
Wenn UX und UI zusammenkommen

Wir verstehen, dass es oft schwer ist, den Unterschied zwischen UX und UI zu erkennen. Doch bei ongoing setzen wir alles daran, dass beide Welten perfekt ineinandergreifen – egal, ob es um die Benutzerführung auf einer Website, das Design eines Formulars oder eine interaktive Produktseite geht.

Ein gelungenes Beispiel aus unserer Arbeit ist das EPD (elektronische Patientendossier) der Post Sanela Health AG. Dort haben wir UX und UI so gestaltet, dass Nutzer ohne Umwege zu den wichtigsten Informationen gelangen, und gleichzeitig eine visuelle Sprache geschaffen, die Vertrauen aufbaut und die Markenbotschaft unterstreicht.

Unsere Superkräfte bei ongoing:Wenn UX und UI zusa...

Fazit: UX und UI – Zwei Seiten derselben Medaille

UX und UI sind wie Batman und Robin – allein wären sie vielleicht gut, aber zusammen sind sie unschlagbar. Bei ongoing wissen wir, dass die perfekte Kombination aus UX und UI der Schlüssel für ein erfolgreiches Produkt ist. Wir lassen beide Disziplinen zusammenarbeiten, damit der Nutzer nicht nur zufrieden ist, sondern auch das gewisse „Wow“-Gefühl bekommt.

Bei ongoing ist es unser Ziel, Websites und Anwendungen zu schaffen, die sich anfühlen wie ein Handschlag, der das Vertrauen der Nutzer gewinnt. Denn die perfekte Kombination aus UX und UI ist mehr als Design – sie ist das Versprechen, das wir unseren Kunden geben.

Falls du also demnächst durch eine Website von uns navigierst und denkst: „Das fühlt sich gut an und sieht super aus“, dann weisst du, dass UX und UI bei ongoing ihre Superkräfte vereint haben.

Referenzen
Was wir gebaut haben /

Unsere Erfolgsgeschichten

Unsere Erfolgsgeschichten
E-Commerce
ANiFiT One
Von 15 auf 400+ Berater-Shops. Das komplette Vertriebsnetz digitalisiert. Onboarding von Tagen auf 15 Minuten reduziert. 10 Jahre Partnerschaft.
Mehr erfahren
Unsere Erfolgsgeschichten
Real Estate
Hoyou
Die #1-Plattform für Immobilientausch in der Schweiz. Vom instabilen Prototyp zur Plattform mit 12'000+ Nutzern und 9'000 Objekten. Inklusive AI-gestütztem Exposé-Generator.
Mehr erfahren
Unsere Erfolgsgeschichten
Logistik
Galliker
Eine Neos-Plattform für alle Marken und Länder. Galliker Transport, Imbach Logistik und Green Logistics unter einem digitalen Dach. Die zweite Marke war in Rekordzeit live.
Mehr erfahren
Unsere Erfolgsgeschichten
Industrie
Sika Calculator Factory
40 Verbrauchsrechner in 6 Stunden statt 3 Monaten. Eine No-Code-Plattform, mit der Produktmanager weltweit Verbrauchsrechner erstellen. Best of Swiss Web Award 2025.
Mehr erfahren
Unsere Erfolgsgeschichten
Health
Post Sanela Health Kundenportal
Die Plattform, die den EPD-Betrieb massentauglich macht. Service-Portal für das elektronische Patientendossier. EPDG-konform, ISO 27001, in der Schweiz gehostet.
Mehr erfahren
Unsere Erfolgsgeschichten
Health
Post Sanela Health AG
Erster externer Auftritt im neuen Post-Design. Eine Website für Privatpersonen und Fachpersonal gleichzeitig. Inhalte einmal erfasst, automatisch auch im Service Portal sichtbar.
Mehr erfahren
Unsere Erfolgsgeschichten
Verbände
Jungwacht Blauring Schweiz
Eine Neos-Plattform für über 200 Schar-Websites. Der Schar-Finder ist in Echtzeit an die Mitgliederverwaltung angebunden. Betrieb und Weiterentwicklung aus einer Hand.
Mehr erfahren
Unsere Erfolgsgeschichten
Industrie
Rychiger
Seit 1918 im individuellen Maschinenbau. Eine gemeinsame Website für alle Tochtergesellschaften. Inklusive AI Bodyguard gegen Scam-Anfragen.
Mehr erfahren
Unsere Erfolgsgeschichten
Industrie
Düring AG
Kultmarke der Kalkentfernung seit 1951, in über 50 Ländern zuhause. Drei Länderauftritte, eine Plattform. Inklusive interaktivem Produktfinder.
Mehr erfahren
Unsere Erfolgsgeschichten
Retail
Migros-Genossenschafts-Bund
Erste Version in zwei Wochen: das Minimum Lovable Product. Schulung für über 100'000 Mitarbeitende, direkt auf der Verkaufsfläche. Heute im Einsatz in allen Genossenschaften der Schweiz.
Mehr erfahren
Unsere Erfolgsgeschichten
Industrie
Sika Schweiz AG
Gestartet als einfacher Klebefugen-Rechner. Heute drei vernetzte Applikationen mit einem Login. Von der Berechnung bis zum Projektabschluss.
Mehr erfahren
Unsere Erfolgsgeschichten
E-Commerce
ANiFiT AG
Über 200 automatisch generierte Berater:innen-Shops. Lager- und Kundendaten in Echtzeit mit dem ERP synchronisiert. Sogar Postkarten verschickt der Shop automatisch.
Mehr erfahren
Unsere Erfolgsgeschichten
Retail
Heineken Switzerland AG
Seit 1984 in der Schweiz, zwei Brauereien, rund 720 Mitarbeitende. Eine Website für Bier-Fans, Medien und Aktionär:innen gleichzeitig. Als Case Study auf neos.io featured.
Mehr erfahren
Unsere Erfolgsgeschichten
Sport
HockeyInfo
Die erfolgreichste Eishockey-App der Schweiz, aus eigener Feder. 300'000+ Downloads, 4.8 Sterne aus über 2500 Bewertungen. Kunde: wir selbst.
Mehr erfahren
Unsere Erfolgsgeschichten
Verbände
mova (Pfadibewegung Schweiz)
30'000 Teilnehmende, 5000 Helfer:innen, ein Backend. Schichtplanung und Verpflegung zentral koordiniert. Inklusive Evakuierungsplan für den Campingplatz.
Mehr erfahren
Natascha Ayass
Die Autorin ✏️ /

Natascha Ayass

“Hi! Bist du bereit, dein UX- & UI-Projekt anzugehen? Ich nämlich schon! Du kannst mich gerne für eine unverbindliche Offerte anfragen, mir Fragen zu User Experience und Design stellen oder mich einfach auf eine Tasse Kaffee im ongoing-Büro treffen.”

✉️ E-Mail schreiben: natascha.ayass@ongoing.ch
🤙 Ruf mich an: +41 41 783 12 70
📝 Schreib mir eine Nachricht:

Im nächsten Schritt fragen wir dich noch nach deiner E-Mail Adresse.

Senden
👋 Hast du Fragen?Natascha Ayass
ongoing Logo
swiss made software
Adresse
ongoing GmbH

ongoing ist dein technischer Partner für geschäftskritische Applikationen und Plattformen. Gross genug für komplexe Plattformen, klein genug für direkte Kommunikation. Kein Overhead. Inhabergeführt seit 2006, Zug (CH), 3× ISO-zertifiziert).

Hinterbergstrasse 28
6312 Steinhausen
🤙 +41 41 783 12 70
✉️ info@ongoing.ch
Zertifiziert
ISO 27001ISO 9001ISO 14001