Axure-Prototyp eines iPhone-Interfaces

In einem Projekt, das soultank AG letzten Herbst durchgeführt hat, wurde in vier Iterationen das Interaktionskonzept einer Website kontinuierlich mit Benutzern verbessert. Dies anhand eines Axure-Prototyps. Das interessante dabei war, dass bei der Offerierung davon ausgegangen wurde, dass auf dem Balsamiq-Mockup, das der Kunde schon hatte, aufgebaut werden könnte und die ersten beiden Iterationen damit durchgeführt würden. In den ersten Workshops wurde dann aber festgestellt, dass der Prototyp eine hohe Interaktivität gewährleisten musste, deshalb wurde direkt mit Axure begonnen.

Dank der Flexibilität des Kunden und der Erfahrung seitens soultank AG konnte so in kürzester Zeit gewinnbringende Erkenntnisse gewonnen werden, da schneller und einfacher Anpassungen am Prototyp gemacht werden konnten.

Prototyping & Usability Testing führt zum Ziel

Prototyping ist aus meiner Sicht eine der mächtigsten Methoden, um zu einem intuitiv zu bedienenden Interface zu kommen. Dies vor allem dann, wenn iterativ (also: Prototyp erstellen, testen, Protoyp verbessern, testen, etc.) gearbeitet wird und die Prototypen mit realen Benutzern auf Herz und Nieren getestet werden. Es reicht also nicht einfach nur schöne Prototypen zu entwickeln, sondern sie müssen auch getestet werden.

Dieser iterative Prozess ist für uns selbstverständlich, da wir nach dem Prozessmodell für Benutzerzentrierte Entwicklung ISO 9241 Teil 210 vorgehen. Dort ist Prototyping der 3. Schritt. Auch hier wird Prototyping nicht als alleinige Disziplin verstanden, sondern klar in Kombination mit der Evaluation mit effektiven Benutzern.

Axure? Balsamiq? Paper & Pencil?

Eine oft geführte Diskussion ist die Diskussion über das zu wählende Tool, um Prototypen zu entwickeln. Aus Usability-Sicht ist diese Diskussion irrelevant, da es nicht auf das Tool ankommt, sondern auf den Prozess. Um zu entscheiden welches Tool am besten geeignet ist muss man abklären:

• In welcher Phase eines Projektes man sich befindet (ganz am Anfang, oder wurden bereits Konzepte entwickelt?)
• Welche Fragestellungen mit dem Prototypen geklärt werden sollen

Sind diese Fragen beantwortet kann man definieren welche Eigenschaften ein Prototyp haben soll. Wichtig Eigenschaften sind:

• Detaillierungsgrad (z.B. ist sehr detaillierte Graphik nötig, oder nur andeutungsweise Platzierung der Funktionen?)
• Breite (z.B. viele Funktionen oder nur eine Einzige?)
• Tiefe (z.B. eine einzelne Funktion sehr ausgeprägt in der Funktionalität oder nur oberflächlich?)
• Interaktivität (z.B. sind Animationen nötig?)
• Datenqualität (Braucht es echte Daten, oder genügen Dummy-Daten?)

Erst dann kann man sich für das richtige Tool entscheiden.

Fazit

Es kommt nicht auf das Tool drauf an, sondern auf den Prozess. Oft ist es zielführender, vor allem in frühen Phasen des Projektes, wenn mit Papier und Bleistift (Paper&Pencil) gearbeitet wird und nicht schon mit High-End-Tools. Die effektive Kunst ist die richtige Wahl des Tools zum richtigen Zeitpunkt. Ganz nach dem Motto “a fool with a tool, is still a fool”.

Marcel B.F. Uhr

Bugtracking-Tools erleichtern die Zusammenarbeit in Projekten.

In vielen Projekten, die wir für unsere Kunden durchführen dürfen, geht es darum, Usability-Probleme einer Software oder Webapplikation aufzudecken. Egal mit welcher Methode die Usability eines Produkts durchleuchtet wird (von Experten-Evaluation bis Benutzertests) – eines bleibt gleich: am Ende der Analyse steht eine  Liste von Befunden. Das können kleine Dinge sein wie ein Tippfehler auf einem Button, oder schwer wiegendere wie ein unverständlicher Bestellschritt im Online-Shopping.

Damit die Applikation verbessert werden kann, sollten diese Befunde in einem nächsten Schritt vom Kunden oder seinem Softwareentwicklungs-Partner zur Kenntnis genommen, geprüft und umgesetzt werden.  Meist erhält der Kunde einen Bericht mit den Resultaten der Analyse oder ein entsprechendes Slideument (Kurzbericht in Präsentationsform).

In letzter Zeit haben wir jedoch immer öfter eine neue Form der Dokumentation eingesetzt: Falls der Kunde intern ein Bugtracking-Tool (wie z. B. Bugzilla, Mantis oder Jira) benutzt, bietet sich an, dieses auch für Usability-Themen zu nutzen.

Vorteile für die Kunden

• der Kunde muss die Befunde vom Bericht nicht in eine to-do-Liste kopieren
• Befunde werden von soultank direkt ins Bugtracking-Tool eingefügt
• mit kurzem Text wird das Problem beschrieben
• wo nötig mit Screenshots dokumentiert
• Kunde kann Themen priorisieren
• Issues können bestimmtem Release zugewiesen werden
• Issues können zum Erledigen weiter geleitet werden
• Kommentare können angefügt werden
• möglich, Umsetzungsvorschläge zu diskutieren
• Issues können von allen Beteiligten nachverfolgt  werden

Auch unser Kunde V-ZUG ist glücklich mit diesem Vorgehen. „Diese Form der Zusammenarbeit ist effizient für uns“, bestätigt Markus Dittli, bei der Informatik von V-ZUG verantwortlich für die Web-Applikationen: „Wir sparen Zeit und haben die offenen Punkte jederzeit im Blick.“

Weitere Informationen zu Bugtracking (Wikipedia)

Katharina Brunner

Die offenen Issues können priorisiert, in Kategorien eingeteilt und nachverfolgt werden.

Logo von Quentiq

soultank AG hat QUENTIQ vor der Lancierung in Zusammenarbeit mit der Partnerfirma Ergon Informatik AG mit einem Expert Review der Webplattform unterstützt.

Das neue System sammelt und verfolgt Daten von vielen verschiedenen Geräten wie Waagen, Blutdruckmessgeräten, Smartphones und Fitnesstrackern. QUENTIQ vereinigt diese Daten zum sogenannten QUENTIQ Health Score^®, der den aktuellen Gesundheitszustand des Benutzers darstellt. Der QUENTIQ Health Score^® ermöglicht es, die Gesundheit spielerisch und durch Aktivitäten in sozialen Netzwerken aktiv zu fördern. Man kann Freunde, Familie oder Arbeitskollegen herausfordern, um den QUENTIQ Health Score^® durch Sport und Fitness zu verbessern.

>> QUENTIQ Website

>> Bericht auf cash TV

Anwendungsfall: Man will Kontakte aus Outlook als Excel-Liste exportieren

1. “Datei” wählen

2. “Öffnen” (!) wählen

3. “Importieren” (!) wählen

4. “In Datei exportieren” wählen

5. “Microsoft Excel 97-2003″ wählen (Excel 2010 steht nicht zur Auswahl!)

6. “Kontakte von soultank AG” wählen

7. Datei-Namen angeben und Fertig

Fazit

Die Informationsarchitektur darf nicht über Wörter wie “Öffnen” oder “Importieren” zu der Funktion “Exportieren” führen. Bereits ein paar wenige spontane Usability-Tests mit Mitarbeitern von soultank AG haben das gezeigt.

Ein weiteres Hindernis ist, dass nur in den Dateityp “Microsoft Excel 97-2003″ exportiert werden kann. Als Benutzer von Excel 2010 möchte man einen entsprechenden Dateityp auswählen können.

PS: Ironischerweise kann man den entsprechenden Export von Kontakten auch machen indem man einfach alle Kontakte in Outlook markiert, kopiert und in Excel einfügt.

Andreas Bossard

Vor kurzem veröffentlichte die Stiftung „Zugang für alle“ ihre Accessibility-Studie 2011.

In dieser wurde analysiert, wie zugänglich Schweizer Websites sind. Auch wurde der Frage nachgegangen, mit welchen Barrieren von einer Behinderung betroffene Einwohnerinnen und Einwohner der Schweiz noch immer zu kämpfen haben.

Dabei testete die Stiftung 100 Websites von Bund, Kantonen, den zehn grössten Städten, bundesnahen Betrieben, Medien, Stellenbörsen, Hochschulen, öffentlichen Verkehrsbetrieben, Internet-TV-Angeboten und Online-Shops.

Die Studie präsentiert auf insgesamt 116 Seiten interessante Ergebnisse.

Accessibility-Studie 2011 (barrierefreies PDF)

Weitere Links zum Thema:

Accessibility-Checkliste

Web Content Accessibility Guidelines (WCAG) 2.0

Kostenloses Tool zur Erstellung barrierefreier PDF-Dokumente

P028 – Richtlinien des Bundes für die Gestaltung von barrierefreien Internetangeboten

Bianca Redel

Möchten Sie sich im Bereich Usability weiterbilden? In Zusammenarbeit mit Digicomp bieten wir eine zweitägige Schulung an, die Ihnen die Grundlagen der nutzerorientierten Entwicklung vermittelt.

Ihr Nutzen

Sie erhalten einen Überblick zur Thematik Usability und User Experience und Sie kennen:
- Ansätze zur nutzergerechten Gestaltung von Produkten;
- die wichtigsten Begriffe und Normen der Usability;
- geeignete Methoden zur Durchführung und Auswertung von Usability Tests;
- die goldenen Regeln (Do’s & Don’ts).

Zudem können Sie mit einfachen Mitteln:
- Ideen zu einem erfrischenden und erfolgreichen neuen Design-Konzept entwickeln;
- Usability-Test zur Qualitätssteigerungen und Kostensenkungen realisieren;
- die gelernten Grundsätze in die eigenen Entwicklungsprozesse einfliessen lassen.

Zielgruppe

Software-Entwickler, Designer und Projektleiter, die an der Konzeption resp. Realisierung von Benutzeroberflächen beteiligt sind.

Daten und Austragungsorte

Die Schulungen finden in Bern, Basel und Zürich statt – die Daten für Januar, April, August und Oktober 2012 stehen fest. Melden Sie sich jetzt an!

Daten für 2012 und Anmeldung

Ein paar interessante Punkte:

• Insgesamt wurden ca. 150 Mitarbeiter der gesamten Swisscom befragt und/oder beobachtet
• Für Release 1 dauerte die Entwicklung ca. 1.5 Jahre
• Dabei wurden während ca. 5 Monaten User Centered Design Methoden angewendet
• Eingesetzte User Centered Design Methoden:
  • Expert Reviews
  • Fokusgruppen
  • Contextual Inquiries
  • Bedürfnisanalyse
  • Card Sortings für Entwicklung von Informationsarchitektur
  • Usability-Tests mit Prototypen
• Eingesetzter User Centered Design Prozess: ISO 9241 Teil 210 – Human-centered design process

Hier die Folien des Vortrags auf Slideshare:

Ort: ETH-Zentrum, CLA, Tannenstrasse 3, CH-8092 Zurich Raum: CLA E4

Datum: Donnerstag, 24. November 2011

Zeit: 18.30 Uhr – 20.00 Uhr

Die soultank AG unterstützte die Swisscom AG durch geeignete Usability-Massnahmen dabei, Ihr neues Intranet zu entwickeln.

Das grosse Ziel bei der Entwicklung des neuen Swisscom Intranets war es, die vielen kleinen Intranets, welche zum Teil veraltet waren, zu einem einzelnen grossen Intranet zusammenzufassen. Swisscom hat sich dabei entschieden, viel Wert auf die Usability zu legen, wodurch ein Projekt entstand, in dem Contextual Inquiries, Fokusgruppen-Workshops und Einzelinterviews genauso Platz gefunden haben, wie Usability-Tests mit Prototypen und Expert Reviews des effektiven Designs.

Mehr Infos unter:
http://usabilitynet.ch

Die Slides des Vortrags und ein Review sind hier zu finden:
http://soultank.ch/content/2011/12/review-vortrag-entwicklung-des-neuen-swisscom-intranets-nach-user-centered-design/

Der Anlass startete mit einer Präsentation von Pfister und Unic. Die Vertreter der beiden Firmen stellten den Gästen die vielen Schwierigkeiten der Erstellung einer mobilen Webseite anhand des Onlineshops von Pfister vor. Um hier nur einige zu nennen:

•    Texte müssen gekürzt und weggelassen werden
•    Website soll auf jeder mobilen Plattform gleich aussehen
•    Checkout Prozess muss viel einfacher sein

Danach folgte eine Präsentation von uns über die Verbreitung von Touchscreens im Alltag. Dabei gingen wir vor allem auf den Nutzungskontext und die verschiedenen Gestaltungsrichtlinien, wie Inhalt, Design, Navigation, Funktion und Interaktion ein.

Den Abschluss der Präsentationsrunde machte soultank AG mit dem Thema Usability Testing für mobile Geräte, in der wir einen Einblick in die Methodik des mobilen Usability Testings bei soultank AG gaben.

Der ganze Abend wurde dann durch Networking bei einem Apéro riche abgerundet.

Download der soultank-Slides:
http://www.slideshare.net/soultank/anforderungen-an-das-touchscreen-design
http://www.slideshare.net/soultank/mobile-applikationen-testen-so-funktionierts

Download der Slides von Pfister und Unic:
http://www.slideshare.net/Unic/mobile-shopping-bei-pfister

Weitere Informationen zum World Usability Day:
http://www.worldusabilityday.org/

Websites, Online-Shops und immer mehr Applikationen müssen für die mobile Nutzung optimiert werden. Dies bedeutet neue Herausforderungen für die Usability und die User Experience.

Der soultank-Kundenevent zum World Usability Day 2011 zeigt Ihnen auf, wie mobile Applikationen benutzungsfreundlich entwickelt und effizient getestet werden können.

Zeit: Donnerstag 10. November 2011, ab 16.00 Uhr
Ort: Siehbachsaal, Chamerstrasse 33, 6300 Zug

Anfahrt

Mit dem Auto:
Nehmen Sie die Autobahnausfahrt „Zug, Steinhausen, Cham-Ost“ und fahren Sie weiter in Richtung „Zug, Cham“. Fahren Sie gerade über die Kreuzung und auf der Chamerstrasse in Richtung Zug. Sie können den grossen Parkplatz beim Zuger Hafen benutzen. Der Siehbachsaal befindet sich in unmittelbarer Nähe an der Hauptstrasse.

Mit der Bahn:
Ab Bahnhof Zug nehmen Sie die S1 in Richtung Luzern/Rotkreuz bis zur Haltestelle „Schutzengel“.
Abfahrtszeiten: 15.06 / 15.20 / 15.36 / 15.52 Uhr.