Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Norman Patenge_Web Strategie, Konzeption und Technik

Norman Patenge_Web Strategie, Konzeption und Technik

Interfacedesign 1.162 Interaction Design Sommersemester 2011

Die Vorbereitung

Das Ziel des Kurses bestand darin eine Webbasierte Präsentation, anlässlich der diesjährigen(oder letzten-das wusste ich jetzt nich genau) Jahresausstellung der Fachhochschule Potsdam im Bereich Design, zu erstellen, wobei die Umsetzung jedem Teilnehmer freigestellt war. Um die Thematik Webbasierter Präsentationen zu vertiefen, oder auch die Möglichkeiten eine Webpräsentation umzusetzen näher kennenzulernen , hatten wir in Gruppenarbeit die Aufgabe einen Vortrag auszuarbeiten. Zusammen mit Eric Grochowski haben wir ein Showreel von verschiedenen Webauftritten zusammengestellt. Unser Ziel war es eine Vielfalt an Websites zu zeigen, wie z.B.: horizontale und vertikale Sites, oder Websites , die nur durch Scrollen funktionieren. Durch HTML5 bieten sich diverse neue Möglichkeiten ohne z.B.: Flash zu nutzen.

Visual Web - Showcase

Navigation http://simpleasmilk.co.uk/ http://webdesignerwall.com/

Scrolling Vertikal http://smultronlab.com/ http://robedwards.org/ http://youzee.com/ http://webvisionaryawards.com/ http://portfolio.hauntedcathouse.org/#infoSection

Scrolling Horizontal http://www.gavincastleton.com/ http://www.peter-pearson.com/ http://www.vanityclaire.com/#home

Projektdarstellungen/Billboards http://johnkavanagh.co.uk/ http://www.chicowebdesign.com/ http://gauged2.com/ http://www.thesquad.com.au/index.html http://www.gabereiser.com/flickr/index.html

Spielereien http://www.ericj.se/ http://toriseye.quodis.com/ https://www.vitalitycity.com/ http://www.jayarajpr.com/ http://www.s5-style.com/

Die Idee

Im weiteren Verlauf des Kurses haben wir einen kurzen Einblick in das Programmieren mit HTML5 bekommen, und natürlich die Aufgabe für unser Projekt.

Da ich seit unserer Präsentation sehr interessiert an so genannten Scrollwebsites war, stellte sich mir die Frage ob es möglich ist, eine Ausstellungswebsite zu erstellen, die komplett ohne einen einzigen Klick auskommen kann. Dies war dann auch mein Ziel: Ein Websiteprototyp für eine Jahrespräsentation der FHP ,welcher nur durch Mouseover und Scroll auskommt. Das Design sollte einfach sein und nicht von den Exponaten ablenken. Die Hauptnavigation kann per Mouseover ausgeklappt werden und bleibt statisch am unteren Screenende. Zum Benutzten der Site benötigt man lediglich ein Scrollrad oder ein Touchpad. Das Klicken entfällt, sodass man sich zurücklehnen kann um die Exponate,Videos usw. zu betrachten und genießen. Des weiteren besteht die Möglichkeit sich den auf der Site befindliche Text durch einen Player vorlesen zu lassen. Durch eine Shufflefunktion kann man sich auch komplett ohne eine einzige Bewegung durch die Site führen lassen.

Die Teilnahme an der virtuellen Jahresausstellung benötigt nur eine simple Anmeldung, woraufhin man einen weiterführenden Link an seine angegebene Email Adresse erhält. Kurz vor beginn der Ausstellung wird man nochmals per Mail informiert und wenn der Countdown dann abgelaufen ist, öffnet sich die „richtige“ Website, und es kann losgehen.

In Gruppenbesprechungen kamen wir zu dem Schluss, dass es in der heutigen Zeit wichtig geworden ist, Soziale Netzwerke mit einzubinden, um Plattformen zum kommunikativen Austausch zwischen Besuchern zu ermöglichen. Ich habe mich für die einbindung der wohl bekanntesten entschieden: Facebook und Twitter

Fazit

Ich finde es wichtig auch Besuchern welche auf Grund der Entfernung, oder dem Mangel an Zeit nicht bei einer Ausstellung vor Ort sein können, die Möglichkeit zu bieten, daran teilzuhaben. Demnach halte ich es in diesen Fällen für erforderlich eine Plattform zu entwickeln die überall nutzbar ist (Voraussetzung dafür ist natürlich eine Internetverbindung).

Es hat sehr viel Spaß gemacht in der Gruppe über alle positiven und negativen Aspekte, „ must haves“ und Möglichkeiten einer solchen Aussttellungsplattform zu sprechen, weshalb wir uns freuen würden, wenn ein Projekt, oder ein Mix aller im Kurs entstandenen Projekte zu einer Website für Die Jahresausstellung der FHP genutzt werden würden.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto:

Entstehungszeitraum

Sommersemester 2011