Aktualisiert: Mi, 25. Jun, 19:26 | Andreas.Niederschick.Uni-Linz | andi_niederschick@gmx.at |
Mittwoch, 14. Mai 2008
Aufgabe 2: Styleguide Interface Design

INTERFACE-DESIGN

Informationsarchitektur

Der Blog folgt einer hierarchischen Strukturierung. Den Topics sind Stories untergeordnet. Diesen wiederum können Comments zugeordnet werden, so interesse anderer Nutzer besteht.

Der Weblog hat einen Content-Bereich. In diesem werden die Stories des aktiven Topics dargestellt. Auch die Interaktionen mit dem Blog wie die Bearbeitung von Stylesheets oder die Anlage einer neuen Story finden hier statt. Am linken Rand befinden sich die Navigation und sonstige Funktionen wie die Suche oder eine Übersicht über die zuletzt bearbeiteten Stories. Der darüberliegende Header besitzt als Informationsgehalt nur die LVA und den Autor.

Navigation & Subnavigation

Es stet das Statusmenu sowie das Interaktionsmenu zur Verfügung. Das Statusmenu zeigt jedem Besucher dessen aktuellen Status (nicht eingeloggt, eingeloggt, Administrator, Kontributor) an und erlaubt diesen zu bearbeiten.

Das Interaktionsmenu beherbergt je nach Status andere Optionen.

Für den Administrator:
  • home
  • topics
  • gallieries
  • add a story
  • stories
  • images
  • files
  • polls
  • members
  • preferences
  • layouts
  • referrers
  • most read stories
  • collabor::home
Nicht eingeloggt:
  • home
  • topics
  • gallieries
  • collabor::home

Inhaltsseiten

Der Blog enthält 2 Topics die übergeordnet Inhalte differenzieren. Einer dieser Topics beinhaltet die aktuellen Themen und Aufgaben der LVA Medienproduktion. Dieser Inhalt wird ständig durch Lösung der Aufgaben erweitert. Der Inhalt besteht somit aus den Stories die die Bearbeitung dieser Aufgaben dokumentieren.

Wording

Das Menü soll einfache Worte bzw. kurze Statements enthalten um eine schnelle Navigation zu ermöglichen. Als Sprache wird Deutsch gewählt, da die Zielgruppe nur Personen dieser Sprache umfasst.

Die Inhaltsseiten werden je nach Kontext anders ausgestaltet. So verlangt ein Beitrag über das CSS Design nach einer technischeren Ausdrucksweise als ein Beitrag über Barrierefreiheit.

Startseite

Die Startseite soll neben der Standardnavigation sofort die letzten Beiträge anzeigen. Aufgrund der Lernblogeigenschaft sollten die Informationen rasch zugänglich sein.

MultiMedia

Durch die Multimediale Ausrichtung der Lehrveranstaltung werden Videos und Animationen in die Beiträge eingebaut werden. Dies dient jedoch zur Gänze dem publizieren von Inhalten, nicht der Gliederung oder des Designs des Weblogs.

Interaktionsdesign

Das Ineraktionsdesign ist weitgehend bereits von der Blogsoftware vorgegeben. Die Registrierung erfolgt über die Eingabe des Usernamens und einer E-Mail-Adresse. Das durchklicken durch Beiträge wird über Topics hierarchisch gegliedert, wobei die aktuellen Beiträge bereits auf der Startseite zur Verfügung stehen. Kommentare können durch klicken des Comment-Links direkt bei den Beiträgen angefügt werden.

Eine grobe Einteilung des Interaktionsdesign folgt:

... comment