Downloaden Sie, um offline zu lesen
Hochgeladen vonImmacon
Usability als strategisches Element im Entwicklungsprozess
Der Workshop thematisierte die Integration von Usability und Accessibility in den Entwicklungsprozess digitaler Anwendungen. Hauptpunkte waren die Sensibilisierung für Usability, die Einbindung von UX-Experten in Teams und die Erstellung von Checklisten für die Applikationsentwicklung. Ziel ist es, ein umfassendes UX-Bewusstsein in Unternehmen zu etablieren, um benutzerfreundliche und barrierefreie Produkte zu entwickeln.
Usability als strategisches Element im Entwicklungsprozess
- 1. Workshop: “Usability für digitaleOberflächen und Dienste in den Entwicklungsprozess einbeziehen” Forum swissdec 2014 Immacon GmbH
- 2. Seite 2 Programm • Sensibilisierungfü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
- 3. 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
- 4. Seite 4 Sensibilisierung UXals strategisches Element
- 5. Seite 5 Was sindUsability, 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
- 6. Seite 6 UX imEntwicklungsprozess 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.
- 7. Seite 7 UX imEntwicklungsprozess 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
- 8. Seite 8 UX imEntwicklungsprozess 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
- 9. Seite 9 UX imEntwicklungsprozess 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
- 10. Seite 10 UX imEntwicklungsprozess 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
- 11. Seite 11 UX imEntwicklungsprozess 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
- 12. Seite 12 UX inProzesse einbinden: Umfrage beim Publikum Ist UX ein Projektmilestone in Ihren Prozessen? Ja: Nein:
- 13. Seite 13 UX inProzesse einbinden: Umfrage beim Publikum Ist UX ein Projektmilestone in Ihren Prozessen? Haben Sie UX-Spezialisten im Team? Ja: Nein: Ja: Nein:
- 14. Seite 14 UX inProzesse 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:
- 15. Seite 15 UX inProzesse 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:
- 16. Seite 16 UX inProzesse 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:
- 17. Seite 17 Umfrage: Sollbild Mindestens3 Fragen sollten mit Ja beantwortet werden, wenn man UX als strategisches Element in seine Entwicklungsarbeit miteinbezieht oder das in Zukunft tun möchte.
- 18. Seite 18 Beispiele fürfehlendes UX- Bewusstsein
- 19. Seite 19 Usability beiProzessen 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?
- 20. Seite 20 Verschiedene Anforderungenan 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.......
- 21. Seite 21 Bei jedemSchritt 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.
- 22. Seite 22 Besser machen GuteUsability: 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
- 23. Seite 23 ...und solltenwir nicht noch... Schlechte Usability: „Mehr ist mehr!“ – Wer zum ersten Mal auf die Seite kommt, ist überfordert.
- 24. Seite 24 Besser: DenZweck im Auge behalten Gute Usability: • Beschränken Sie sich auf die Haupt-Bedürfnisse der Nutzer (auch wenn manche noch anderes wünschen).
- 25. Seite 25 UX-Bewusstsein imeigenen Unternehmen herstellen
- 26. 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?
- 27. Seite 27 Besprechung derGruppenarbeit Satz für das Angebot: Satz für die Logik der Informationsarchitektur: Satz für den Zweck:
- 28. Seite 28 UX-Bewusstsein beiEntwickler- 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.
- 29. Seite 29 UX-Bewusstsein beiEntwickler- 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:
- 30. Seite 30 UX-Bewusstsein beiEntwickler- 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
- 31. Seite 31 UX-Bewusstsein beiEntwickler- 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:
- 32. Seite 32 UX-Bewusstsein beiEntwickler- 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
- 33. Seite 33 UX-Bewusstsein beiEntwickler- 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:
- 34. Seite 34 UX-Bewusstsein beiEntwickler- 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
- 35. Seite 35 UX-Bewusstsein beiEntwickler- 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.
- 36. Seite 36 Checkliste für Applikationsentwicklung OrientierenSie 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“)
- 37. Seite 37 Anbieter umfassenderUX- 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.
- 38. Seite 38 Offene Fragendes Publikums
- 39.
- 40. Intermission Management Consulting GmbH Eichlihalde5 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 Intermission Management Consulting Immacon GmbH www.immacon.ch contact@immacon.ch ((Kontaktfolie))