Ich hatte zu Anfang an dieser Stelle festgehalten, dass die meisten Seiten kaum Wert auf ein gutes Design legen, und dass es den Nutzern anscheinend auch nicht stört. Wie soll man sich denn dann sonst den Erfolg von Myspace erklären? Den Enduser interessiert das Design einer Seite nicht, solange es einen Mehrnutzen für ihn mitbringt. Ich lege jedoch großen Wert auf eine ansprechende Seite und gute Usability. Design ist zwar subjektiv, aber das hindert einen ja nicht etwas gutes zu probieren. Mit dem Vicinia Redesign bin ich auch soweit zufrieden.
Heute wurden wir dann auch auf CCSMania verlinkt, was mich natürlich sehr freut.
So hier mal das Redesign von Vicinia in web2nullig. Wie gesagt kam von einigen Leuten die Kritik, dass Vicinia momentan zu dunkel und schwer wirkt. Außerdem sei es für einen Besucher nicht auf Anhieb ersichtlich, was er denn bei Vicinia machen könne. Zum Logo gabs auch paar negative Kritiken. Also haben wir ein neues Logo, einen neuen Header und einen Footer. Alles schön hell und luftig gehalten. Ich bin ein riesen Fan von visuellen Deisgns, sprich man soll durch das alleinige Hinsehen immer wisse wo man ist, also ohne immer erst etwas lesen zu müssen. Wir orientieren uns da einfach an 3 Farben. Locations, Events und Profile bekommen ihre eigene Farbe, anhand derer man sich immer orienitieren kann. Naja lange Rede kein Sinn, schaut es euch an. Einigen wird es überhaupt nicht zusagen, andere werden es OK finden. Man kann es nicht jedem Recht machen, aber mir gefällt es soweit ganz gut :-)
Für größere Version raufklicken!!
Irgendwie habe ich jetzt öfters zu hören bekommen, dass Vicinia etwas schwerfällig wirkt, und dass die Farben zu dunkel seien. Ich werde mir also von daher mal einige neue Sachen für den Header und den Footer überlegen. Kann sein, dass ich auch etwas am Logo rumspiele. Einfach mal abwarten und schauen wie es am Ende wird. Etwas “pepp” kann der Seite ganz gut tun.
Wir haben viele Informationen, die man irgendwie auf der Startseite gescheit unterbringen muss. Bringt man alles auf der Startseite unter, so wird sie zu lang, und der Nutzer muss zwangsläufig scrollen. Ich hatte letztens irgendwo gelesen, dass die Nutzer wieder bereit sind mehr zu scrollen, da nun jeder per Breitband-Anschluss im Netz unterwegs ist. Naja zumnidest auf der Startseite sollte man langes Scrollen vermeiden. In der Nacht haben wir mal die Startseite überarbeitet und alles etwas komprimiert, sodass man sofort sieht was Sache ist.
Neue User sehen nun kleine Buttons, welche ihnen die Vorzüge von Vicinia näher bringen, und dadrunter bekommt man die neuesten Infos präsentiert, ohne viel scrollen zu müssen. Ein guter Kompromiss, wie ich finde. Bei mir sieht die Seite auch im IE6 und IE7 noch recht ok aus, in Parallels zumindest. (IE sucks big time)
Jetzt nehmen wir uns die Einzelseiten vor, denn da sind noch viele Einzelheiten zu verbessern.
So der Start ist geglückt, das System läuft, es gab noch keine großen Probleme. Übers Wochenende werden wir kleinere Bugs ausmerzen, die Usabilty noch etwas verfeinern, das ganze System etwas runder machen, und einige neue Features implementieren, die insbesondere für Webmaster und Blogbetreiber interessant sind.
Hier nun der Header mit dem Logo.
Ok nach langem hin und her haben wir nun endlich ein LOGO. Vielen wird es nicht gefallen, einige werden es mögen, wir finden es cool. Welches davon nun wirklich passt, wissen wir noch nicht :)
Heute müssen noch einige Sachen fertig gemacht werden, dazu im Laufe des Tages mehr.
Unsere Anfrage nach Designern hat sich gelohnt. Wir haben hier nun einige Logos, die uns eigentlich soweit ganz gut gefallen.
Hier die ersten implementierten Sachen, XHTML + CSS, keine Mockups mehr.
Ich hab so meine Probleme mit Design, ich bin meist nie 100%ig zufrieden, es gibt immer irgendwo irgendwas zu verbessern. Desweiteren bin ich großer Fan von “font-driven design” nenn ich es einfach mal, wo ein Großteil der Seite eigentlich durch den Font gestylt wird. Also heute wieder rangesetzt und das Design bissel üerarbeitet, so gefällt es mir jetzt viel besser als vorher, mag dem Einen oder Anderen anders ergehen, aber ich bin erstmal soweit zufrieden. Weitere Details und eine größere Versionen folgen. Ob die untere dunkle Leiste am Ende bestehen bleibt ist noch unklar.
Hier mal ein Blick auf die Pinnwand oder Gästebuch eines Nutzers. Für die Einen ist es ein Gästebuch, für die Anderen die längste Pinnwand der Welt.
Wir stehen vor der Frage, ob man sich mit einem eindeutigen Nutzernamen anmeldet, oder doch über die Email. Zum Regstrieren muss natürlich beides angegeben werden, aber zur Anmeldung würde auch nur die Email ausreichen, wenn denn jeder Nutzer seinen wahren Namen preisgeben würde. Benutzt man aber jetzt jedoch Nutzernamen, so hat man das Problem, dass sehr schnell die normalen Namen vergeben sind und wir uns mit sowas “xXSeXySuNnYgIrL007Xx” und “-=PiPm-My-BlOgerz=-” rumschlagen müssen. Das sieht nicht nur unschön aus, sondern zieht den ganezn Charakter einer Seite runter, aber man kommt wohl oder übel nicht drumherum. Wir werden uns wohl dafür entscheiden, das Login über einen eindeutigen Nutzernamen durchzuführen, und darauf hoffen, dass die Nutzer wenigstens ihre normalen Namen angeben und auch preisgeben.
Wenn man auf dem Profil eines Nutzers ist, hat man die Möglichkeit einige Aktionen auszuführen, diese Stellen wir bisher wie folgt dar.
Hier mal ein genauerer Blick auf die Navigation und einem eventuellen Logo später.
Die Überschrift sagt eigentlich schon alles aus, wie wichtig ist den Nutzern ein logisches und übersichtliches Design, frei von Komplikationen und riesen Werbebannern? Wenn man sich die Mehrheit der bereist etablierten Netzwerke anschaut (siehe unten. Myspace, Hi5, Friendster), dann kommt man irgendwann zwangsläufig zu dem Schluß, dass das Design einer Website für den Endnutzer keine hohe Relevanz hat. Jeder Nutzer spielt gerne mal einen Designer und verschandelt sein Profil, solange die Plattform ihm die nötigen Freiheiten lässt. Wenn ein Nutzer etwas neues ausprobiert und technisch für ihn “schwere” Aufgaben löst, dann ist er auch auf noch so kleine Errungenschaften stolz (blinkender Text, Slideshows, Flashplayer, hellgrüne schrift auf rosa Hintergrund) und zeigt jedem sein eigenes Meisterwerk. Wieso sollten sich die Designer einer Seite die Mühe machen und alles genau planen und designen, wenn es am Ende doch verschandelt wird? Da es bei uns keine Möglichkeit geben wird, dass der Nutzer sein Profil “pimpen” kann, geben wir uns halt doch etwas mehr Mühe, um ein anständiges Design zu entwerfen. Wir wollen die Vernetzung der Nutzer online, wie auch offline, durch ihr Porfil fördern, und nicht durch blinkende Texte und annimierte Gifs.
So heute haben wir den ganzen Tag mit einem neuen Designentwurf verbracht. Da ich mit den Unteren nicht zufrieden war, musste was Neues her. Also mit dem aktuellen Entwurf kann ich mich soweit eigentlich ganz gut anfreunden, sicherlich alles noch sehr beta, aber das wird schon verfeinert.
Wie auf den unteren Designentwürfen zu erkennen ist haben wir uns das Profil eines einzelnen Users vorgenommen. Jeder der anfängt etwas zu designen muss sich der Frage stellen, womit er anfangen soll. Jeder hat da sicherlich seine Vorlieben, manche fangen direkt mit dem Logo an (wir haben nicht mal einen Namen :)), manche mit der Navigation.
Wir haben uns das Profil vorgenommen, weil es einfach die Hauptseite ist. Das Profil stellt also das Epicenter der Applikation dar. Viele Interaktionen finden direkt auf dem Profil eines Useres statt. Das Profil selber hat wiederum ein eigenes Epicenter, welches in unserem Fall die Profildaten sind. Was gibt der User über sich preis und wie wollen wir das darstellen? Es ist schwirig das Epicenter einer Seite klar herauszuarbeiten und das so gut wie möglich zu gestalten, aber man sollte immer so vorgehen, denn was nützt mir ein fancy Logo oder eine coole Navigation, wenn der Hauptteil der Seite nicht zu gebrauchen ist. Erst das wichtigste fertig machen, und dann den Rest daran anpassen und sehr gut und passend zum Epicenter gestalten.
Da mir die unteren Entwürfe noch nicht 100%ig zusagen, werde ich mal einige neue Sachen ausprobieren. Wir haben 2-3 Schwerpunkte auf einem Profil, die hier bei den Entwürfen noch nicht so gut zur Geltung kommen.
