Julia Stübner
UX|UI Design
Kinder
neuro
chirugie Salzburg
UX Audit
Überprüfung des Webseiten Entwurfs der Kinderneurochirugie Salzburg
zur Verbesserung der Bedienbarkeit​
Das Briefing
Überprüfung der Funktionalität und Features des vorhandenen Entwurfs
Erstellung weiterer Personas und User Scenarios um Potenzial zur Verbesserung sichtbar zu machen
Erstellung eines groben Webseiten Entwurfs basierend auf Machbarkeit, zeitlichem Rahmen und gewonnen Erkenntnissen
Die Ausgangsituation
In Salzburg wird ein neues Kompetenzzentrum eröffnet.
Die Kinderneurochirugie.
Die von Professor Dr. Matthias Krause in Auftrag gegebene Webseite wird geplant, um dem Institut, auch im Internet, ein Gesicht zu geben und die Möglichkeit zur Kontakt-aufnahme anzubieten.
Die Herausforderung
An welchen Stellen bietet das bisherige Design Möglichkeiten zur Verbesserung?
Analyse
Analyse
​
Zunächst werde ich den aktuellen Stand des Projekts eingeführt,
erfahre wer die Zielgruppen und die Aufgaben der Anwendung sind.
Zudem erhalte ich Einblick in bestehende Styleguides und Personas.
Daraufhin analysiere ich den vorhandenen Entwurf in Hinblick auf:
-
Barrierefreiheit WCAG/ALLEY Standards
-
Vorgaben Styleguide
-
Usability Heuristiken
Kontrast und Lesbarkeit
Simulation unterschiedlicher Sehtypen
Die Simulation verschiedenster Sehmodi, bietet die Möglichkeit viele optische Perspektiven zu berücksichtigen und ein gutes Design für Menschen mit eingeschränkter Sicht zu erstellen.
Berücksichtigung der
"Usability Heuristiken"
1. Sichtbarkeit des Systemstatus:
Die Website zeigt gut an, auf welcher Seite sich der Benutzer befindet, indem das entsprechende Menüelement hervorgehoben wird. Es gibt jedoch keine klare Anzeige eines Ladezustands beim Wechseln zwischen Seiten, was verbessert werden könnte.


2. Übereinstimmung zwischen System und realer Welt:
Die Website verwendet klare und professionelle Sprache, die für eine medizinische Website angemessen ist. Die Bilder und Symbole sind relevant und helfen, den Zweck der Website zu vermitteln.


3. Benutzerkontrolle und Freiheit:
Die Navigation ist unkompliziert, mit einem klaren Menü oben. Es gibt jedoch keine Suchfunktion, was die Benutzerkontrolle beim schnellen Auffinden spezifischer Informationen einschränken könnte.


​
4. Konsistenz und Standards:
Das Design ist durchgehend konsistent, mit einem einheitlichen Farbschema und einer einheitlichen Typografie. Die Verwendung von vertrauten Symbolen und einem konventionellen Layout entspricht den Webstandards.


5. Fehlervermeidung:
Die Website hat nicht viele interaktive Elemente, bei denen Fehler auftreten könnten, aber das Kontaktformular hat erforderliche Felder und klare Fehlermeldungen, um Übermittlungsfehler zu verhindern.


6. Erkennung statt Erinnerung:
Die Website ist so strukturiert, dass Informationen leicht zugänglich sind, ohne dass sich der Benutzer daran erinnern muss, wo sich Dinge befinden. Das Hauptmenü ist immer sichtbar und die Fußzeile enthält zusätzliche nützliche Links.
​
7. Flexibilität und Effizienz der Nutzung:
Die Website ist sowohl für Anfänger als auch für Experten einfach zu navigieren. Das Fehlen einer Suchfunktion oder von Shortcuts könnte jedoch die Effizienz für erfahrenere Benutzer einschränken.


8. Ästhetisches und minimalistisches Design:
Das Design ist sauber, mit einer guten Balance zwischen Text und Bildern. Es gibt keine unnötigen Informationen oder Unordnung, was den Inhalt leicht lesbar und verständlich macht.


Fazit:
Insgesamt hat die Website ein professionelles und benutzerfreundliches Design, das vielen Usability-Heuristiken entspricht. Das Hinzufügen einer Suchfunktion und von Ladeindikatoren könnte das Benutzererlebnis weiter verbessern.
Das Potenzial
Persona
30 jährige Bürokauffrau, Mutter eines Kindes mit Hydrocephalus, Wohnhaft in Sindelfing
User Scenario
Die Mutter hat gerade erst die Nachricht erhalten, dass ihr Kind mit einem Hydrocephalus diagnostiziert wurde.
Nun begibt sie sich auf eine Suche nach zusätzlichen Fachärzten, um nicht nur
​
​​
​
eine Zweitmeinung einzuholen, sondern auch um weiteren Expertenrat zu erhalten.
Mit ihrem Desktop-PC begibt sie sich online auf eine Recherche, um die bestmögliche Unterstützung für ihr Kind zu finden.
Priorisierung
Durch die Methode Priorisierung stellen sich folgende Punkte als wichtig und gut umsetzbar raus:
Redesign
Interface Redesign
Das Mockup skizziert eine Verbesserung der Webseiten Struktur und ihrer Darstellung. Bild und Textinhalte sind ausschliesslich Platzhalter!
Der Fokus liegt zum einen auf einer Anpassung der Barrierefreiheit, in Puncto:
Kontrastverhältniss, Buchstabengröße, Reduktion der Designelemente.
Zudem wird die visuelle Hierarchie ausgeprägt, durch Differenzierung von Headlines, Subheadlines und Body-Texten.
Große ruhige Farbflächen klammern Themenfelder. ​
Ein “2 spaltiges” Grundgerüst stützt die Konsistenz der Seite.
Text Inhalte in kleine Blöcke gesetzt helfen den Benutzenden Inhalte schneller zu erfassen.
Das Design wird reduzierter, ruhiger und leichter verständlich.
