Thema: Einleitung Natural User Interfaces/Touchtables (Download)
Donnerstag, 28. Oktober 2010
Donnerstag, 21. Oktober 2010
Layout Templates: Zwei von meinen Templates für Website-Layouts. Jeweils ein flexibler Browser-Rahmen (MacOS-Style) in 1024 und 1280 Pixel Breite. Jedes Template ist im ZIP doppelt vorhanden, als Photoshop-PSD und Fireworks-PNG. Alle Dateien enthalten nützliche Hilfslinien, Cursor, etc.
Stöbern erlaubt!
Die Website die ich am 22.10. vorstellen werde, ist die Seite der Agentur Grabarz und Partner aus Hamburg. Zu erreichen ist die Seite unter:
http://www.grabarzundpartner.de
Erstellt wurde die Seite als Eigenportfolio, das die Agentur, deren Arbeiten und Mitarbeiter, sowie Neuigkeiten auf eine sehr interessante Weise aufzeigt. In erster Linie soll die Seite sicherlich potentielle Kunden ansprechen, aber auch für jeden anderen Interessierten hat die Seite in meinen Augen einiges zu bieten.
Auf den ersten Blick scheint der Aufbau der Seite recht einfach zu sein und wirkt vielleicht auch etwas uninteressant – doch es gibt einiges zu entdecken. Obwohl ich mich ziemlich lange mit der Seite beschäftigt habe, habe ich nicht das Gefühl, schon alle Details zu kennen. Mir fallen nach wie vor immer wieder neue und interessante Dinge auf. Der Unterhaltungsfaktor ist daher sehr hoch.
Wie funktioniert nun diese Seite? - Nach Eingabe des Links, scheint man zunächst falsch gelandet zu sein. Man erhält die Info, dass der Internetserver der Agentur zurzeit nicht erreichbar sei und man daher mit einem Arbeitsplatz eines Mitarbeiters verbunden wird. Dieser Mitarbeiter ist bei jedem neuen Besuch ein anderer. Nachdem man nun die „Verbindung“ bestätigt hat, scheint man sich tatsächlich am Arbeitsplatz eines Macs in der Agentur zu befinden. Nun kann das stöbern und entdecken beginnen. Alles ist funktional und scheint wie an einem echten Mac zu sein. Man kann alles öffnen und sich so Arbeiten, Videos und viele weitere nützliche (und weniger nützliche) Informationen anschauen. Die Sache wird soweit getrieben, dass man sogar auf den „privaten Ordnern“ des Mitarbeiters stöbern kann. Dort findet man Musiklisten, private Fotos und diverse andere amüsante Dinge.
Was ist, wenn ich schnell an Informationen kommen will? - Kein Problem, wer schnell etwas sucht und weiß was er sucht, hat schnellen Zugang zu allen Daten, indem er die Obere Leiste (genannt: Finder) nutzt. Hier gibt es eine Art Sitemap, die eigentlich eine Suche nach Anfangsbuchstaben ist. Kontakt und Impressum, sowie AGB´s sind ebenfalls schnell zugänglich. Alles was man in der oberen Leiste finden kann, kann man auch über das Menü und die Festplatten-Symbole erreichen. Neuigkeiten und Jobangebote usw. begrüßen einen gleich nach Öffnen der Seite auf dem Desktop (dessen Hintergrundbild übrigens auch bei jedem neuen Besuch bzw. jedem neuen Mitarbeiter wechselt). - So ist der Nutzer nicht gelangweilt und bleibt der Seite treu. D.h. er wird sie sicherlich wieder besuchen.
Fazit:
Aus meiner Sicht ist diese Seite die ideale Kombination aus Informationen und humorvoll umgesetzten Details. Eine ganz eigene Art der Webseite.
Mittwoch, 20. Oktober 2010
Abenteuerspielplatz
http://www1.tombraider.com/legend/
Nicht auf die deutsche Fahne klicken, sondern die amerikanische. Anscheinend gibt es die deutsche Version der Website nicht mehr.
Tomb Raider: Legend ist der siebte Teil der Tomb Raider Reihe und erschien am 7. April 2006. Die Website wird es allerdings schon mindestens ein Jahr vorher gegeben haben, genau weiß ich das nicht.
Aufbau der Website
Als ich damals, mit ca. 15 Jahren, die TR: Legend-Website zum ersten Mal sah, war ich hellauf begeistert! Ein Wurstelparadies! Ich persönlich bevorzuge unterhaltsame Websites; ein bisschen hier klicken, ein bisschen da klicken und jedes Mal passiert etwas (teilweise unnützes) Neues. Dann bin ich glücklich!
Die gesamte Website baut auf einem 'Mayatempel-Look' auf: Felsen, Steinwände, diverse Fallen; Speere, Steine, Spieße, Pfeile, Holz, Insekten und anderem. Fast jeder Effekt hat natürlich einen eigenen Sound, z.B. klingt es so, als würden zwei Schwerter aufeinander schlagen, wenn die Spieße hervorschnellen.
Das Ganze wird nebenbei vom TR: Legend-Soundtrack begleitet.
Trotz des ziemlich komplexen Designs der Seite, wird der informative Inhalt nicht in den Schatten gestellt. Im Gegenteil; gerade weil so viel 'tempeliges' passiert, klickt man wirklich alles an, ließt sich alles durch und downloaded alles, was es zu downloaden gibt.
Das gesamte Design der Seite unterstreicht den Abenteuercharakter des Spiels. Ich habe direkt Lust mir Pistolen um die Hüften zu schnallen und mich in den nächsten Busch zu schmeißen! Meiner Meinung nach ist die Website einfach nur gelungen, und zwar zu 100 %!
Ann-Christin Westphal
Sonntag, 17. Oktober 2010
Nochmal en detail zur Aufgabe „Helden des Altags“
Es soll eine Website entstehen, die „Helden des Altags“ gesammelt präsentiert. Helden können hier viele Dinge sein, grundsätzlich sollen dies Gegenstände, Dinge oder Erfindungen sein, die Dir persönlich und sicher auch der Menschheit insgesamt einen großen Dienst erweisen und ohne die man sich ein Leben nicht mehr vorstellen möchte - die viele aber als selbstverständlich ansehen und daher kaum angemessen wahrnehmen und wertschätzen!
Diese „Helden“ können vieles sein, eine kurze Liste mit einigen Vorschlägen von Kai und mir findet ihn in den Kommentaren. Daher sind auch verschiedene strategische/kommunikative Ausrichtungen für die Website vorstellbar. JEDER soll für sich 2 verschiedene Richtungen durchdenken und ausprobieren:
A. INFORMATIV: Die Website als ein großes Tool/Lexikon mit viel nützlichem Wissen zu vielleicht tausenden von „Helden“. Schnell bedienbar und durchsuchbar.
B. UNTERHALTSAM: Die Website als eine Inszenierung von einigen dutzend echter „Helden“, die so wirklich kleine „Helden“ sein können. Hier braucht es Emotionalität. Die Heldenverehrung kann man z.B. über persönliche Gründe und Anekdoten erzählen oder humorvoll-ironisch aufbereiten.
Zu A und zu B sollen jeweils 3 Seiten bzw. Zustände der Website konzipiert werden:
1. Die Startseite, die dem unvorbereiteten Besucher erklärt, was „Helden des Altags“ sind und eine Übersicht über die Inhalte gibt.
2. Eine Top-10-Seite, auf der zehn „Helden“ präsentiert werden. Wie die Auswahl zustande kommt ist Teil Eures Konzepts, dies können die zuletzt in der Website hinzugefügten sein, die poplärsten, die „heldenhaftesten“, die teuersten, die seltensten, usw. usw.
3. Eine Einzelseite, auf der ein einzelner „Held des Altags“ umfassend dargestellt wird - mit allem, was Ihr dazu für nötig haltet. Das dürft Ihr ggf auch frei erfinden. Vorstellbar sind aktuelle Daten, Zahlen, Fakten ebenso wie seine Entstehungsgeschichte und Erfinder, Bildergalerien, Einsatz von Video und Audio, Begründungen für den Heldenstatus gerade dieses Dings, persönliche Erlebnisse, Beitrage von Besuchern der Website uvm.
Macht für jeden also mindestens 6 Screens (A1, A2, A3, B1, B2, B3), ggf. mehr, wenn Ihr verschiedene Zustände eines Screens darstellen wollt. Die Screens sollen konkreter sein als bei der ersten Aufgabe: Ihr verwendet echte Bilder (selbstgemacht oder im Web gefunden ist erstmal egal). Ihr schreibt, was dort wirklich an Textinformationen stehen soll (um Textlängen darzustellen könnt Ihr den auch mehrfach hintereinander kopieren oder mit lorem ipsum auffüllen). Ihr verwendet in der Navigation echte Begriffe/Symbole/... damit man versteht wie man von der Startseite bis zur Einzelseite kommt.
Ob Ihr das mit Stift auf Papier macht oder in Software ist Euch überlassen.
Sollten noch Fragen offen sein, schreibt sie einfach als Kommentar an diesen Post. Frohes Schaffen!
Diese „Helden“ können vieles sein, eine kurze Liste mit einigen Vorschlägen von Kai und mir findet ihn in den Kommentaren. Daher sind auch verschiedene strategische/kommunikative Ausrichtungen für die Website vorstellbar. JEDER soll für sich 2 verschiedene Richtungen durchdenken und ausprobieren:
A. INFORMATIV: Die Website als ein großes Tool/Lexikon mit viel nützlichem Wissen zu vielleicht tausenden von „Helden“. Schnell bedienbar und durchsuchbar.
B. UNTERHALTSAM: Die Website als eine Inszenierung von einigen dutzend echter „Helden“, die so wirklich kleine „Helden“ sein können. Hier braucht es Emotionalität. Die Heldenverehrung kann man z.B. über persönliche Gründe und Anekdoten erzählen oder humorvoll-ironisch aufbereiten.
Zu A und zu B sollen jeweils 3 Seiten bzw. Zustände der Website konzipiert werden:
1. Die Startseite, die dem unvorbereiteten Besucher erklärt, was „Helden des Altags“ sind und eine Übersicht über die Inhalte gibt.
2. Eine Top-10-Seite, auf der zehn „Helden“ präsentiert werden. Wie die Auswahl zustande kommt ist Teil Eures Konzepts, dies können die zuletzt in der Website hinzugefügten sein, die poplärsten, die „heldenhaftesten“, die teuersten, die seltensten, usw. usw.
3. Eine Einzelseite, auf der ein einzelner „Held des Altags“ umfassend dargestellt wird - mit allem, was Ihr dazu für nötig haltet. Das dürft Ihr ggf auch frei erfinden. Vorstellbar sind aktuelle Daten, Zahlen, Fakten ebenso wie seine Entstehungsgeschichte und Erfinder, Bildergalerien, Einsatz von Video und Audio, Begründungen für den Heldenstatus gerade dieses Dings, persönliche Erlebnisse, Beitrage von Besuchern der Website uvm.
Macht für jeden also mindestens 6 Screens (A1, A2, A3, B1, B2, B3), ggf. mehr, wenn Ihr verschiedene Zustände eines Screens darstellen wollt. Die Screens sollen konkreter sein als bei der ersten Aufgabe: Ihr verwendet echte Bilder (selbstgemacht oder im Web gefunden ist erstmal egal). Ihr schreibt, was dort wirklich an Textinformationen stehen soll (um Textlängen darzustellen könnt Ihr den auch mehrfach hintereinander kopieren oder mit lorem ipsum auffüllen). Ihr verwendet in der Navigation echte Begriffe/Symbole/... damit man versteht wie man von der Startseite bis zur Einzelseite kommt.
Ob Ihr das mit Stift auf Papier macht oder in Software ist Euch überlassen.
Sollten noch Fragen offen sein, schreibt sie einfach als Kommentar an diesen Post. Frohes Schaffen!
Freitag, 15. Oktober 2010
Abonnieren
Kommentare (Atom)