UInt2 Closed Book

Scannen – Akzente setzen:

•Headlines

•Schlüsselwörter, -bilder

•Links / Suchhilfen

•Wenig Fliesstext

•Menüs nach links ausrichten

Skimmen – Zusammenfassen:

•Kurze Absätze

•Listen / Tabellen

•Zwischenüberschriften

•Info-Grafik

Lesen – in die Details gehen:

•Längere Seiten

•Fliesstext

•Format zum Ausdrucken

•Font-Optimierung

oFliesstext / Mengentext (Fokus: Lesbarkeit)

Hohe Kleinbuchstaben

Keine Serifen

Standards nutzen: Verdana, Avenir

Abgucken: Zeit, Instapaper, ReadLater

Satz: Flattersatz

oDisplay Text / Titel (Fokus: Aufmerksamkeit, Dekoration, Brand)

Serifen möglich

Bold

Nicht alle Benutzer scannen und skimmen!

•Relevante Information hervorheben

oDas Wichtigste zuerst

oZwischenüberschriften

oZusammenfassungen

oNicht ablenken

oSchlüsselwörter

oInformative Grafiken

Aufmerksamkeit -> schwebend/fokussiert

Handlungsziel -> nicht vorhanden / genau definiert

Web-Erfahrung -> gering / hoch

technisches Wissen -> Laie / Experte

Suchstil -> abbrechend / erschöpfend

Lebensalter -> jung/alt

Browsing Stil -> link-orientiert/suchhilfe-orientier

•Surfer

•Schnupperer

•Schnäppchenjäger

•Convenience-Orientierte

•Entertainment-Orientierte

•Kontakter

•Routiniers

•Fold

oTeil der Webseite, welcher bei der Mehrheit der Besucher ohne zu Scrollen beim Laden dargestellt wird

•Moderierte Links

oLinks, welche durch Text noch beschrieben werden (nicht einfach nur eine Auflistung von Links)

•Key Visuals

oSchlüsselbilder, Symbole für verschiedene Inhaltsbereiche, Abgrenzung inhaltlicher Segmente, Orientierung

•Eye Catcher

oAuffällige Elemente (Bewegung, Farben, etc.)

•Persistente Navigation

oNavigation immer am gleichen Ort, Site-ID oder Logo zeigt an, auf welcher Seite man sich befindet und ist zugleich Link zu Home Page

•Primary Navigation

oLinks zu den Haupt-Sektionen, Top-Level Hierarchie der Seite

•Bread Crumbs

oTrace Route, Weg zu Seite auf welcher man sich befindet

•Tagline

oUntertitel, meist ein Satz, welcher Seite beschreibt

Das AIDA Prinzip beschreibt die Art, wie man einen Kunden dazu bringt etwas zu kaufen:

AIDA: „Attention“, „Interest“, „Desire“, „Action“


Attention

Die Aufmerksamkeit des Kunden wird angeregt.

Interest

Er interessiert sich für das Produkt. Das Interesse des Kunden wird erregt.

Desire

Der Wunsch nach dem Produkt wird geweckt. Der Besitzwunsch wird ausgelöst.

Action

Der Kunde kauft das Produkt (möglicherweise).

Richtige Moment, Vertrauen, Personalisierung, Navigation, Suche, Beschreibungen, Reviews, Kundenreviews, Vergleiche, Coupons, Keine Ablenkung (One Click Checkout), Kein Porto, Sichere Zahlmöglichkeiten, Persistente Shopping Cart, Wish-List, Auto-Refills/Abbo, A/B Testing

Up Selling

Wie bringt man den Kunden dazu mehr zu kaufen?

•Besseres Produkt

•Mehr vom gleichen (10er Pack)

•Package (2 Bücher)

•Add-Ons

•Service Vertrag

Cross Selling

Wie bringt man den Kunden dazu mehr zu kaufen?

•Verwandte Produkte

•Produkte welche häufig zusammen gekauft werden

Der Grundgedanke von Faceted Search ist es, dem User eine Navigation durch mehrdimensionale Kriterien zu erlauben, welche die zu durchsuchende Kollektion beschrieben. Eine Erweiterung der klassischen Parameter-Denke, wo ich mit Drop-Down-Felder zu Beginn einschränken muss. Während der Navigation reduziert sich die Treffermenge und kann mit einer — dann präziseren, weil eingeschränkten — Volltextsuche verbunden werden. Dies lässt sich am besten am Beispiel von Amazon veranschaulichen: Man sucht zuerst nach einem Buchtitel, kann dann die Suche aber auf gewisse Themenbereiche, in welchen der Begriff auftaucht, einschränken.

•Wiedererkennen des Benutzers

•Klassifikation beim Eintreffen

•Session Tracking

•Techniken:

oWissensbasierte Personalisierung

Wiedererkennen des Benutzers & Inhaltsanpassung 
Wunschlistenelemente, Add-On-s, „Neu für Sie“

Klassifikation des Besuchers & Inhaltsanpassung Produktkategorien, Preise, Coupons

Faceted & Feature-Based Search; Konfiguration

Produktvergleiche aufgrund von Benutzereingaben

oCollaborative Personalisierung 


Bestseller


Ähnliche Produkte (Item to Item Recommendation)

„Basket“ Recommendation

Kaufverhalten ähnlicher Nutzer ausnutzen

In gesichtform dargestellte Daten (zB abstand der augen, augen grössen, eyebrow slope)

Durchschnitte oder so

zB: Average Monthly Temperatures

Platzsparen durch Distorsion

Fokus auf Teil der Grafik

Analyse hierarchischer Daten, kleine vierecke in einem grossen Viereck

Analyse hierarchischer Daten, im kreis angerodnet, wie kreisdiagramm aber über mehrere ebenen

Selbstverwirklichung: Individualität, Perfektion, Erleuchtung

Soziale Wertschätzung: Status, Respekt, Anerkennung

Soziale Beziehung: Familie, Freundeskreis

Sicherheit: Recht und Ordnung, Schut vor Gefahren

Physiologische Grundbedürfnisse: Nahrung, Atmung, Wärme, Freiheit

•Role Model

•Task Model

•Content Model

Context, which role is played

Characteristics, performance of Role

Criteria, support of role

Photograph anything, not just user

input a few characters, not ganzer text

slow network, fast internet

smallscreen, large screen

used anywhere, fix standort

connected wireless

•Scrolling / Panoramic Applications

•Multiple Pages

•Hierarchische Navigation

-Benutzerinterview

-Abgleich mit Benutzertemplates

-Mit ähnlichen Persona gruppieren

-Zur Ausarbeitung der Persona

-Definition des Feature-Katalog

-Definition eines groben GUI

-Szenarien erstellen

Aufgrund der Benutzerziele werden die Soll-Szenarien definiert. Diese stellen die zentrale Anlaufstelle für das System dar, da die Features und Funktionalitäten auf diesen Soll-Szenarien aufbauen.

Ein Use Case Actor ist eine Klasse von Benutzern. Sie stellt eine Gruppe dar und enthält keine Informationen über die Personengruppe. Eine Persona ist eine Beschreibung einer Person mit verschiedenen Informationen wie Kenntnissen oder Pain-Points. Persona stellen eine homogene Benutzergruppe dar.

UCD-Szenarios erzählen eine Geschichte à la: Der Kunde Fredi Müller betritt den Laden und bestellt sich ein Gipfeli und die Tageszeitung….

Ein Use-Case beschreibt eine einzelne Aktion: z.B. Gipfeli zubereiten.

User Stories sind Kurzbeschreibungen von Use Cases.

Als Stakeholder (engl.) wird eine Person oder Gruppe bezeichnet, die ein berechtigtes Interesse am Verlauf oder Ergebnis eines Prozesses oder Projektes hat. -> Benutzer, Kunde etc. sollte klar sein…

Schlecht: Architecture, Program Management

Nicht empfohlem: Development

Blue Sky Scenario: Das Blaue vom Himmel. z.B. ich drücke einen Button und es wird automatisch alles gemacht…

Happy Path Scenario: Alles gelingt perfekt.

17 Jahre?? => Maus erfunden: 1964, Angewendet im Xerox Star: 1981 => Aber war das der erste?

Value of UX Technology = Psuccess * Benefit – Pfailure * Cost

Der Memex (Memory Extender; dt. etwa: Gedächtnis-Erweiterer) ist ein als möglichst menschengerechtes, einfach bedienbares Wissensfindungs- und Verwertungssystem konzipierter Kompakt-Analog-Rechner, der 1945 von Vannevar Bush im Artikel As We May Think (Atlantic Monthly, Juli 1945, S. 101 ff.) fiktiv vorgestellt wurde. Das Prinzip lag auch der bereits 1931 in den USA patentierten Statistischen Maschine von Emanuel Goldberg zugrunde.

Seit 1878 (von der Schreibmaschine Remington No. 2)

-WIMP: "windows, icons, menus, pointer" => WIMPs sind GUIs welche die genannten Elemente verwenden. So sind zwar alle WIMPs auch GUIs, aber nicht umgekehrt. (z.B. Mobiltelefone meist keinen Pointer und Fenster)

- Maus

- WIMPs (oben beschrieben)

- Email

- Spreadsheet

- WYSIWYG Textverarbeitung

- Ethernet

Trackball gab es 16 Jahre früher (Maus: Entwickelt ca. 1968 (pat. 1970); Trackball seit 1952)

Lichtgriffel (Lichtgriffel: Entwickelt ca. 1949-55 Kommerziell seit ca. 1968; Maus: Entwickelt ca. 1968 (pat. 1970))

- Tastatur 1868

- Bildschirm PC ca in den 50er Jahren und als Schwarzweisfernseher seit 1926

Voher gab es CRTs (Röhrenbildschirme) die aber viel grösser waren und mehr Strom benötigten. Bezahl ist definitionssache, aber zwischen 2000 und 2003, eher bei 2003.

+ Finger und Stift, Multi Touch

- Druck notwendig

Kapazitiv

+ Angenehm in Bedienung (schnell)

- Teuer, nur kleine Displays, kein Stift