UIE Workshop Digitization Lifecycle

From MPDLMediaWiki
Jump to navigation Jump to search

Der Workshop folgt einer Methode, die 'Wireframes' genannt wird und hat ein klares Ziel, nämlich die Erstellung von zentralen Seiten und Pageflows gemeinsam mit Anwendern. Dabei erarbeiten die Teilnehmer mit prototypischen Bausteinen aus Papier eine Benutzeroberfläche für die Anzeige von Digitalisaten. Die Bausteine/Werkzeuge werden vom Moderator zur Verfügung gestellt. Eine Anleitung dazu wird im Workshop gegeben. Im Prinzip wird dabei immer von Entwurfsvarianten hin zu konsolidierten Entwürfen gegangen.

Wichtig dabei ist, dass es nicht um technische Umsetzbarkeit geht. Deshalb sind auch keine Entwickler/GUI Entwicker der MPDL notwendig. Es ist sogar eher nachteilig, wenn Aspekte der Umsetzung (CSS, Javaskript, ...) diskutiert werden oder Details aufgegriffen werden (Farbwahl, genaue Positionen). Dafür reicht der zeitliche Rahmen nicht.

Die Ergebnisse werden nach dem Workshop vom Moderator aufbereitet und den Teilnehmern zur Verfügung gestellt (dies kann auch im Rahmen einer Präsentation erfolgen) und fließen in die Umsetzung ein.

Beispiele und Ergebnisse:

http://colab.mpdl.mpg.de/mediawiki/User_Interface_Evaluation/Easy_Submission

http://www.jawidelyacy.com/portfolio_UIwireframes.html


Place MPDL
Date 06.07.2011 - 07.07.2011
Status Auswertung
Moderation Rupert Kiefl


Agenda Tag 1[edit]

11:00 Vorbereitung (UIE Team)

13:00 Start: Einführung UIE und Workshop 'Wireframes'

  • Erklärung der Bausteine
  • Definition des Ausgangspunktes (Priorisierung einer Seite)
  • Brainstorming der Komponenten
  • Entwurfsphase
  • Sammlung der Komponenten
  • Diskussion der Entwürfe

14:30 Break

  • Brainstorming der Komponenten
  • Entwurfsphase
  • Sammlung der Komponenten
  • Diskussion der Entwürfe


18:00 Ende

Agenda Tag 2[edit]

9:30 Präsentation des Zwischenstands (Moderator)

  • Brainstorming der Komponenten
  • Entwurfsphase
  • Sammlung der Komponenten
  • Diskussion der Entwürfe

10:00 Break

  • Brainstorming der Komponenten
  • Entwurfsphase
  • Sammlung der Komponenten
  • Diskussion der Entwürfe
  • Nächste Schritte

13:00 Ende


Ergebnisse[edit]

Sammlung zentraler Seiten[edit]

Alle für die Benutzeroberfläche des Viewing relevanten Seiten wurden identifiziert und bearbeitet:

  1. Startseite(n)
  2. Browse Collection
  3. Scan
  4. Suche (einfacher Entwurfsvorschlag)
  5. Suchergebnisliste
Brainstorming Seiten


Startseite uebersicht.jpg Startseite detail1.jpg Startseite detail2.jpg Browse detail1.jpg Browse detail2.jpg Browse detail3.jpg Browse komponenten.jpg Browse uebersicht2.jpg Browse uebersicht.jpg File:Bucheinstiegsseite notiz.jpg Gestaltung notizen.jpg Layout gestaltung.jpg Menue brainstorm.jpg File:P1020242.jpg File:P1020244.jpg File:P1020245.jpg File:P1020246.jpg File:P1020247.jpg File:P1020248.jpg File:P1020249.jpg File:P1020250.jpg File:P1020251.jpg File:P1020252.jpg File:P1020253.jpg File:P1020254.jpg Scan detail1.jpg Scan detail2.jpg Scan detail3.jpg Scan detail4.jpg Scan detail5.jpg Scan tools.jpg Scan uebersicht.jpg

Suche brainstorm.jpg Suchergebnisse browse scan uebersicht.jpg Suchergebnisse komponenten.jpg Suchergebnisse uebersicht.jpg



Für das Applikationslayout wurden praktikable Grundtypen identifiziert und ein Kopfbereich mit standardisierten Positionen vorgegeben.