Einleitung und Motivation

1

Motivation und Lernziel dieser Lerneinheit

• Überblick über Einsatz von Windows multimedialer Anwendungen und deren Format

Themen dieser Lerneinheit

• Format und Windows
• Sccrolling und Paging
• Seitenlänge
• Format und Layout

Format (lat.)

• das Geformte, das Genormte
• legen Gestalt, Grösse und Mass fest
• bilden Grundlage jeden Überblicks
• begrenzen Inhalte
• richten sich nach Nutzbarkeit und/oder nach Dargestelltem
• Normierung dient Vereinheitlichung und Kombinationsfähigkeit (Rentabilität)

2

Motivation und Lernziel dieser Lerneinheit

Diese Lerneinheit beschäftigt sich mit dem Thema „Layout für multimediale Anwendungen“ und behandelt dabei mit „Format“ bzw. „Windows“ wesentliche Bedingungen, denen die Gestaltung und der Aufbau des grafischen Raumes im Zuge der Darstellung und der Benutzung multimedialer Inhalte unterliegen.

Format

Format, aus dem Lateinischen, steht für das Geformte, das Genormte. Formate legen Gestalt, Grösse und Mass fest, sie bilden die Grundlage jeden Überblicks und sie begrenzen Inhalte. Formate richten sich in der Regel nach Nutzbarkeit und/oder nach dem Dargestellten. Die Normierung von Formaten dient der Vereinheitlichung und Kombinationsfähigkeit (vgl. etwa die DIN-Papierformate) und geht weitgehend auf ökonomisch auferlegte Rentabilitätsüberlegungen zurück.

Format und Multimedia

1

Wahl des Formats

• Wahl des Formats MM-Anwendungen je nach vorgesehener Präsentation
  • Bezugssysteme multimedialer Formate
  • techn. Mittel der Präsentation (Monitor)
  • abgebildete Fenster (Windows)
• fixe Formate
  • interaktiver Kioske
  • Video- oder Computer-Monitore
  • Monitor- oder Vidiwalls bzw. Projektionen
  • Webanwendungen
  • Screen PDA und Smart-Phones
• flexible Formate (Windows)
  • Webbrowser
  • OS und Computerapplikationen

Darstellungsformen bei mehreren Fenstern

• nebeneinander angeordnet (tiled)
• übereinander (overlapping)
• geordnet und nach Raster ausgerichtet (cascading)
• Anordnung von Benutzer frei wählbar

Window-Darstellungen PC gali2002

.

Window-Darstellungen PDA_Phone gali2002

.

Eigenschaften der verschiedenen Darstellungsformen gali2002, 351

Darstellungsform jeweils Vor- und Nachteile (Wahl nach Anforderung):

Nebeneinander

• für singuläre Aufgaben bzw. Zielsetzungen
• für weniger erfahrene Benutzer
• für Inhalte in fixem Fensterformat
• für gleichzeitig betrachtete Inhalte

Übereinander

• wenn Wechsel zwischen mehreren Aktivitäten
• wenn Benutzer erfahren
• wenn veränderbare Fenstergrösse notwendig
• wenn Form und Umfang d. Inhalte schwer vorhersehbar

auto

• Interface-Evolution von Einzelschirm-Präsentation zum Windowing
• Web von Beginn an im Single-Screen-Modus
• Web-Darstellungen: Analogie von Seite (Page) und Fenster (Window)
• Ausgleich - Frames (sozus. mehrere nebeneinander angeordnete Windows)
• durch Frames - parallele Darstellung versch. Inhalte auf einer Seite

2

Wahl des Formates

Die Wahl des Formats für multimediale Anwendungen richtet sich letztendlich nach der vorgesehenen (bzw. der möglichen) Präsentationsform des Produktes. Je nach Art der Anwendung bilden direkt die technischen Mittel der Präsentation (Monitor) oder darauf abgebildete Fenster (Windows) die Bezugssysteme multimedialer Formate.

Formate fixer Grösse gelten für interaktiver Kioske, Video- oder Computer-Monitore (4:3 oder 16:9), Monitor- oder Vidiwalls bzw. Projektionen. Aber auch zahlreiche Webanwendungen sowie Screen-Präsentationen für PDA und Smart-Phones bedienen sich Fenster festgelegter Grösse (Fixed-size-windows).

Formate flexibler Grösse sind weitverbreitet für die Fenster von Webbrowsern bzw. von Computerapplikationen.

Darstellungsformen bei mehreren Fenstern

Wie mittlerweile auch die gängigsten Computer-Betriebssysteme und damit auch Appikationen auf fensterbasierter Präsentation und Interaktion beruhen, wurde auch für die Dastellung multimedialer Inhalte mit der Entwicklung des Web und deren ebenfalls Window-basierte Browser, Fenster immer wichtiger.

Die Darstellung mehrerer Fenster folgt zwei grundlegenden Stilen: .1 nebeneinander angeordnet (tiled) oder .2 übereinander (overlapping) sowie dabei .3 geordnet und nach Raster ausgerichtet (cascading). Zumeist steht es dem Benutzer frei, die Art der Anordnung zu wählen.

Window-Darstellungen PC gali2002

.

Window-Darstellungen PDA_Phone gali2002

.

Eigenschaften der verschiedenen Darstellungsformen gali2002, 351

Wiewohl jede Darstellungsform eine Reihe von Vorteilen und Nachteilen mit sich bringt, wird die Wahl der Fenster-Darstellung grundsätzlich je nach Anforderung gewählt:

• Nebeneinander angeordnete Windows
  • für Aktivitäten, die singulären Aufgaben bzw. Zielsetzungen folgen
  • für weniger erfahrene Benutzer
  • für Inhalt, deren Darstellung keine Veränderung des Fensterformats bedarf
  • für Inhalte, die gleichzeitig betrachtet werden müssen
• Übereinander angeordnete Windows
  • wenn oft zwischen mehreren Aktivitäten gewechselt werden soll
  • wenn Benutzer bereits Erfahrung mitbringen
  • wenn die Fenstergrösse öfter verändert werden muss
  • wenn der Form und Umfang der Inhalte schwer vorhersehbar ist

auto

Während die Interface-Evolution von der Einzelschirm-Präsentation zum Windowing führte, blieb das Web von Beginn an im Single-Screen-Modus.

Nachdem für Darstellungen im Web die Analogie von Seite (Page) und Fenster (Window) gilt, damit also auch im Single-Window-Modus. Um dies auszugleichen wurden zwar Frames geschaffen – sozusagen mehrere nebeneinander angeordnete Windows innerhalb des Hauptfensters. Frames erlauben die parallele Darstellung verschiedener Inhalte auf einer (Web)Seite.

Grösse von Windows

1

auto

• Standard - lange Zeit: 640x480 px
• Anzeige auch auf Monitoren mit geringer Bildschirmauflösung möglich
• heute Format 1024x768 grundlegend

Window-Formate PC

• bei Sicherstellung der Monitor-Auflösung bei Präsentation – freie Formatwahl
• Gestaltung fixer Windowgrössen – durchweg unterschiedliche Formate u. Fenstergrössen (PopUp-, PopUnder-Windows, Web-Microsites)

Window-Formate PDA_Phone

• bei Sicherstellung der Monitor-Auflösung bei Präsentation – freie Formatwahl
• Gestaltung fixer Windowgrössen – durchweg unterschiedliche Formate u. Fenstergrössen (PopUp-, PopUnder-Windows, Web-Microsites)

Typische Monitor-Auflösungen all webp2004

auto

• alle zu vermittelnden Informationen im Fenster zu platzieren
• möglichst grosszügige Dimensionierung des Windows empfohlen
• bessere Möglichkeiten für Layout

Vorteile grossformatiger Seiten

• mehr Information gezeigt
• Erfassen der Struktur von gezeigten Daten einfacher
• weniger Interaktion notwendig
• effizientere Bewertung der Information möglich

Nachteile grossformatiger Seiten gali2002

• längere Wege des Mauszeigers
• Erfassen des Inhalts (visuelle Abtastung) aufwendiger
• Überlappung bei Display mehrerer Fenster wahrscheinlicher

Studien - Windows in UserInterfaces gali2002

• Vergleich zw. 6, 12 u. 24 Zeilen Text: Fenster mit 12 Zeilen Text am raschesten erfasst
• Vergleich d. Erfassung alphanum. Daten 7-, 13- und 19-zeiliger Windows: 7-Zeilen-Version am angenehmsten
• Tests: unterschiedlich gestaltete visuelle Daten stellen Messbarkeit in Frage
• Wahl der Window-Grösse je nach Anforderungen der Applikation
• Format eröffnet Designer vielfältige Möglichkeiten

2

auto

Standard Multimedia-Applikationen für Monitorpräsentationen wurden lange Zeit zumeist auf Basis der Abmessungen 640x480 Pixel angefertigt. Damit konnten sie jedenfalls auch auf Monitoren mit einer geringen Bildschirmauflösung angezeigt werden, ohne dass seitliche Teile der Applikation abgeschnitten wurden. Für die Präsentation im Web gilt heute mittlerweile das Format 1024x768 als grundlegend.

Window-Formate PC

Window-Formate PDA_Phone

auto

Falls sichergestellt ist, dass dem Betrachter auch höherauflösende Monitore zu Verfügung stehen oder wenn etwa eine Präsentation für Kiosk oder für Monitor im Vollbild-Modus erstellt wird, muss darauf keine Rücksicht genommen werden. (komm2002) Auch mit der Gestaltung für fixe Windowgrössen, etwa von PopUp- oder PopUnder-Windows – beispielsweise für Werbung oder für vollständige Web-Microsites – werden durchweg unterschiedliche Formate und Fenstergrössen verwendet.

Typische Monitor-Auflösungen all webp2004

auto

Jedenfalls sollten alle relevanten zu vermittelnden Informationen im Fenster Platz finden. Je grosszügiger das grundlegende Window dimensioniert ist, umso mehr und bessere Möglichkeiten bieten sich im Layout der einzelnen Seiten.

Vorteile grossformatiger Seiten

• mehr Information kann gezeigt werden
• Erfassen der Struktur von gezeigten Daten wird einfacher
• weniger Interaktion wird notwendig
• effizientere Bewertung der vermittelte Information ist möglich

Nachteile grossformatiger Seiten gali2002

• längere Wege des Mauszeigers fallen an
• Erfassen des Inhalts ergo visuelle Abtastung wird aufwendiger
• Überlappung bei Display von mehreren Fenstern ist wahrscheinlicher

Studien - Windows in UserInterfaces gali2002

Über Windows in UserInterfaces besagt eine Studie, dass im Vergleich zwischen 6, 12 und 24 Zeilen Text, das Fenster mit 12 Zeilen Text am raschesten erfasst werden konnte. Eine andere Studie verglich die Erfassung alphanumerischer Daten 7-, 13- und 19-zeiliger Windows und identifizierte die 7-Zeilen-Version als für den Benutzer am angenehmsten. Für die Gestaltung multimedialer Applikationen werden solche Tests wahrscheinlich kaum nutzbringend sein können. Zu unterschiedlich gestalten sich die mannigfaltigen potentiellen Kombinationen visueller und auditiver Daten, um in messbaren Zusammenhang mit der Window-Grösse gebracht werden zu können.

Im Allgemeinen sollte sich die Wahl der Grösse des Windows nach den Anforderungen der Applikation richten; mit der Wahl des Formates eröffnen sich für den Designer jedenfalls vielfältige Möglichkeiten.

Veränderbares Format

1

auto

• Window-Format für Content-Gestaltung (Multimedia) entscheidend
• besonders wenn vom Designer gewähltes Format nicht mit des Benutzers ident
• Rücksichtnahme auf techn Präsentationsbedingungen unabdingbar
• wiedererkennbares Erscheinungsbild f. gelungenes Design wichtig
• identische Darstellung entworfener Seiten auf allen Plattformen, Browsertypen u. Monitoren
• Kompatibilitätsanforderungen: oft Kompromiss möglichster Annäherung
• Kompatibilität nicht zuletzt von Aufwand für Tests u. Anpassungen abhängig
• Intro-Anmerkungen in Website bzgl. Einschränkungen
• damit Anpassungszeit und finanzielle Mittel eingespart
• User verschreckt bzw. Zugang zur Applikation verwährt u. ausgegrenzt
• für Designprozess durch Eingrenzung von Möglichkeiten, Beschränkungen bzw. Normierung gestalterischer Spielraum gewonnen
• heute meist gebräuchliche Bildschirmauflösungen (Web): 800x600 u. 1024x768 px

2

auto

In Kreation und Produktion für multimediale (im besonderen Web-) Anwendungen kann das Window-Format für die Gestaltung des Contents zum entscheidenden Faktor werden: wenn nämlich das vom Designer gewählte Format nicht mit dem ident ist, in dem der Benutzer das Werk später rezipiert. Die Rücksichtnahme auf diese technischen Bedingungen der Präsentation ist daher bei der Kreation unabdingbar.

Für ein gelungenes Design ist es wichtig, dass sich ein wiedererkennbares Erscheinungsbild erzielen lässt. Es ist also möglichst zu gewährleisten, dass die entworfenen Seiten auf allen Plattformen (Linux, MacOS, Windows), Browsertypen (Internet Explorer, Netscape, ...) und Monitoren identisch dargestellt werden. In dieser Fülle von Kompatibilitätsanforderungen genügt sich die technische Implementierung oft in dem Kompromiss, eine möglichste Annäherung zu erarbeiten. Das Mass an Kompatibilität ist nicht zuletzt vom Umfang des Aufwandes abhängig, der für Tests und wiederholte Anpassungen des Designs getätigt wird (oder werden kann).

Nicht selten weisen beim Einstieg in eine Website Anmerkungen wie „Optimiert für Internet Explorer x “ oder „Optimale Bildschirmauflösung 800x600“ auf diese Einschränkungen hin. So werden zumeist Anpassungszeit und damit finanzielle Mittel eingespart.

Leider werden durch solche Entscheidungen somanche User verschreckt bzw. wird gewissen – wennauch zumeist nur schmalen – Usergruppen der Zugang zur Applikation verwährt. Die Benutzer weniger verbreiteter Browser werden ausgegrenzt und einzelne den Markt dominierende Software-Produkte begünstigt.

Für den Designprozess ist dies allerdings nicht unbedingt von Nachteil. Durch die Eingrenzung von Möglichkeiten, Beschränkungen bzw. Normierung – je weniger also auf technische Restriktionen bzw. Bedingtheiten Rücksicht zu nehmen ist – wird auch gestalterischer Spielraum gewonnen.

Zur Zeit liegen die beiden meist gebräuchlichen Bildschirmauflösungen von Internetbenutzern bei 800x600 und 1024x768 Pixel.

Scrolling oder Paging

1

auto

• bei flexibler Anpassung von Browser-Windows - Entscheidung ob fixe od. flexible Dimensionierung von Window-Inhalten
• Inhalte fixer Dimensionierung:
  • als einzeln zu betrachtende Seiten dargestellt
  • zum Lesen weiterzuschalten
• Inhalte flexibler Dimensionierung:
  • Benutzer muss scrollen

Scrolling einer Seite PC

Scrolling einer Seite PDA_Phone

Scrollen: Diskussionen unterschiedlicher Ansichten

• Nein - „Internet users don’t scroll“ (Nielsen 1996)
  • Top Ten Mistakes in Web Design (Alertbox)
• Ja - „Scrolling Now Allowed“(Nielsen 1997)
  • Nielsen, J.: 1997, Changes in WebUsability Since 1994
  • Changes in Web Usability Since 1994 (Alertbox)
• Nein - f. 24% aller Internet-Beginner Scroll-Informationen nicht auffindbar
  • (Berliner Studie)
• Ja - Scrolling benutzerfreundlich (Univ. Utrecht)
  • Van Nimwegen, C., Pouw, M., van Oostendorp, H. (1999) The influence of structure and reading-manipulation on usability of hypertexts. Interacting with computers 12 (1999) 7-21.
• Nein - Top10-Ärgerniss beim Surfen (brit. Studie 2001)
  • Pressemitteilung der Abbey National Bank (2002)
• Ja - User behaupten nein, aber lt. Tests problemloser Umgang (Jared Spool)
  • Spool, J., Scanlon, T., Schroeder, W., Snyder, C. & DeAngelo, T. (1999) Web Site Usability. A Designer’s Guide. San Francisco: Morgan Kaufman

benutzerorientierte und empirische Methoden in Frage gestellt? wirt2002, 161

• divergierende Ergebnisse durch unscharfe Formulierungen!
• ob kurz oder lang (Seiten) ist subjektiv u. abhängig v. Strukturierung u. Darstellung des Inhalts
• Scrolling (vertikal) durch geeignetes Eingabedevice unterstützt (Mäuse mit Scroll-Rad)
• Paging - als Weiterschaltung von Einzelseiten zur Navigation im Content
• auch beide Methoden (Scrolling u. Paging) parallel sinnvoll
• eher zur Navigation durch textintensive Inhalten empfohlen
• von Designern nicht bevorzugt angewandt
• möglichste Reduktion und Entscheidung für eine Navigationsmethode
• horizontale als auch vertikale Navigation für manche Benutzer verwirrend
• horizontales Scrolling von Inhalten zu vermeiden

2

auto

Mit der Möglichkeit der flexiblen Anpassung von Webseiten (also des Browser-Windows) durch den Benutzer steht der Designer bei der Gestaltung fürs Web vor der Entscheidung, ob der Inhalt eines Windows als fixe Grösse oder – als seitlich und/oder nach unten – flexibel konzipiert werden soll. Für den ersten Fall bedeutet dies für die Benutzung, dass dargestellte Inhalte sich damit als jeweils einzeln zu betrachtende Seiten darstellen und zum Lesen weitergeschaltet werden müssen. Soll sich Inhalt in einem Fenster flexibel darstellen, heisst das für den Benutzer: Scrollen!

Scrolling einer Seite PC

Scrolling einer Seite PDA_Phone

Scrollen: Diskussionen unterschiedlicher Ansichten

Zu diesem Thema lassen herrschende Diskussionen durchweg unterschiedliche Vorlieben und Ansichten erkennen, und zahlreiche durchgeführte Untersuchungen schliessen sich dem an.

Wollen also Internet-User scrollen?

• Nein, meinte 1996 Jakob Nielsen: „Internet users don’t scroll“
  • Top Ten Mistakes in Web Design (Alertbox)
• Ja, 1997 kam derselbe Nielsen zu dem umgekehrten Schluss: „Scrolling Now Allowed“ Nielsen, J.: 1997, Changes in WebUsability Since 1994 Changes in Web Usability Since 1994 (Alertbox)
• Nein, in einer Berliner Studie erforschte man, dass 24% aller Internet-Beginner, Informationen, die erscrollt werden müssen, nicht auffinden.
  • Wandtke & Hurtienne: Zum Navigationsverhalten von Erstbenutzern des World Wide Web
• Ja, an der Universität Utrecht wurde Scrolling im Zuge einer Studie zu Lesen und Verstehen von Hypertext untersucht: Scrolling wird als benutzerfreundlich erkannt.
  • Van Nimwegen, C., Pouw, M., van Oostendorp, H. (1999) The influence of structure and reading-manipulation on usability of hypertexts. Interacting with computers 12 (1999) 7-21.
• Nein, „zu lange Seiten“ werden laut einer britischen Studie aus 2001 von Usern als eines der Top10-Ärgernisse beim Surfen empfunden
  • Pressemitteilung der Abbey National Bank (2002)
• Doch ja, Usability-Spezialist Jared Spool meint, dass laut Studien Benutzer zwar behaupten lange Seiten nicht zu mögen, in Tests jedoch problemlos damit umgehen.
  • Spool, J., Scanlon, T., Schroeder, W., Snyder, C. & DeAngelo, T. (1999) Web Site Usability. A Designer’s Guide. San Francisco: Morgan Kaufman

Benutzerorientierte und empirische Methoden in Frage gestellt?

Zur Ehrenrettung von streng benutzerorientierten und empirischen Methoden kann man annehmen, dass bei solch divergierenden Ergebnissen die (Um-) Fragen etwas unscharf formuliert wurden, etwa bezüglich der Definition welches Ausmass unter „lange Seite“ genau zu verstehen sei. Was als kurz oder lang empfunden wird, ist im jeweiligen Fall nicht zuletzt abhängig von einer gelungenen Strukturierung des vorgegebenen Inhalts oder etwa der (im Browser veränderbaren) Darstellungsgrösse der Schrift. wirt2002, 161

Um vertikales Scrolling angenehm zu gestalten, kann oft die Verwendung eines geeigneten Eingabedevices sehr dienlich sein: Mäuse mit Scroll-Rad lassen Scrolling als durchwegs annehmbare Navigationsform ihre Berechtigung.

Natürlich können dem Benutzer auch beide Methoden gleichzeitig, also Scrolling als auch die Weiterschaltung von Einzelseiten zur Navigation durch den Content angeboten werden. Diese Variante empfiehlt sich jedoch eher für die Navigation durch textintensive Inhalten. Sie wird von Designern nicht gerade bevorzugt angewandt, da sich im Sinne gebotener Einfachheit möglichste Reduktion und damit die Entscheidung für eine der Navigationsmethoden empfiehlt. Durch angebotene Inhalte sowohl horizontal als auch vertikal navigieren zu können bzw. zu sollen, stellt für das Orientierungsmodell mancher Benutzer einen verwirrenden Faktor dar.

Einig jedenfalls sind sich Untersuchungen, Anwender und Experten über eines: Horizontales Scrolling von Inhalten wird strikt abgelehnt und sollte jedenfalls vermieden werden.

3

Information

Weitere Aspekte zu diesem Thema finden sich in der Lerneinheit zum Thema Struktur und Dramaturgie sowie in der Lerneinheit zum Thema Navigation.

Above the fold

1

auto

• Websites - Effekt wie „in Mitte gefalteter“ Tageszeitungen
• für Kaufpräsentation und ersten Leserkontakt nur obere Inhalte relevant
• dort alle wesentlichen Informationen

Above-the-fold PC

Above-the-fold PDA_Phone

auto

• für Elemente unterhalb dem Rand keinerlei Aufmerksamkeitswert
• für Benutzer-Ansprache wesentliche Elemente ins übersehbare Bildfeld
• Bsp Web-Shops: Links zum Warenkorb und zur Kasse immer sichtbar zu halten
• unbedingte Regel der Priorisierung von Inhalten
• vordergründige Absicht von Web-Portalen auf Einstiegsseite oft nicht erkennbar
• Vielzahl von Bedürfnissen an Vielzahl von Benutzergruppen oft unmöglich zu erfüllen
• Werbe-Banner an Portal-Header überragen oft eigentlichen Content (Scrollen notwendig)

2

auto

Wer regelmässig Tageszeitungen kauft und liest, kennt den Effekt: Die Zeitungen (ausgenommen davon sind Zeitungs-„Kleinformate“) sind in der Mitte gefaltet. Da bei der Kaufpräsentation und dem ersten Leserkontakt nur der obere Teil der Inhalte wahrgenommen wird, finden sich dort alle wesentlichen Informationen. Ähnlich verhält es sich bei Webseiten. In Fachkreisen spricht man dabei von Above- the-Fold.

Above-the-fold PC

Above-the-fold PDA_Phone

auto

Für gestaltete Elemente, die im Window unterhalb des unteren Randes des Screens liegen (Below-the-Fold), existiert dem Betrachter und User gegenüber keinerlei Aufmerksamkeitswert. Soll also der Benutzer unmittelbar angesprochen werden, ist darauf zu achten, dass die dazu wesentlichen Elemente jedenfalls im für ihn übersehbaren Bildfeld liegen.

Shop-Anwendung

Besonders fatal verhält sich dieses Problem beispielsweise im Falle einer Shop-Anwendung, deren Buy-Button ausserhalb des aktiven Windows (Below-the-Fold) und damit des Ansprech- und Interaktionsbereiches des Benutzers liegt. Für Web-Shops gilt also die vordringliche Anforderung, dass Links zum Warenkorb und zur Kasse immer sichtbar bleiben müssen.

auto

Natürlich gilt auch in diesem Fall zur Vermeidung dieser Problematik die unbedingte Regel der Priorisierung von Inhalten. Web-Portale machen es sich auf ihren Einstiegsseiten oft nicht leicht, erkennen zu lassen, womit sie Benutzer primär adressieren wollen – eine Vielzahl von Bedürfnissen einer Vielzahl von Benutzergruppen sollen oftmals angesprochen bleiben (und können damit oft erst recht nicht abdeckt werden).

Viele Portale sind mit Werbe-Bannern am Header ihrer Seite – oft sogar mehrfach untereinander positioniert – derart überfrachtet, dass für eigentlichen Content kaum Raum gelassen wird. Will man Content-Relevantes erfahren, bleibt einem nichts anderes über, als sofort mit dem Scrollen zu beginnen.

Länge einer Seite

1

Nachteil lange Seite

• Handicap langer Seiteninhalte, wenn Navigation nicht sichtbar
• zumindest Inhaltsübersicht anwählbar zu bleiben
• für Printout längere Seiten vorteilhafter
• kurz gefasste Seiten auf mehrere Male auszudrucken
• Angebot einer Printversion als Ergänzung

Vorteile lange Content-Seitenformate

• wenige Ladevorgänge
• über die Browser-Search auffindbare Inhalte
• geringer Aufwand sie zu administrieren
• einfach im Ausdruck oder im Download

Vorteile kurze Content-Seitenformate

• unmittelbare Erfassbarkeit allen Inhalts
• gute Übersicht der Struktur komplexer Inhalte und bessere Orientierung
• kurze Ladezeit einzelner Seiten
• permanente Verfügbarkeit der Navigation
• für jedes Format Gestaltung den jeweiligen Rezeptionsverhältnissen und Interaktionsmodus anzupassen

2

Nachteil lange Seite

Ein Handicap langer Seiteninhalte ist es, wenn zumeist die Navigation (ohne Verwendung von Frames) nicht sichtbar bleibt. Jedenfalls sollte Content zumindest an einer Inhaltsübersicht über Anker anwählbar bleiben.

Für das Printout sind längere Seiten vorteilhafter. Im Extremfall müssen besonders kurz gefasste Seiten auf mehrere Male ausgedruckt werden. Eine ideale Ergänzung dazu ist das Angebot einer gesonderte Printversion.

Vorteile lange Content-Seitenformate

Im Allgemeinen sprechen für die Gestaltung von langen Content-Seitenformaten:

• wenige Ladevorgänge
• über die Browser-Search auffindbare Inhalte
• geringer Aufwand sie zu administrieren
• einfach im Ausdruck oder im Download

Vorteile kurze Content-Seitenformate

Für die Gestaltung von kurzen Content-Seitenformaten sprechen

• unmittelbare Erfassbarkeit allen Inhalts
• gute Übersicht der Struktur komplexer Inhalte und bessere Orientierung
• kurze Ladezeit einzelner Seiten
• permanente Verfügbarkeit der Navigation

auto

Egal ob Scrolling oder Paging angewandt wird, für jedes Format muss die Gestaltung den jeweiligen Rezeptionsverhältnissen und dem Interaktionsmodus angepasst werden und sollte dementsprechend gut und adäquat sein.

Text für Multimedia

1

Darstellung von Text

Darstellung von Text zu achten auf

1. knappe textuelle Formulierungen
2. Aufteilung und Strukturierung des Gesamttextes
3. adäquate Navigation durch gesamtes Textvolumen

Problematik langer oder kurzer Seiteninhalte so zu umgehen

2

Darstellung von Text

Für die Darstellung von Text im multimedialen Zusammenhang scheint es angebracht, dass

1. auf knappe textuelle Formulierungen sowie
2. die Aufteilung und Strukturierung des Gesamttextes sowie folglich
3. eine adäquate Navigation durch das gesamte Textvolumen

geachtet wird.

So kann die Problematik langer oder kurzer Seiteninhalte bzw. des ungeliebten Scrollens bereits im Vorfeld umgangen werden.

Klein-Formate

1

auto

• für Gestaltung Web in letzten Jahren unterschiedlichste Window-Formate eingesetzt (zumeist in Fixed Size)
• Micro-Sites besonders zu Werbe- und Promotionzwecken Anwendung
• Einsatz als Banner, PopUp- od. PopUnder-Windows

2

auto

Mit der Gestaltung fürs Web sind in den letzten Jahren durchweg die unterschiedlichsten Window-Formate (vor allem in Zuge des Designs mittels Flash) und dies zumeist in Fixed Size eingesetzt worden. Besonders sogenannte Micro-Sites – also relativ kleine Formate – finden besonders zu Werbe- und Promotionzwecken Anwendung. Für den Einsatz von Bannern, die nicht nur als Inhalte von Seiten, sondern teil- und oft unangenehmerweise auch als selbsttätig öffnende PopUp- oder als PopUnder-Windows gestaltet werden, sind diese kleinen Window-Formate bereits gängig.

Format und Layout

1

auto

• Entscheidung zw. auflösungsabhängigen oder -unabhängigen Layout (Web)
• Seiteninhalt durch Veränderung der Fensterbreite anzupassen od. nicht
• Anzeige von Text bei variabler Spaltenbreite in längeren Zeilen
• leseunfreundliche Veränderung
• Lösung: automat. Spalten-Umbruch einer Seite, sobald Format verändert

Wahl des Formates

Wahl des Formats für folgende Anforderungsprofile entscheidend:

• zur Differenzierung verschiedener Applikationen bzw. Produkte voneinander
• zur Strukturierung von Inhalten
• für Leseverhalten des Anwenders
• zur Visuelle Erfassung des Anwenders
• für Intuitive Navigation
• für ästhetische Gesichtspunkte
• für Ablauf- bzw. Interaktionsdramaturgie einer Multimedia-Anwendung

auto

Entscheidung für Format einer mm. Applikation abhängig von:

• Phasen des Entstehungsprozesses
• Umfang und Art darzustellender Inhalte
• Struktur der Anwendung
• Art und Aufbau der Navigation

2

auto

Die Entscheidung zwischen auflösungsabhängigen oder -unabhängigen Layout in Webanwendungen betrifft die Frage: Soll sich bei Veränderung der Fensterbreite durch den Benutzer der Inhalt einer Seite anpassen oder nicht? Für die Anzeige von Text bedeutet das bei einer variablen Spaltenbreite längere Zeilen, also ein leseunfreundliche Veränderung. Besonders nahe kommt einer Problemlösung der automatische Umbruchs einer Seite auf mehrere Spalten, sobald das Window-Format verändert wird.

Wahl des Formates

Die Wahl des Formats kann für Entscheidungen zu folgenden Faktoren in der Abstimmung auf vordefinierte Anforderungsprofile und Anwender-Gruppen relevant sein:

• zur Differenzierung verschiedener Applikationen bzw. Produkte voneinander
• zur Strukturierung von Inhalten
• für das Leseverhalten des Anwenders
• zur Visuelle Erfassung des Anwenders
• für Intuitive Navigation
• für ästhetische Gesichtspunkte
• für die Ablauf- bzw. Interaktionsdramaturgie einer Multimedia-Anwendung

auto

Die Entscheidung für das letztendliche Format einer multimedialen Applikation kann nur in unmittelbarem Zusammenhang mit anderen Phasen des Entstehungsprozesses getroffen werden. Abhängig vom Umfang und der Art der darzustellenden Inhalte muss das Format einer Anwendung auf die Struktur der Anwendung abgestimmt werden. Die Struktur wiederum ist für Art und Aufbau der Navigation grundlegend.

Quellen

1

auto

wirt2002 komm2002 gali2002 star1994

2

auto

wirt2002 komm2002 gali2002 star1994