Mastering Website Flowcharts
Ein optimaler Benutzerfluss ist entscheidend für erfolgreiche Websites. Erfahre, wie du mit Flowcharts schon früh im UX-Designprozess für Klarheit sorgen kannst.
b13 Blog
Unsere Erfahrungen weiterzugeben, die wir in Kundenprojekten seit mehr als 20 Jahren sammeln, ist ein wichtiger Teil unserer Arbeit. Das und die Tatsache, dass wir bei der Weiterentwicklung von TYPO3 eine wichtige Rolle spielen dürfen, ist was uns ausmacht.
Wir haben uns für weit verbreitete Open-Source-Technologien entschieden, weil wir die Möglichkeit haben sie jederzeit reparieren, erweitern und verbessern zu können. Dabei bauen wir auf die Erfahrung und Unterstützung von Tausenden von Entwicklern.
In unserem Blog teilen wir das Wissen, das wir auf diesem Weg gewonnen haben, damit andere darauf aufbauen können.
Lesen Sie weiter!
Kategorien UX/UI-Design
Ein Leitfaden für die Berücksichtigung von Barrierefreiheit im UX-Design
Menschen mit Beeinträchtigungen stellen eine der größten Gruppen von Online-Nutzern dar, aber sie werden in der digitalen Welt oft übersehen. Die Verbesserung der Barrierefreiheit für diese Bevölkerungsgruppe ist eine empathische Maßnahme und eine intelligente Geschäftsentscheidung, vor allem wenn man bedenkt, dass vorübergehende und situationsbedingte Behinderungen fast jeden Internetnutzer betreffen. Die Verbesserung der Barrierefreiheit kann die Reichweite einer Organisation erhöhen, das Nutzererlebnis verbessern und die Suchmaschinenoptimierung steigern. Mit den neuen Richtlinien zur Barrierefreiheit werden Organisationen, die die Zugänglichkeit ihrer Website verbessern, die gesetzlichen Bestimmungen einhalten.
Hervorragendes User Flow Design
Die Gestaltung des Benutzerflusses visualisiert den Weg, den der Benutzer zurücklegt, um ein bestimmtes Ziel zu erreichen. In digitaler Hinsicht ist der Pfad das, was der Benutzer sieht und anklickt, wenn er mit einer digitalen Schnittstelle interagiert. Das User Flow Design definiert die Abfolge der Schritte und stellt sicher, dass diese Schritte intuitiv, effizient und frustfrei sind, um ein positives und reibungsloses Erlebnis zu gewährleisten.
Auswahl eines User Flow Tools
Beim digitalen Design geht es bei der Wahl des richtigen User-Flow-Tools nicht nur um die Auswahl, sondern auch um die Bewältigung von Herausforderungen wie Integrationsproblemen, Teamzusammenarbeit und Budgetbeschränkungen. Wie findest du bei der Fülle an Optionen ein Tool, das all diesen Anforderungen gerecht wird? Dieser Leitfaden vereinfacht und entmystifiziert den Prozess und stellt sicher, dass du eine Entscheidung triffst, die wirklich deinen Anforderungen entspricht.
Mid-Fidelity Wireframes: Überbrücke die Lücke in deinem Designprozess
Mid-Fidelity-Wireframes sind ein wichtiges Werkzeug im UX-Designprozess, das ein Gleichgewicht zwischen Detailtreue und Abstraktion herstellt. Dieser Artikel befasst sich mit den Vorteilen und Einsatzmöglichkeiten von Mid-Fidelity-Wireframes. Er zeigt, wie sie den Designprozess verbessern, die effektive Kommunikation zwischen den Stakeholdern erleichtern und letztendlich zur Erstellung von nutzerzentrierten digitalen Lösungen führen können.
Unsere Top 10 Dinge, die wir an Miro lieben
Uncover the versatility of Miro in our comprehensive guide! From real-time collaboration to easy client engagement, explore the top 10 reasons why Miro is our go-to tool for UX design.
Unsere Top 10 Dinge, die wir an Miro lieben
Uncover the versatility of Miro in our comprehensive guide! From real-time collaboration to easy client engagement, explore the top 10 reasons why Miro is our go-to tool for UX design.
Eine Ode an Figma
Entdecke die Leistungsfähigkeit von Figma für das UX-Design. Optimiere Projekte durch nahtlose Zusammenarbeit, plattformübergreifende Zugänglichkeit und innovative Funktionen. Steigere deine Effizienz und Transparenz in deinem Projekt.
Die Kunst des Wireframing beherrschen: Wichtige Tipps und Techniken
Wireframing ist der erste Schritt bei der Gestaltung einer Website und dient vielen Zwecken: Es beschreibt, wie Informationen auf einer Seite dargestellt werden, legt die Struktur und die Funktionen einer Website fest und definiert den Ablauf der User Journey. Unabhängig davon, ob du an einem völlig neuen Projekt interessiert bist oder ein altes Projekt überarbeiten willst, bietet das Wireframing eine solide, nutzerorientierte Grundlage für deine Website.
Wie du deine Marke mit deinem Webdesign in Einklang bringst
Die Identität und die Ziele einer Marke auf ihrer Website genau widerzuspiegeln, ist ein vielschichtiger, mehrstufiger Prozess. Es erfordert eine Strategie, technisches Know-how und ein tiefes Verständnis der Nutzer, um eine starke, optisch ansprechende Website zu erstellen. Designer:innen müssen die Ziele eines Unternehmens genau kennen, um sicherzustellen, dass die digitale Website die langfristigen Ziele des Unternehmens repräsentiert.
Was ist UX-Strategie? Mit Frameworks, Büchern und Beispielen.
User Experience Design zielt darauf ab, ein herausragendes Erlebnis für die Nutzer deiner Website oder App zu schaffen. Aber das ist noch nicht alles. Dein Unternehmen hat ein oder mehrere Produkte, einen Geschäftsplan, Mitarbeiter in verschiedenen Abteilungen und verschiedene andere Interessengruppen.
Optimierung des User Journey: Wie du deinen Nutzern hilfst, das zu finden, wonach sie suchen
Die User Journey ist ein wesentlicher Teil der User Experience (UX). Wenn Nutzer:innen eine Aufgabe in deiner App oder auf deiner Website nicht erledigen können, sinkt ihr Nutzererlebnis - und damit auch ihre Meinung über deine Marke. Wenn du hohe Absprungraten oder niedrige Konversionsraten feststellst, ist es Zeit zu handeln.
Die Website-Suche ist mehr als ein kleiner Kasten in der Ecke
Nutzer wollen Informationen schnell finden. Wenn die Seitennavigation unzureichend ist, greifen sie schnell auf die Suchfunktion zurück. Heutzutage erwarten die Nutzer:innen, dass eine Website-Suche einfach zu bedienen ist, flexible Optionen bietet und konkrete und nützliche Ergebnisse liefert. Aber es ist nicht einfach, deine Suchfunktion auf die nächste Stufe zu heben, denn es gibt viele Faktoren, die zur Gesamtlösung beitragen, z. B. deine Suchmaschine, Inhalte, Metadaten und deine Informationsarchitektur.
So bleibt Ihre Website zeitgemäß und langfristig wettbewerbsfähig
In einer sich ständig weiterentwickelnden technologischen Welt kann es sich wie ein Vollzeitjob anfühlen, deine Firma und deine Technologie auf dem neuesten Stand und wettbewerbsfähig zu halten. Egal, ob du an einem Website-Relaunch, einer Modernisierung deiner Marke oder einem systemweiten Versions-Update arbeitest, es wird zeitaufwändig und teuer sein, ganz zu schweigen von der Repetition. Wenn du dich stattdessen darauf konzentrierst, deine Website auf Dauer für die Zukunft zu rüsten, stellst du sicher, dass dein Design und deine Technologie auf alles vorbereitet sind - jetzt und auf lange Sicht.
Eine hübsches Interface entspricht nicht gleich einem validen Konzept
Der menschliche Verstand wird von Natur aus von Ästhetik angesprochen. Das Interface-Design trägt daher wesentlich dazu bei, ein positives Nutzererlebnis zu schaffen. Aber wenn es um Langlebigkeit und Qualität geht, kommt es darauf an, was im Kern steckt. Obwohl konzeptionelle Modelle abstrakt sind, kannst auf diese Weise einen Schritt zurücktreten und dir vorstellen, wie die Menschen mit deinem Produkt interagieren werden. Dieser Blickwinkel gibt dir eine andere Perspektive. Wenn du die gesamte Infrastruktur siehst, kannst du Interaktionen, Beziehungen, Abfolgen und die Funktionalität deines Projekts besser aufeinander abstimmen. Eine elegante Lösung ist die Grundlage für eine gut gemachte Benutzeroberfläche.
UX Fehlersuche - Seitennavigation
Die Seitennavigation ist eines der wichtigsten Elemente jeder Website und kann das Nutzererlebnis stark beeinflussen. Eine schlechte Navigation kann zu kürzeren Website-Besuchen und einer höheren Absprungrate führen. Die gute Nachricht: Im Gegensatz zu einigen anderen UX-Elementen kann die Navigation relativ schnell verbessert werden. Du kannst viele erste Probleme angehen, indem du anerkannte Usability-Heuristiken befolgst. Anschließend kannst du mit einer gründlichen Analyse deiner Geschäftsziele und Nutzerbedürfnisse eine wirklich intuitive Navigation erstellen.
Visuelles Design für ein internationales Publikum
Bei der Arbeit mit transnationalen Unternehmenswebsites in unterschiedlichen kulturellen Kontexten ist es sehr wichtig, die verschiedenen Aspekte und Anforderungen deines internationalen Publikums zu kennen. Damit eine Website für eine Vielzahl von Nutzern optimal zugänglich ist und ansprechend wirkt, musst du über die technischen Anforderungen eines CMS hinausgehen, das nur die Textanzeige und die Sprachausrichtung unterstützt. Damit dein visuelles Design eine globale Reichweite hat, musst du auch Dinge wie Ästhetik, Symbolik, Typografie und Formaufbau berücksichtigen.
Erläuterung - Was ist der Unterschied zwischen UI und UX?
Man kann durchaus sagen, dass es in jeder Branche eine Menge Fachjargon gibt, aber im Internet scheint es besonders viel davon zu geben. Das Missverständnis zwischen der Benutzeroberfläche (User Interface = UI) und der Benutzererfahrung (User Experience = UX) verdeutlicht die Verwirrung, der wir bei unserer Arbeit oft begegnen. Manchmal bitten uns Kunden, Benutzeroberflächen zu entwickeln, aber sie haben die Auswirkungen auf die Benutzererfahrung nicht bedacht. Dieser kurze Artikel erklärt diese Begriffe und warum der Unterschied wichtig ist.
Eine konsistente UX macht die Auswahl von Elementen intuitiver
In dieser Serie haben wir bereits über die Verbesserungen des Seitenbaums in TYPO3 v11 berichtet, und zwar in dem Beitrag Skalieren und Ausblenden des Seitenbaums in TYPO3. Es gibt eine Funktion, die einen eigenen Platz in unserer Liste der neuen Funktionen in TYPO3 v11 verdient, und das ist die Seitenbaum-Funktionalität innerhalb des Element-Browsers und des Link-Pickers.
Warum UX ein wichtiger Bestandteil deiner digitalen Marketingstrategie sein sollte
Die Kunden- oder Benutzererfahrung (UX) eines Produkts gewinnt immer mehr an Bedeutung für die Erfüllung der Unternehmensziele, denn es ist das Erlebnis, mit dem sich dein Produkt von der Konkurrenz abheben wird.
Die Erfolgsmethode Prototyping
Prototypen sind der beste Weg, um Deinen Kunden einen Einblick in die User Journey zu geben. Hier sind die besten Praktiken von b13 für die Vermittlung von Abläufen durch interaktive Prototypen.
Expertenbasierte User Research
Um eure Zielgruppe kennenzulernen, sprechen ihr am besten mit ihr – mit den echten Nutzer:innen eures Produkts. Wenn Zeit und Geld knapp sind, gibt es alternative Methoden um die Nutzerperspektive in Deinen Design Prozess einfließen zu lassen.
Best Practices und Usability für Online-Formulare
Man muss nicht lange suchen, um schlechte Formulare im Internet zu finden. Unsere Experten zeigen Ihnen, wie Sie jederzeit großartige Online-Formulare gestalten können. Niemand fühlt sich gerne im Stich gelassen. Schlechte Formulare können dazu führen, dass Nutzer von Websites abspringen. Befolgen Sie unsere Ratschläge, damit Ihre Formulare dem User das bieten was er braucht.
Ein Beispiel für die Flexibilität des Form Frameworks von TYPO3
Formulare sind heutzutage ein Muss auf jeder Website; vom einfachen Kontaktformular bis zum komplexen mehrseitigen Formular zur Datenverarbeitung. Die eingebaute Formularfunktionalität von TYPO3 CMS hat alle notwendigen Voraussetzungen dafür.
Die verbesserte Ordner-Baumansicht in TYPO3 v11.1
Lerne den verbesserten Folder Tree im Dateilistenmodul von TYPO3 kennen, viel schneller als zuvor. Plus: Jetzt mit Filter!
UI Design Grundlagen: Typografie
Gutes Webdesign fängt mit der Typografie an. Textblöcke, Überschriften, Größe, Schriftstärke und Farbe. Wir achten bei Schriften auf Form und Funktion um das beste Ergebnis für unsere Kunden zu erreichen.
UI Design Grundlagen: Farben
Eine gut funktionierende Farbpalette hält sich an das Corporate Branding, funktioniert auf dem Bildschirm und hilft dem User bei der einfachen Navigation auf einer Website.
In 3 Schritten zu skalierbarem Website Design durch Atomic Design
Mit diesen drei Praktiken haben wir die Prinzipien des Atomic Design angewandt. Das hat unsere Art zu arbeiten sehr vereinfacht.