Difference between revisions of "UIE Workshop Digitization Lifecycle"

From MPDLMediaWiki
Jump to navigation Jump to search
 
(51 intermediate revisions by 2 users not shown)
Line 2: Line 2:
<div style="float:left; width:70%; margin-bottom:3em;">
<div style="float:left; width:70%; margin-bottom:3em;">


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.


{| cellspacing="0" cellpadding="5"
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.
|<b>Place:</b>  
 
Beispiele und Ergebnisse:
 
http://colab.mpdl.mpg.de/mediawiki/User_Interface_Evaluation/Easy_Submission
 
http://www.jawidelyacy.com/portfolio_UIwireframes.html
 
 
{| cellspacing="0" cellpadding="0"
|<b>Place</b>  
|MPDL
|MPDL
|-
|-
|<b>Date:</b>
|<b>Date</b>
| 06.07.2011 -  
|06.07.2011 - 07.07.2011
07.07.2011
|-
|<b>Status</b>
|Auswertung
|-
|-
|<b>Status:</b>
|<b>Moderation</b>
|Planned
|Rupert Kiefl
|-
|-
|<b>Agenda:</b>
|}


11:00 Preparations <br>
13:00 Start: Einführung UIE und Workshop 'Wireframes'<br>
<br>
<br>
#Verfügbare Bausteine (Papier)
#Definition des Ausgangspunktes (Priorisierung einer Komponente oder Startseite)
#Walkthrough
#Überarbeitung von Alternativen<br>
14:30 Break<br>
#Walkthrough
#Überarbeitung von Alternativen<br>
#Zusammenfassung und Diskussion der Ergebnisse
<br>
18:00 Ende<br>
|}


== Agenda Tag 1 ==
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 ==
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 ==


=Agenda=
[[UIE Workshop Digitization Lifecycle/Results]]
    Introduction to a GUI task
    Participants work on paper prototypes
    Question and Answers
    Comparison of Results
    Clustering
    Rework if necessary
    Preparation plus dissamination of results




Line 46: Line 83:


[[Category: User Interface Engineering]]
[[Category: User Interface Engineering]]
[[Category:Digitization Lifecycle]]

Latest revision as of 13:24, 11 July 2011

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]

UIE Workshop Digitization Lifecycle/Results