Margot Dum

Das Web – The same, old new medium

These: Neue Medien folgen bestehenden Formaten alter Medien.
Ein Beispiel dafür ist die Entwicklung des Mediums Fernsehen:

Vergleicht man frühe TV-Programme mit heute so fällt auf, dass sich einiges geändert hat. Zu Beginn wurde das Fernsehen noch als „Radio mit Bildern“ verstanden. Dementsprechend wurde die Handlung im TV noch mit einem Sprecher ergänzt, der beschrieb was der Zuschauer ohnehin sah. Es stellte sich bald heraus, dass das Fernsehen nach eigenen Regeln funktioniert. Das ist ein gutes Beispiel dafür, was passiert wenn sich ein neues Medium aus bereits bestehenden Medien heraus entwickelt.

Ähnlich ist das beim Web. Es hat seine Wurzeln auch in den gedruckten Medien und so ist es immer noch von der Designsprachen und den Konventionen der Druckmedien beeinflusst. Es zeichnet sich aber immer mehr ab, dass sich das Web zu einem eigenständigen Medium entwickelt- trotz oder gerade wegen der unterschiedlichen Einflüsse andere Medien.

Webdesigner haben dieses Problem erkannt und entwickeln immer neue Anwendungen um das Web benützerfreundlicher zu machen. Damit leisten sie einen wichtigen Beitrag um das Web weiterzuentwickeln. User-Interfaces stellen dabei ein weit verbreitetes System von benutzerfreundlichen Anwendungen dar.

User Interfaces – Benutzerschnittstellen

Ein wichtiges Element für Webdesign sind User Interfaces. Sie bieten dem Nutzer die Möglichkeit mit einem Programm oder Rechner einen Datenaustausch durchzuführen. Eine (Benutzer-) Schnittstelle kann zum Beispiel ein Web-Formular oder eine Eingabemaske sein. Man unterteilt das User Interface in verschiedene Interaktionslevel, die sich im Laufe der Zeit entwickelt haben:

• Das Command Line Interface (CLI) = über das Befehle direkt eingegeben werden können,
• das Text User Interface (TUI)bei dem eine Eingabe per Text erfolgt,
• das Voice User Interface (VUI) bei dem die Nutzer ihre Befehle per Sprechbefehl eingeben können.
•  und das Graphical User Interface (GUI) -das am meisten benutzte Interaktionslevel derzeit.

Die Benutzeroberfläche bestimmt mit vielen Faktoren die Form der Interaktion zwischen dem Benutzer und dem Computersystem. Die Human-Computer-Interaction (HCI) ist ein wechselseitiger Informationsaustausch zwischen dem Benutzer und dem System. Eine gutes User-Interface Design (oder auch HCI-Design) ist wichtig, damit der Umgang mit dem Produkt für den Nutzer leicht verständlich und einfach zu bedienen ist. Je einfacher desto größer wird die Akzeptanz des Produktes beim Nutzer sein. Firmen wie Apple Computer Inc. wissen um die Bedeutung von HCI für den Absatz ihrer Produkte. Dieses Video zeigt die HCI-Guidelines für das 2010 erschienen iPad:

Media Queries als Form der User Interfaces

Media Queries können folgendermaßen definiert werden:
"In its essence a media query consists of a media type and an expression to check for certain conditions of a particular media feature." (http://mediaqueri.es/about/)

Das grundlegende Kozept von Media Queries wurde über einen Blog des Webdesigners Cameron Adams, auch bekannt unter dem Synonym „the man in blue“ entwickelt und bekannt gemacht  . Am 21. September 2004 wurde im Blog themaninblue.com ein Experiment mit dem Titel "resolution dependent layout" veröffentlicht. Dieses Experiment basierte auf CSS und Java Scipt und schuf die Grundlage für die Idee der heutigen CSS-Media Queries. Diese ermöglichen es dem Webdesigner, das Layout einer Seite, basierend auf der zur Verfügung stehenden Anzeigefläche anzupassen. Da diese Methode aber auf Java-Scipt basierte, war sie nicht standartgemäß und daher nicht breit auf die Maße der Internetseiten anwendbar. Mit der Einführung von CSS3 wurden die bisher schon vorhandenen Media Queries um das Konzept des "resolution dependet layouts" erweitert und als W3C-Standart eingeführt.
Die Entwicklungsphasen von Media Queries in CSS2 hin zu der Anwendung in CSS3 finden sich im Blog von Liesa Herbst.

Hier findet ihr unsere Präsentation zu User-Interfaces und Media Queries.

Weiterführende Links:

http://mediaqueri.es/

http://www.w3.org/TR/CSS2/media.html

http://www.alistapart.com/articles/responsive-web-design/

http://www.csszengarden.com/tr/deutsch/

http://www.usernomics.com/user-interface-design.html

Eure äußerst interessante Präsentation hat mich animiert, einen Beitrag zu "User Interfaces - Ein Blick in die Zukunft" zu schreiben. Gerade wie User Interfaces in Zukunft aussehen könnten, ist meines Erachtens eine spannende Frage, der ich in meinem Beitrag nachgehen möchte.

Euer Referat beschäftig sich mit dem Connector Media Querries.

Wie in eurem Referat User Interfaces / HCI beschrieben, leisten User Interfaces einen wichtigen Beitrag zur Weiterentwicklung des Webs. In meinem Statement gehe ich daher näher auf die Bedeutung der Human-Computer-Interaction und des User-Interface-Design im World Wide Web ein.

Eure interessante Präsentation habe ich zum Anlass genommen, mich mit der Zukunft des Interface Design im Web der Dinge und der damit einhergehenden, technischen Herausforderungen zu beschäftigen. Das Statement findet ihr in meinem Blogbeitrag.

In meinem Osterstatement setze ich mich auch mit User Interfaces/HCI auseinander, wobei ich auf die Aspekte Universal Design, Universal Access sowie Sustainability eingehe.

Motiviert durch die tollen Statements meiner KollegInnen zum Thema Human Computer Interfaces möchte auch ich mich mit diesem Thema beschäftigen. Dabei möchte ich mein Interesse allerdings auf einen anderen Schwerpunkt legen und mich genauer mit jenen User Interfaces auseinandersetzen, die jenseits der grafischen Benutzeroberfläche liegen. Die Rede ist von Tangible User Interfaces. Mehr dazu in meinem Blog.