{"id":36926,"date":"2025-07-05T09:08:06","date_gmt":"2025-07-05T07:08:06","guid":{"rendered":"https:\/\/www.studioenns.eu\/wordpress\/aktuell\/?p=36926"},"modified":"2025-07-05T09:08:06","modified_gmt":"2025-07-05T07:08:06","slug":"der-nutzer-im-mittelpunkt-wie-das-neue-design-ihr-erlebnis-verbessert-ux-ui-deep-dive","status":"publish","type":"post","link":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/der-nutzer-im-mittelpunkt-wie-das-neue-design-ihr-erlebnis-verbessert-ux-ui-deep-dive\/studioenns\/onair","title":{"rendered":"Der Nutzer im Mittelpunkt: Wie das neue Design Ihr Erlebnis verbessert (UX\/UI Deep Dive)"},"content":{"rendered":"
Vorlesen<\/span><\/span><\/span><\/span><\/a><\/div>
\n

Design & Usability | Einblicke vom UX\/UI-Team<\/p>\n

Der Nutzer im Mittelpunkt: Wie das neue Design Ihr Erlebnis verbessert (UX\/UI Deep Dive)<\/h2>\n

Ein gutes Design ist nicht nur sch\u00f6n anzusehen, es muss vor allem funktionieren. Es muss den Nutzer an die Hand nehmen, ihn leiten und ihm dabei helfen, seine Ziele schnell und ohne Frustration zu erreichen. Bei der Neugestaltung der Studio Enns Plattform haben wir uns zwei Begriffe ganz gro\u00df auf die Fahnen geschrieben: User Experience (UX) und User Interface (UI). Auch wenn sie oft in einem Atemzug genannt werden, beschreiben sie zwei unterschiedliche, aber untrennbare Aspekte. Das UI ist das, was Sie sehen \u2013 die Kn\u00f6pfe, die Farben, die Schrift. Die UX ist das, was Sie f\u00fchlen \u2013 die Logik, die Einfachheit, die Freude bei der Benutzung. Lassen Sie uns einen genaueren Blick darauf werfen, wie diese Prinzipien unsere neue Redaktionsseite geformt haben.<\/p>\n

Beginnen wir mit der User Experience, der Nutzererfahrung. Unser oberstes Ziel war es, Reibungspunkte zu beseitigen. Wir haben uns gefragt: „Was will ein Nutzer, der auf diese Seite kommt? Und wie k\u00f6nnen wir ihm den Weg dorthin so kurz und einfach wie m\u00f6glich machen?“ Die Antwort f\u00fchrte direkt zur prominenten „Direktzugriff“-Sektion. Anstatt wichtige, aber nicht direkt zum Hauptthema geh\u00f6rende Links in einem Men\u00fc oder Footer zu verstecken, haben wir sie proaktiv in den Fokus ger\u00fcckt. Sie suchen die aktuellen Spritpreise? Boom, hier ist der Link. Sie wollen wissen, was am Wochenende los ist? Ein Klick gen\u00fcgt. Diese bewusste Entscheidung reduziert die kognitive Last des Nutzers. Er muss nicht mehr nachdenken, wo er etwas finden k\u00f6nnte, weil wir es ihm bereits anbieten. Das schafft ein Gef\u00fchl von Kontrolle und Effizienz.<\/p>\n

Ein weiterer wichtiger UX-Aspekt ist die Erwartungskonformit\u00e4t. Nutzer haben im Web gelernt, wie bestimmte Dinge funktionieren. Ein Logo oben links f\u00fchrt zur Startseite, Links sind unterstrichen oder farblich hervorgehoben, und klickbare Elemente \u00e4ndern ihr Aussehen, wenn man mit der Maus dar\u00fcberf\u00e4hrt. Wir haben diese Konventionen bewusst eingehalten und verst\u00e4rkt. Unsere Buttons sehen aus wie Buttons, unsere Links verhalten sich wie Links. Das mag banal klingen, ist aber entscheidend f\u00fcr eine intuitive Bedienung. Ein besonderes Augenmerk haben wir auf die `openPopup`-Funktion gelegt, die viele unserer Links nutzen. Anstatt Sie auf eine komplett neue Seite weiterzuleiten und Sie so aus Ihrem Lesefluss zu rei\u00dfen, \u00f6ffnen sich die Service-Portale in einem separaten, aber klar definierten Popup-Fenster. Der Vorteil: Sie k\u00f6nnen schnell eine Information nachschlagen (z.B. einen Gastrotipp) und das Fenster dann einfach schlie\u00dfen, um genau dort weiterzulesen, wo Sie aufgeh\u00f6rt haben. Dies bewahrt den Kontext und macht den Besuch auf unserer Seite zu einer fl\u00fcssigeren, unterbrechungsfreien Erfahrung.<\/p>\n

Kommen wir zum User Interface, der Benutzeroberfl\u00e4che. Hier ging es darum, eine visuelle Sprache zu entwickeln, die modern, klar und markenkonform ist. Die Farbpalette ist bewusst reduziert. Das dominante Blau (`#005a9c`) steht f\u00fcr Seriosit\u00e4t und Vertrauen, das Akzent-Gelb (`#ffc107`) sorgt f\u00fcr W\u00e4rme und positive Energie, w\u00e4hrend das Rot (`#CB0003`) als starker Akzent f\u00fcr wichtige Handlungsaufforderungen (CTAs) dient. Diese konsistente Farbgebung hilft Ihnen, sich unbewusst auf der Seite zu orientieren. Wei\u00dfe Fl\u00e4chen, sogenannter „Whitespace“, spielen eine entscheidende Rolle. Indem wir den Elementen viel Raum zum Atmen geben, wirken die Inhalte aufger\u00e4umter und weniger \u00fcberladen. Ihre Augen werden nicht von zu vielen Informationen auf einmal erschlagen, sondern k\u00f6nnen sich auf das Wesentliche konzentrieren.<\/p>\n

Die Typografie wurde ebenfalls sorgf\u00e4ltig ausgew\u00e4hlt. Wir verwenden eine moderne, serifenlose System-Schriftart. Das bedeutet, dass die Schriftart verwendet wird, die auf Ihrem Ger\u00e4t (Windows, Mac, Android, iOS) ohnehin installiert ist. Das hat zwei gro\u00dfe Vorteile: Erstens l\u00e4dt die Seite schneller, da keine externe Schriftdatei heruntergeladen werden muss. Zweitens f\u00fchlt sich die Seite f\u00fcr Sie „nat\u00fcrlich“ an, da sie die gewohnte Schrift Ihres Betriebssystems nutzt. Wir haben gro\u00dfen Wert auf Lesbarkeit gelegt: eine ausreichende Schriftgr\u00f6\u00dfe, ein angenehmer Zeilenabstand und ein starker Kontrast zwischen Text und Hintergrund machen das Lesen auch l\u00e4ngerer Artikel zu einem angenehmen Erlebnis. Jeder Aspekt, von der Rundung der Ecken an den Buttons bis hin zum dezenten Schatten unter den Karten, wurde bewusst gestaltet, um eine harmonische, zug\u00e4ngliche und \u00e4sthetisch ansprechende Oberfl\u00e4che zu schaffen. Wir sind \u00fcberzeugt, dass diese Symbiose aus durchdachter UX und klarem UI den entscheidenden Unterschied macht \u2013 den Unterschied zwischen einer Seite, die man benutzt, und einer Seite, die man gerne benutzt.<\/p>\n

#UX, #UI, #UserExperience, #UserInterface, #Webdesign, #DesignThinking, #Usability, #HumanCenteredDesign, #InteractionDesign, #DesignProzess, #Feedback, #Nutzerfreundlichkeit, #Intuitiv, #Klarheit, #Farbpsychologie, #Typografie<\/p>\n<\/div>\n

<\/p>\n

<\/div>\n
\n

\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

<\/p>\n

Vorlesen<\/span><\/span><\/span><\/span><\/a><\/div>\n
Design & Usability | Einblicke vom UX\/UI-Team Der Nutzer im Mittelpunkt: Wie das neue Design Ihr Erlebnis verbessert (UX\/UI Deep Dive) Ein gutes Design ist nicht nur sch\u00f6n anzusehen, es muss vor allem funktionieren. […]<\/a><\/div>\n<\/div>","protected":false},"author":1,"featured_media":32502,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":2,"footnotes":""},"categories":[28],"tags":[12642,8153,8891,304,12643,12644,12645,5872,7290,12646,789,3047,934,8133,791,719],"class_list":["post-36926","post","type-post","status-publish","format-standard","has-post-thumbnail","category-noch-nicht-im-archiv","tag-designprozess","tag-designthinking","tag-farbpsychologie","tag-feedback","tag-humancentereddesign","tag-interactiondesign","tag-intuitiv","tag-klarheit","tag-nutzerfreundlichkeit","tag-typografie","tag-ui","tag-usability","tag-userexperience","tag-userinterface","tag-ux","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts\/36926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/comments?post=36926"}],"version-history":[{"count":0,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts\/36926\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/media\/32502"}],"wp:attachment":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/media?parent=36926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/categories?post=36926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/tags?post=36926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}