usability als strategisches element im entwicklungsprozess

Workshop:

“Usability für digitale Oberflächen und

Dienste in den Entwicklungsprozess

einbeziehen”

Forum swissdec 2014

Immacon GmbH

Seite 2

Programm

• Sensibilisierung für Usability und Accessebility (UX) als

strategisches Element

• UX in Prozesse einbinden: Umfrage beim Publikum

• Beispiele für fehlendes UX-Bewusstsein

• UX-Bewusstsein im Unternehmen herstellen

• Gruppenübung: architonic.com

• Ableitung für Ihre Prozesslandschaft

• Checkliste für Applikationsentwicklung

• Anbieter von umfassender UX-Beratung

Seite 3

Ihr Referent: Rafael Azzati

• Markenentwicklung digital

• Prozessmodellierung

• Corporate Relaunches

• Applikationsentwicklung

https://www.xing.com/profile/Rafael

_Azzati?sc_o=mxb_p

Rafael Azzati, Senior Partner Immacon GmbH

Seite 4

Sensibilisierung UX als

strategisches Element

Seite 5

Was sind Usability, Barrierefreiheit

und WCAG 2.0?

Usability Accessibility WCAG 2.0

Applikationen und Inhalte

sind benutzerfreundlich

und gebrauchstauglich.

Applikationen und Inhalte

sind barrierefrei

zugänglich.

Legt die Prinzipien für

Zugänglichkeit und

Benutzerfreundlichkeit

fest.

Inhalte und Applikationen

ermöglichen es

Benutzern, ihr Ziel

effektiv, effizient und

zufriedenstellend zu

erreichen.

Alle – auch Personen mit

Einschränkungen –

können Inhalte und

Applikationen nutzen,

ohne auf Hindernisse zu

stossen.

Inhalte und Applikationen

sind

• wahrnehmbar

• bedienbar

• verständlich

• robust

Seite 6

UX im Entwicklungsprozess

Egal, ob Ihr Unternehmen nun Lohnbuchhaltungssoftware

herstellt oder Verkehrsampeln: Von der Idee im Unternehmen

bis zum Produkt im Gebrauch müssen viele Regeln beachtet

werden.

Seite 7

UX im Entwicklungsprozess

Egal, ob Ihr Unternehmen nun Lohnbuchhaltungssoftware

herstellt oder Verkehrsampeln: Von der Idee im Unternehmen

bis zum Produkt im Gebrauch müssen viele Regeln beachtet

werden.

Marke

Seite 8

UX im Entwicklungsprozess

Egal, ob Ihr Unternehmen nun Lohnbuchhaltungssoftware

herstellt oder Verkehrsampeln: Von der Idee im Unternehmen

bis zum Produkt im Gebrauch müssen viele Regeln beachtet

werden.

Marke Produkt

Seite 9

UX im Entwicklungsprozess

Egal, ob Ihr Unternehmen nun Lohnbuchhaltungssoftware

herstellt oder Verkehrsampeln: Von der Idee im Unternehmen

bis zum Produkt im Gebrauch müssen viele Regeln beachtet

werden.

Marke Produkt Markt

Seite 10

UX im Entwicklungsprozess

Egal, ob Ihr Unternehmen nun Lohnbuchhaltungssoftware

herstellt oder Verkehrsampeln: Von der Idee im Unternehmen

bis zum Produkt im Gebrauch müssen viele Regeln beachtet

werden.

Marke Produkt Markt Nutzer

Seite 11

UX im Entwicklungsprozess

Egal, ob Ihr Unternehmen nun Lohnbuchhaltungssoftware

herstellt oder Verkehrsampeln: Von der Idee im Unternehmen

bis zum Produkt im Gebrauch müssen viele Regeln beachtet

werden.

Frage: Wie binden Sie diese Vielfalt an Einflüssen strukturiert

in Ihren Entwicklungsprozess ein?

Marke Produkt Markt Nutzer

Seite 12

UX in Prozesse einbinden:

Umfrage beim Publikum

Ist UX ein Projektmilestone

in Ihren Prozessen? Ja: Nein:

Seite 13

UX in Prozesse einbinden:

Umfrage beim Publikum

Ist UX ein Projektmilestone

in Ihren Prozessen?

Haben Sie UX-Spezialisten

im Team?

Ja: Nein:

Ja: Nein:

Seite 14

UX in Prozesse einbinden:

Umfrage beim Publikum

Ist UX ein Projektmilestone

in Ihren Prozessen?

Haben Sie UX-Spezialisten

im Team?

Haben Sie ein fixes UX-

Testprozedere?

Ja: Nein:

Ja: Nein:

Ja: Nein:

Seite 15

UX in Prozesse einbinden:

Umfrage beim Publikum

Ist UX ein Projektmilestone

in Ihren Prozessen?

Haben Sie UX-Spezialisten

im Team?

Haben Sie ein fixes UX-

Testprozedere?

Sind externe UX-Labore

involviert?

Ja: Nein:

Ja: Nein:

Ja: Nein:

Ja: Nein:

Seite 16

UX in Prozesse einbinden:

Umfrage beim Publikum

Ist UX ein Projektmilestone

in Ihren Prozessen?

Haben Sie UX-Spezialisten

im Team?

Haben Sie ein fixes UX-

Testprozedere?

Sind externe UX-Labore

involviert?

Gibt es eine Abstimmung

Marke zu Produkt?

Ja: Nein:

Ja: Nein:

Ja: Nein:

Ja: Nein:

Ja: Nein:

Seite 17

Umfrage: Sollbild

Mindestens 3 Fragen sollten mit Ja beantwortet werden, wenn

man UX als strategisches Element in seine Entwicklungsarbeit

miteinbezieht oder das in Zukunft tun möchte.

Seite 18

Beispiele für fehlendes UX-

Bewusstsein

Seite 19

Usability bei Prozessen und

Applikationen

Typische Situationen:

• Nutzer/Rollen haben

verschiedene Anforderungen an

die gleiche Applikation.

• Die Software bietet so viel! Und

sollten wir nicht noch..?

• Bei jedem Schritt kann / muss

man etwas tun.

• Verschiedene Rollen arbeiten in

verschiedenen Prozessen

zusammen.

Wie stellt man das

benutzerfreundlich dar?

Seite 20

Verschiedene Anforderungen an

die gleiche Applikation

Das Super-Dashboard – Traum

jedes Applikationsentwicklers.

Solche Dashboards sind toll für

Mega-Super-User.

Bei allen anderen bricht der

Angstschweiss aus.......

Seite 21

Bei jedem Schritt kann / muss man

etwas tun

Schlechte Usability: Ganz unten gibt es einen Hinweis, zu dem man ganz

oben eine Anweisung bekommt. Orientierung fällt schwer.

Seite 22

Besser machen

Gute Usability:

1. Reduktion

• Definition der Aufgaben und

Prozess-Schritte für diese Rolle

• Rollengesteuerte Darstellung

2. Orientierung

• Zeigen Sie stets sichtbare

Rahmen-Informationen

• Heben Sie Neuigkeiten hervor

• Aufbau der Seite gemäss Z-

Muster

Seite 23

...und sollten wir nicht noch...

Schlechte Usability:

„Mehr ist mehr!“ – Wer zum ersten

Mal auf die Seite kommt, ist

überfordert.

Seite 24

Besser: Den Zweck im Auge

behalten

Gute Usability:

• Beschränken Sie sich auf die

Haupt-Bedürfnisse der Nutzer

(auch wenn manche noch

anderes wünschen).

Seite 25

UX-Bewusstsein im eigenen

Unternehmen herstellen

Seite 26

Live-Beispiel

http://www.architonic.com

2 Gruppen

Zeit: 5 Minuten

Beantworten Sie folgende Fragen in einem Satz:

• Was bietet diese Website an?

• Welcher Logik folgt die Informationsarchitektur?

• Welchen Zweck verfolgt diese Website?

Seite 27

Besprechung der Gruppenarbeit

Satz für das Angebot:

Satz für die Logik der Informationsarchitektur:

Satz für den Zweck:

Seite 28

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Die Sensibilisierung zur UX am Anfang der Präsentation hat

gezeigt, dass sich UX in vielfältiger Weise manifestiert und

interdisziplinär verzahnt ist.

Das kleine Gruppenarbeit zu architonic.com zeigt auf, wie diese

Verzahnung am Ende beim Nutzer wirkt.

Diese verzahnte Wirkung können Sie in Ihren

Entwicklungsprozess einbinden.

Seite 29

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Machen Sie diese 3 Fragen bzw. deren Antworten zu

abnahmerelevanten Kriterien in Ihrem Entwicklungsprozess:

• Welchen Zweck erfüllt die Applikation/Website für den Nutzer

und für die Unternehmung:

Seite 30

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Machen Sie diese 3 Fragen bzw. deren Antworten zu

abnahmerelevanten Kriterien in Ihrem Entwicklungsprozess:

• Welchen Zweck erfüllt die Applikation/Website für den Nutzer

und für die Unternehmung: Abgleich mit Marke

Seite 31

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Machen Sie diese 3 Fragen bzw. deren Antworten zu

abnahmerelevanten Kriterien in Ihrem Entwicklungsprozess:

• Welchen Zweck erfüllt die Applikation/Website für den Nutzer

und für die Unternehmung: Abgleich mit Marke

• Was bietet die Applikation/Website an:

Seite 32

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Machen Sie diese 3 Fragen bzw. deren Antworten zu

abnahmerelevanten Kriterien in Ihrem Entwicklungsprozess:

• Welchen Zweck erfüllt die Applikation/Website für den Nutzer

und für die Unternehmung: Abgleich mit Marke

• Was bietet die Applikation/Website an: Abgleich mit Komm

Seite 33

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Machen Sie diese 3 Fragen bzw. deren Antworten zu

abnahmerelevanten Kriterien in Ihrem Entwicklungsprozess:

• Welchen Zweck erfüllt die Applikation/Website für den Nutzer

und für die Unternehmung: Abgleich mit Marke

• Was bietet die Applikation/Website an: Abgleich mit Komm

• Welcher Logik folgt die Informationsarchitektur:

Seite 34

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Machen Sie diese 3 Fragen bzw. deren Antworten zu

abnahmerelevanten Kriterien in Ihrem Entwicklungsprozess:

• Welchen Zweck erfüllt die Applikation/Website für den Nutzer

und für die Unternehmung: Abgleich mit Marke

• Was bietet die Applikation/Website an: Abgleich mit Komm

• Welcher Logik folgt die Informationsarchitektur: Abgleich mit

WCAG

Seite 35

UX-Bewusstsein bei Entwickler-

Teams aufbauen

Machen Sie diese 3 Fragen bzw. deren Antworten zu

abnahmerelevanten Kriterien in Ihrem Entwicklungsprozess:

• Welchen Zweck erfüllt die Applikation/Website für den Nutzer

und für die Unternehmung: Abgleich mit Marke

• Was bietet die Applikation/Website an: Abgleich mit Komm

• Welcher Logik folgt die Informationsarchitektur: Abgleich mit

WCAG

Damit bauen Sie ein umfassendes UX-Bewusstsein in Ihrem

Unternehmen auf.

Seite 36

Checkliste für

Applikationsentwicklung

Orientieren Sie sich an den Möglichkeiten des Nutzers und

nicht des Systems:

Benutzerfreundlichkeit Barrierefreiheit

Effektivität: Was muss / will ein Benutzer wirklich

erreichen? Wo und in welchem Kontext nutzt er

die Applikation?

Use Case- und Szenario-Entwicklung

Effizienz: Was ist der Kernprozess? Was wird

kaum genutzt?

Reduktion und Modularisierung

Anforderungs-Formulierung aus Benutzersicht

Zufriedenheit: Wie erleichtern Darstellung und

Systeme die Zielerreichung?

Scribbles des Prozesses auf dem niedrigsten

Darstellungs-Level (Stichwort Responsive

Design)

Wahrnehmbar: Bieten Sie Textalternativen,

Untertitel, Anpassungsmöglichkeiten der

Darstellung und Farbkontraste?

Bedienbar: Kann man über die Tastatur bedienen

oder navigieren? Bietet man genug Zeit bei Time-

Outs, ist das Layout kontrastreich genug?

Verständlich: Können Benutzer Inhalte lesen,

Schritte vorhersehen und die Applikation intuitiv

„lernen“? Welche Eingabehilfen bieten Sie?

Robust: Ist die Applikation kompatibel mit

assistierenden Technologien? (Browser, Geräte

usw. – Stichwort „Swipen“)

Seite 37

Anbieter umfassender UX-

Beratung

Die Immacon GmbH unterstützt Sie in vielfältiger Weise, wenn

es darum geht, UX in Ihre Prozesslandschaft einzubetten und

unternehmensweite formale Vorgaben zu erstellen.

Hier finden Sie spezialisierte Anbieter.

Seite 38

Offene Fragen des Publikums

Seite 39

Bildquellen

https://medium.com/design-ux/bc190d62eff5

www.linkedin.com

http://www.sapbwconsulting.com/

www.sbb.ch

www.tradeshift.com

www.trenitalia.com

http://t3n.de/news/z-pattern-muster-psychologie-web-526096/

Intermission Management

Consulting GmbH

Eichlihalde 5

CH-6405 Immensee

+41 79 599 46 51

raaz@immacon.ch

Intermission Management

Consulting GmbH

Drahtzugstrasse 40

CH-4057 Basel

+41 78 722 33 93

desiree.hilscher@immacon.ch

© 2014 In term iss ion Management Consu l t ing Immacon GmbH www. immacon.ch contac t@immacon.ch

((Kontaktfolie))