Top Banner
Design & UX Tim Schoch UX Designer IOZ AG Januar 2015
21

UX & Design: UX-Optimierungen in SharePoint umsetzen

Jul 14, 2015

Download

Technology

IOZ AG
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: UX & Design: UX-Optimierungen in SharePoint umsetzen

Design & UX

Tim Schoch – UX Designer IOZ AGJanuar 2015

Page 2: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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: https://ch.linkedin.com/in/schochtim

○ Twitter: https://twitter.com/tim_schoch

Page 3: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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

Page 4: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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.

Page 5: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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

Page 6: UX & Design: UX-Optimierungen in SharePoint umsetzen

©

Wo kommt der Benutzer mit User Experience (UX) in Berührung?

UX & Design

UX aus Benutzersicht

Vor der Nutzung

Angenommene Nutzung

Erwartungshaltung

Während der Nutzung

Wahrgenommene Nutzung

Aufgaben zu erfüllen

Nach der Nutzung

Empfundener Nutzen

Bindung oder Ablehnung

Usability

6

Page 7: UX & Design: UX-Optimierungen in SharePoint umsetzen

©

Vor der Nutzung

UX & Design

UX Methoden, um Benutzer glücklich zu machen

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

7

Page 8: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 8

Nutzen und Vorteile von UX

Welche UX-Massnahmen

steigern den Projekterfolg?

Page 9: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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

Page 10: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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

Page 11: UX & Design: UX-Optimierungen in SharePoint umsetzen

©

Aufgabe Vorgehen Deliverables / Vorteile

Probleme und potenzielle

Lösungen eruieren

• Workshops

• Brainstorming

• User Tests

• Statistiken einrichten und

auswerten

• Personas

Content

User Stories

• Sitemap

Entscheidungsgrundlagen

schaffen

• Stakeholder Interviews

• Daten auswerten

• KPI Reports

• Stakeholder Präsentation

Lösungsansätze validieren • Prototypen

• User Tests

• Designvorschläge

• Einfache Prototypen

• Wireframes

UX & Design 11

UX im Projektablauf: Projektstart

Page 12: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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

Page 13: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 13

UX im Projektablauf: Nachkontrolle

Aufgabe Vorgehen Deliverables / Vorteile

Zielvorgaben überprüfen • Kennzahlen messen

• User Tests

• KPI Reports

Nächsten Release vorbereiten • Workshop

• Stakeholder Interview

• User Tests

• Statistiken auswerten

• Neue KPI

• Feature Katalog für

nächsten Release

Page 14: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 14

UX und SharePoint

Wie lässt sich SharePoint

durch UX verbessern?

Page 15: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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

Page 16: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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)

Page 17: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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)

Page 18: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 18

Suche prominenter platzieren

Da ungefähr die Hälfte der Benutzer regelmässig die Suche nutzt, wird empfohlen, diese prominenter

zu platzieren. (1)

Page 19: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design 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)

Page 20: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design

Fragen?

??

?20

Page 21: UX & Design: UX-Optimierungen in SharePoint umsetzen

© UX & Design

Besten Dank!

Besuchen Sie unsere Website:

http://www.ioz.ch/loesungen/sharepoint/Seiten/Design_UX.aspx

IOZ AG

St. Georg-Strasse 2a

6210 Sursee

www.ioz.ch

+41 41 925 84 00

21