Design & UX. Tim Schoch UX Designer IOZ AG Januar 2015

Transkript

1 Design & UX Tim Schoch UX Designer IOZ AG Januar 2015

2 Tim Schoch, UX Designer bei der IOZ AG Zuständig für das Schöne und das Praktische rund um SharePoint und Office 365 Aufgaben als UX-Designer: Umsetzen von Designs UX- und Design-Workshops mit Kunden Durchführen von Usertests Ihre (guten oder schlechten) Erfahrungen mit SharePoint interessieren mich! Sie dürfen mich gerne kontaktieren! LinkedIn: Twitter: UX & Design 2

3 Was ist UX? «Der Begriff User Experience (kurz UX) umschreibt alle Aspekte der Erfahrungen eines Nutzers bei der Interaktion mit einem Unternehmen, Produkt oder Dienst.» Jakob Nielsen / Wikipedia UX & Design 3

4 UX-Motto «User First.» IOZ UX-Motto Dieser Ansatz zielt darauf ab, nur das zu entwickeln, was die Benutzer wirklich brauchen und kostspielige Entwicklungen ohne echten Mehrwert zu verhindern. Dies ist oft ein iterativer Prozess. UX & Design 4

5 Terminologie UI / Usability / UX User Interface (UI) Webdesign Interaktionen Usability Bedienerfreundlichkeit Inhalte sind logisch strukturiert Funktionen verhalten sich wie erwartet User Experience (UX) Komplette Benutzererfahrung Probleme und Lösungen Daten und Analysemethoden UX & Design 5

6 UX aus Benutzersicht Wo kommt der Benutzer mit User Experience (UX) in Berührung? Vor der Nutzung Während der Nutzung Nach der Nutzung Angenommene Nutzung Erwartungshaltung Wahrgenommene Nutzung Aufgaben zu erfüllen Empfundener Nutzen Bindung oder Ablehnung Usability UX & Design 6

7 UX Methoden, um Benutzer glücklich zu machen Vor der Nutzung Während der Nutzung Nach der Nutzung Erwartungshaltung formen (Change Management) Mit erstem Eindruck überzeugen (Design) Lösungen anbieten (Probleme kennen, Feldstudie vor Ort) Daten bereitstellen (Informationsarchitektur) Effizientes Arbeiten ermöglichen (laufend validieren, User Tests) Positive Erfahrung (verbessert die Erwartungshaltung) Bei Problemen unterstützen (hilfreiche Fehlermeldungen, Benutzer brauchen Helpdesk, Error Logs auswerten) Probleme aufnehmen und im folgenden Release beheben UX & Design 7

8 Nutzen und Vorteile von UX Welche UX-Massnahmen steigern den Projekterfolg? UX & Design 8

9 Rolle von UX in den IT-Projekten Unterschiedliche UX-Vorgehensweisen können den Erfolg eines IT-Projekts stark beeinflussen. Anhand verschiedener Beispiele zeigen wir auf, welche UX-Vorgehen während des Projektes (von der Akquisition bis nach dem Projektabschluss) möglich sind und welche Vorteile jeweils daraus resultieren. Akquisition Projektstart Realisierung Nachkontrolle UX & Design 9

10 UX im Projektablauf: Akquisition Aufgabe Vorgehen Deliverables / Vorteile Unerkannte Bedürfnisse finden Feldstudien Lab Tests Umfragen Fundierter Anforderungskatalog Ziele definieren Stakeholder Interviews Messbare Kennzahlen (Key Performance Indicators) aktuelles System auswerten Vorhandene Daten und Statistiken auswerten Eingesetzte Tools analysieren Statistiken Ecosystem Map UX & Design 10

11 UX im Projektablauf: Projektstart Aufgabe Vorgehen Deliverables / Vorteile Probleme und potenzielle Lösungen eruieren Entscheidungsgrundlagen schaffen Workshops Brainstorming User Tests Statistiken einrichten und auswerten Stakeholder Interviews Daten auswerten Personas Content User Stories Sitemap KPI Reports Stakeholder Präsentation Lösungsansätze validieren Prototypen User Tests Designvorschläge Einfache Prototypen Wireframes UX & Design 11

12 UX im Projektablauf: Realisierung Aufgabe Vorgehen Deliverables / Vorteile Lösungen (weiter-)entwickeln Prototypen Funktionale Prototypen Pattern Library Fertige Designs Change Requests validieren User Tests Kostengünstig Alternativen prüfen UX Kontrolle Laufend Ziele überprüfen User Tests Stakeholder Reports UX & Design 12

13 UX im Projektablauf: Nachkontrolle Aufgabe Vorgehen Deliverables / Vorteile Zielvorgaben überprüfen Kennzahlen messen User Tests Nächsten Release vorbereiten Workshop Stakeholder Interview User Tests Statistiken auswerten KPI Reports Neue KPI Feature Katalog für nächsten Release UX & Design 13

14 UX und SharePoint Wie lässt sich SharePoint durch UX verbessern? UX & Design 14

15 UX-Optimierung in SharePoint Nachfolgend wird gezeigt, wie unterschiedliche UX-Verbesserungen in SharePoint umgesetzt werden können. Links: eine optimierte SharePoint-Plattform (IOZ Firmendesign) Rechts: eine SharePoint-Seite im Standarddesign UX-Optimierung Standard SharePoint UX & Design 15

16 Bessere Benutzerführung durch klare Struktur Hauptnavigation und Suche in oberster Ebene (1) Breadcrumb zeigt dem Benutzer, wo er sich in der Seitenhierarchie befinden (2) Visuell gehört der Inhaltstitel nun zum Inhalt, nicht mehr zum Titelbereich (3) UX & Design 16

17 Standardverhalten aus Web Das Logo zeigt zur Startseite des Intranets, SharePoint Standard führt zur Hauptseite der aktuellen Site Collection (1) Einfügen eines optionalen, zusätzlichen Home-Icons in der Hauptnavigation (2) Einsatz des Breadcrumbs, welches in SharePoint 2013 entfernt wurden (3) UX & Design 17

18 Suche prominenter platzieren Da ungefähr die Hälfte der Benutzer regelmässig die Suche nutzt, wird empfohlen, diese prominenter zu platzieren. (1) UX & Design 18

19 Mehrere Ebenen für die Informationsarchitektur Standardmässig nutzt SharePoint nur drei Bereiche: Hauptnavigation (1), Bereichsnavigation (2) und Inhalt (3) 3 zusätzliche Bereiche, um die Informationsarchitektur besser auf die Bedürfnisse anzupassen: Metanavigation (4), rechte Spalte (5) und Footer (6) UX & Design 19

20 Fragen???? UX & Design 20

21 Besten Dank! Besuchen Sie unsere Website: IOZ AG St. Georg-Strasse 2a 6210 Sursee UX & Design 21