Archiv für den Monat: Oktober 2007

Meine Adressleiste

Hehe, lustige Idee von WebZweiPunktNull:

Welche Webseiten erscheinen in Eurer Adresszeile des Browsers, wenn Ihr nur einen Buchstaben eingebt! Hosen runter, in der QWERTZ Reihenfolge.

q – http://qype.com/
w – http://wiesbaden.eins.de/messaging
e – http://ecommerce.typepad.com/exciting_ecommerce/
r – http://rmv.de/
t – http://twitter.com/home
z – http://www.zukunftsinstitut.de/verlag/studien_detail.php?nr=61
u – http://upcoming.yahoo.com/
i – http://injelea.de/
o – http://openpeople.com/
p – http://www.picnik.com/app#/edit
a – http://a-better-tomorrow.com/
s – http://schlachthof-wiesbaden.de/
d – http://dict.cc/
f – http://www.froschblog.de/
g – https://www.google.com/reader/view/#overview-page
h – http://hyperkontext.at/weblog/artikel/49_argumente_gegen_intranet_20/
j – http://www.jenskunath.eu/2007/10/13/widgets-kommen-in-deutschland-an/
k – http://kuz.de/
l – http://labs.blitzagency.com/?p=389
y – http://www.yellowmap.de/Partners/DeutschePost/searchform.aspx
x – https://www.xing.com/
c – http://www.capitaine-commerce.com/
v – http://www.vente-privee.com/
b – http://blog.paulinepauline.de/wp-admin/edit-comments.php
n – http://www.nachtgestalt.de/blog/2007/10/17/ffffoundcom-einladung-gesucht/
m – http://www.meebo.com/
Das war’s … ganz ohne mogeln! „Isch schwör“!!!

Wer sich auch outen will: Trackbacks zu WebZweiPunktNull! ;)

Feinheiten

Vor kurzem habe ich einen schönen Beitrag im Blog von Adaptive Path gelesen, über den In-Between Stuff, also die Feinheiten einer Anwendung, die die Bedienung erst so richtig rund machen. Unbedingt lesen! :)

Es geht darum, dass wir uns beim Gestalten einer Website zu sehr nur um die Features kümmern. Features sind die Dinge, mit deren Gestaltung wir die meiste Zeit verbringen, mit denen wir unseren Usern die Nutzung unserer Website schmackhaft machen. Aber Features können kopiert werden und verlieren dadurch an Originalität.

Was aber viel schwerer zu kopieren ist, ist die Erfahrung, die ein User bei der Nutzung einer Site macht. (User Experience) Adaptive Path nennt es auch den Charakter einer Anwendung. Schönes Beispiel:

You can make a Windows machine look and kind of act like a Mac with some effort, but it isn’t going to work exactly like one. Why? Because of the in-between stuff, the little moments that make a Mac a Mac and a Windows OS a Windows OS.

Es geht um Übergänge, um Prozesse, um die Interaktionslogik und wie alles zusammen passt. Und um die Einbettung der Features in der restlichen Umgebung der Seite. Wie oft landet man z.B. nach dem Anfordern eines vergessenen Passwortes nicht auf einer Seite mit Login-Feldern. Oder eine eMail enthält keinen Deeplink zur entsprechenden Seite, auf die verwiesen wird. Schönes Beispiel sind auch immer die Confirmation-Seiten. Wir geben dem User das Feedback, dass beispielsweise ein Formular abgeschickt wurde oder die Eingaben gespeichert wurden, aber wir bieten ihm nichts für seinen weiteren Weg, den er als nächstes auf der Seite einschlagen könnte.

A propos Feedback … in Bezug auf AJAX begegnen mir in letzter Zeit auch immer wieder Seiten, die nach dem Klick auf einen Button gar kein Feedback (z.B. „Ihren Daten wurden gespeichert“) liefern. Der User verbleibt auf der gleichen Seite und weiß nicht, ob seine Aktion nun ausgeführt wurde oder nicht. Oder das Feedback erscheint an einer ganz anderen Stelle der Seite und der User sieht es nicht, weil sein Blick an der Stelle des Mauszeigers (also da wo der Button ist) verweilt. Auch sehr schön sind z.B. Checkboxen, die aber keinen Speichern-Button bieten. Ok, durch AJAX können die Eingaben auch ohne expliziten Klick auf einen Button gespeichert werden, aber weiß das der User?
Ich würde jetzt auch gerne auf eine Blogbeitrag verweisen, der ein sehr tolles Beispiel einer richtig schönen Sackgasse zeigte, aber ich finde ihn leider nicht mehr. :(

Ich komm nicht drumrum bei Kopien, die den Charakter nicht mitkopieren, an StudiVZ zu denken. ;) Im Vergleich zu Facebook sind mir in der Bedienung schon unglaublich viele Kleinigkeiten aufgefallen, die bei Facebook einfach besser funktionieren. Keine Ahnung, ob das am schlechten Kopieren liegt, oder daran, dass Facebook weiterentwickelt und optimiert wird. Dabei meine ich z.B. das Hinzufügen von neuen Kontakten aus einer Liste von Usern. Bei Facebook bleibt man in der Liste, added den Kontakt mit einer AJAX-Funktion und kann anschließend entscheiden, ob man weiter in der Liste scrollt oder aufs Profil des neuen Kontaktes klickt. Bei StudiVZ springt man auf eine Extraseite und landet danach auf der Liste der eigenen Kontakte. Die vorher aufgerufene Liste muss man wieder neu suchen.

Design is in the details.

Adaptive Path: The In-Between Stuff Matterns 

Web 2.0 Expo und IA Konferenz und noch einiges mehr …

Echt viel los im November … leider zu viel auf einmal! :(

Zuerst das Barcamp Berlin 2 am ersten Nov. Wochenende. 300 Teilnehmer aus D + aktuell ca. 50 internationale …Himmel, das wird ja riesig! Bin gespannt!

Barcamp Berlin 2

Direkt im Anschluss gibt’s dann die Web2.0Expo, auch in Berlin:

web2.0expo

Dafür habe ich einen Code für einen 100 EURO Discount oder einen kostenlosen „Full Expo Pass“ zur unlimitierten Nutzung: MLVLBE36 (ja ja, ich weiß, der geistert im ganzen Web rum, aber vielleicht freut sich ja doch noch jemand darüber!)
Während der Web2.0Expo veranstaltet Nicole am 7. Nov. ein Girl Geek Dinner, wohl das erste in D. … klingt cool, da geh ich doch auch mal hin und Oli wird mein Geek sein. ;)

Girl Geek Dinner

Am 8. Nov. findet dann in diversen Städten der World Usability Day statt … dummerweise tagsüber, also kann ich da leider nicht hingehen. :(

World Usability Day

Leider nicht besuchen kann ich die sehr empfehlenswerte IA Konferenz … 3 Konferenzen hintereinander wären mit dann doch ein bissl zu viel. :(
IA Konferenz in Stuttgart: 9 und 10 November

Aber an dieser Stelle mal ein Hallo an Wolf und Jan! Wünsche euch viel Erfolg und Spaß!

Und ich freue mich auf ne coole Woche in Berlin! :)

Nachtrag: Diverse Terminfalschangaben habe ich jetzt beseitigt, danke an Stefan! Jetzt bin ich terminlich wieder richtig sortiert! ;)

Noch zwei nachtragende Events:

– Am 4.11. findet ein Geek Dinner statt, das Event hab ich bisher nur auf Facebook gefunden.

– Am 5.11. findet ein Lunch 2.0 statt, dazu gibts ein Wiki.

Nochmal Polyvore – so schön kann Shopping 2.0 sein :)

Wie lustig ist das denn? Ich war so begeistert vom puzzeln auf Polyvore, dass ich den ganzen Rest der Seite gar nicht wahr genommen habe. Wozu hab ich den ganzen Krempel gescreenshottet, wenn’s doch so einfach zu embedden geht? Klick auf „Embed this set“ und schon hat man den Code und ab ins Blog! Hier also mein erster Style, der schon seit ein paar Wochen in Facebook schlummert:

Das hier hab ich grad eben entdeckt und mich prächtig amüsiert:

Sowas hier ist auch toll, es muss also gar nicht immer nur Mode sein. In dieses Kunstwerk sind diverse Poster eingeflossen:

Und jetzt versuche ich mich an irgendwas, mit den Wallstickern von ABT:

Nächster Versuch mit einem ABT-Wallsticker, die sich prima als Hintergrund eignen!

Was auch noch echt super gemacht ist von Polyvore ist der „Try it„-Link auf der Startseite. Man kann’s also einfach mal ausprobieren und wird dann so schnell davon eingefangen, dass man seine „Kunstwerke“ einfach abspeichern (und sich damit registrieren) muss!

Überhaupt gibts dort so viele nette Funktionen … wunderbares Shopping 2.0, wie auch Robert schreibt

poly.jpg

Dass man Dinge aus anderen Shops einstellen kann, hab ich erst gar nicht kapiert. Die Funktion ist doch irgendwie ein bissl zu versteckt, aber die Hilfe klärt auf. Nur muss man da erstmal reinklicken!

Das mit dem Hintegrund entfernen klappt auch nicht immer so wirklich gut … nur wenn der Hintergrund wirklich hell und der Gegenstand dunkel ist.

Unglaublich ne? So langweilig und undesignt die Seite auch wirkt, so sehr rückt das doch in den Hintergrund, wenn der Inhalt stimmt. Nur das Hinzufügen-Feature müsste etwas mehr promotet werden.