Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

34
Online-Strategien für Städte und Kommunen: Usability in kommunalen Internetportalen Nicole Armbruster User Experience Specialist & Usability Consultant Diplom Psychologin

description

"Online-Strategien für Städte und Kommunen": Usability / Designtrends in Kommunalen Internetportalen Impuls: Nicole Armbruster (UsercentriX - User Experience Specialist & Usability Consultant, Diplom Psychologin - http://www.usercentrix.com/) auf der Stadt & Netz 2014

Transcript of Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Page 1: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Online-Strategien für Städte und Kommunen: Usability in kommunalen Internetportalen

Nicole ArmbrusterUser Experience Specialist & Usability Consultant

Diplom Psychologin

Page 2: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Nicole Armbruster

User Experience Specialist & Usability Consultant, Diplom Psychologin

10+ Jahre Berufserfahrung im Bereich User Experience

Deutschland:

Schweiz:

USA:

Australien:

User Experience Research & Usability Tests in Person, virtuell, länder- und plattformübergreifend

Page 3: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Usability –Gebrauchstauglichkeit, Benutzerfreundlichkeit

„Usability ist das Ausmaß, in dem ein Produkt durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und (subjektiv) zufriedenstellend zu erreichen“.(ISO Norm 9241: Software Ergonomie)

Usability

Page 4: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

iOS 7 Beta 3 Developer Version

Usability - Wie kann man den Bildschirm entsperren?

Page 5: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

iOS 7 Beta 3 Developer Version

Usability - Wie kann man den Bildschirm entsperren?

Page 6: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

iOS 6 iOS 7 Beta 33 Developer Version

Usability - Woran liegt‘s?

Page 7: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

iOS 7

Heute

iOS 7 Beta 33 Developer Version

Page 8: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

User Experience (UX) –Nutzererleben, NutzungserlebnisUser Experience ist die gesamte Erfahrung, die eine Person macht und die Zufriedenheit, die sie dabei erfährt, wenn sie etwas benutzt.

Usability ist ein Teil hiervon. Andere Komponenten sind z.B. Design, Ästhetik, Performanz, Geschwindigkeit, Spaß...

User Experience

Usability

Page 9: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

User Centered Design (UCD) –Nutzerzentriertes DesignDesignphilosophie und -prozess, in dem den Bedürfnissen, Wünschen und Einschränkungen von Endnutzern zu jedem Zeitpunkt des Designprozesses volle Aufmerksamkeit geschenkt wird.

User Centered

Design (UCD)

Page 10: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Kindle Experience auf mehreren Geräten

User Centered Design (UCD) –Nutzerzentriertes Design

Page 11: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

User Centered Design (UCD) –Nutzerzentriertes Design

Page 12: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Amazon iPhone App

User Centered Design (UCD) –Nutzerzentriertes Design

Amazon iPhone App

Page 13: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

User Centered Design (UCD) –Nutzerzentriertes Design

Page 14: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Wie spielen diese drei zusammen?

Konzept, Entwicklung &

(Re-)Design

User Centered

Design (UCD)

Implementierung:

User Experience

Usability

Überprüfung / Messung /Bewertung:

NutzerinterviewsExpertenevaluationen

Usability Tests„Fail often and fail early“

Page 15: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Nutzer- vs. Businessbedürfnisse

Intuitiv

Gut strukturiert

Spaß

Zeitsparend

Nutzer Bedürfnisse

Schnell

Einfach zu finden

Business Bedürfnisse

Leichtere Verwaltung

Höhere Effizienz

Weniger Supportanfragen

Darstellung unserer Abteilung

Weniger Telefon-anfragen

Polit. Internasplatzieren

Page 16: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

UCD als Bindeglied der Perspektiven

User Centered

Design

Nutzer Bedürfnisse• Nutzerbefragungen

& -interviews• Schreibtisch Research• Prototypen Tests• Usability Tests

Business Bedürfnisse• Interdisziplinäre Teams• Einnehmen der

Nutzerperspektive• Bugreports• Web Analytics• Supportdaten

Page 17: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Welche Fragen sollte man sich vor Entwicklung eines Produkts stellen?

1. Zielsetzung & SpezifikationWofür wird das Produkt gebraucht? Was soll es können? Wie wird diese Arbeit aktuell erledigt?

2. Zielgruppen Wer nutzt aktuell bzw. wird das Produkt nutzen? Durch welche Charakteristika unterscheiden sich die Zielgruppen?

3. Aufgaben Was sind die Aufgaben, die die Zielgruppe(n) mit dem Produkt bearbeiten können soll(en)?

4. NutzerbedürfnisseWelche Anforderungen, Wünsche und Bedürfnisse haben die Nutzer an das Produkt?

Page 18: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Der Schlüssel: sich in den Nutzer hineinversetzen

1. Zielgruppen identifizieren – wer sind die Nutzer?

2. Hauptaufgaben/-Zielsetzungen definieren

3. Szenarien-basiert denken

4. Konzept- und Aufbau der Website aus Nutzerperspektive entwickeln

Page 19: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

1. Zielgruppen identifizieren – wer sind die Nutzer

Welche Kriterien beschreiben sie?

Worin unterscheiden sie sich?

Was sind ihre Bedürfnisse und Einschränkungen?

Bildung von Gruppen, die gemeinsame Bedürfnisse aufweisen_____________________________________________________

alt vs. jung

Technisch versiert vs. technische Neulinge

Desktop vs. Mobiler Zugang

Schnelle vs. Langsame Internetverbindung

Muttersprachler vs. anderssprachige Bürger

Browser vs. Sucher

Browser vs. Sucher

Körperl. uneingeschränkt vs. eingeschränkt

Fachlich versiert vs. unwissend

? ?

Page 20: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

1. Zielgruppen identifizieren – wer sind die Nutzer

Bildung von Gruppen, die gemeinsame Bedürfnisse aufweisen

Verwendung im Entwicklungsprozess & als Kriterien für Nutzertests

Der online-affine Sucher

15-55 Jahre alt Nutzt das Internet für fast alles Zugang über Laptop und mobile

Geräte Schnelle Internetverbindung Ggfs. Screenreader Nutzer Ggfs. Nicht-Muttersprachler

1Der browsende Ämtergänger

40-65 Jahre Nutzt das Internet eher als

Nachschlagewerkzeug Technisch weniger versiert: Zugang

nur über älteren Heimcomputer mit langsamerer Verbindung

Hat gute Vorstellung davon, wie das Bürgeramt organisiert ist

2

Page 21: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

2. Hauptaufgaben/-Zielsetzungen definieren

Kategorien schaffen gute

Gliederung

Page 22: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

3. Szenarien-basiert denken: im Supermarkt

Page 23: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

3. Szenarien-basiert denken:was ist hier der primäre Anwendungsfall?

Page 24: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Wie könnte man den Usability Supergau vermeiden?

Page 25: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

3. Szenarien-basiert denken: neuen Perso beantragen

Innensicht: Rathaus vs. Bürgerservice

Page 26: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

3. Szenarien-basiert denken: neuen Perso beantragen

Viele unterschiedliche

Zugänge

Page 27: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

3. Szenarien-basiert denken: neuen Perso beantragen

913 Einträge – kein Suchfeld

Page 28: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

3. Szenarien-basiert denken: neuen Perso beantragen

Page 29: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

3. Szenarien-basiert denken: neuen Perso beantragen

6 Klicks später findet man die Adresse des Amtes…

Page 30: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

4. Konzept- und Aufbau der Website aus Nutzerperspektive entwickeln

Welche Sichtweisen gibt es (Lebenslage, Service, Ämter)?

Welche Wege bilden die verschiedenen Nutzerperspektiven natürlich und intuitiv ab?

Wie können wir Business- und Nutzerperspektive zusammenbringen?

Page 31: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Wie erfassen Sie aktuell die Bedürfnisse Ihrer Nutzer?

Was waren bisher (interne?) Stolpersteine?

Wie könnte man bei Ihnen nutzerzentriert(er) vorgehen?

Zur Diskussion…

Page 32: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Research Methoden - ein Kurzüberblick

MethodeZielgruppebekannt?

Zeitaufwand Kosten

Expertenevaluation Ja oder nein

0,5-2 Tage € € € € €

UX Workshop Ja oder nein

0,5-1 Tag€ € € € €

Usability Test(5-8 Teilnehmer, 1 Testtag, 1- stündige Sessions)

Ja

3-5 Tage€ € € € €

Nutzerinterviews für Konzepttests, Bedarfs- u. Zielgruppenanalysen(5-8 Teilnehmer, 1 Testtag, 1-stündige Sessions)

Ja

4-5 Tage€ € € € €

Fragebögen/Onlinebefragungen(je nach Komplexität)

Ja oder nein

2-4 Tage € € € € €

Treetesting Ja

2-4 Tage€ € € € €

Page 33: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Page 34: Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster

Nicole ArmbrusterUser Experience & Usability Spezialistin

Dipl. Psychologin

0761-8701 9949

0172-7150 898

www.UsercentriX.com

Expertenanalyse (Konzepte, Websites, Apps)

Nutzerinterviews

Usability Tests

UX Workshops & Trainings

Projektbegleitendes UX Consulting