Webdesign für mobile Endgeräte wird derzeit immer wichtiger. Seit die Mobilfunkbetreieber mit Angeboten und Flatrates das mobile Web immer erschwinglicher machen und sich Smartphones, wie z.B. das iPhone mittlerweile als massentaugliches Handy durchgesetzt haben, checken immer mehr Leute unterwegs E-Mails, lesen Blogs oder schauen per Handy mal bei Facebook rein. Somit wird es immer wichtiger Webseiten für diese Endgeräte zu optimieren, damit User nicht die meiste Zeit des Seitenbesuches mit scrollen verbringen. Das Optimieren dieser Seiten gestaltet sich allerdings manchmal schwierig, da aufgrund der kleinen Displays jede Zeile kostbar und der Platz natürlich sehr begrenzt ist. Man muss sich auf die wesentlichen Elemente beschränken um möglichst viel Inhalt auf wenig Raum unterzubringen. Hier habe ich einiege Beispiele rausgesucht, die ich für sehr gelungen halte:
Vor einiger Zeit habe ich mal ein paar Beispiele für Werbung mit Shockeffekt hier gebloggt. “Um die volle Aufmerksamkeit eines Betrachters auf eine Werbung zu lenken, ist eine der erfolgreichsten Metoden der Schockeffekt.” hatte ich damals geschrieben. Das Fazit war das manche Fachleute der Ansicht sind das diese Art der Werbung eher schadet als nützt. Werbung die bestimmt nicht schadet und trotzdem im Gedächtnis bleibt ist meiner Meinung nach Werbung die etwas Lustiges hat, ein sprichwörtliches Augenzwinkern zum Beispiel. Kürzlich bin ich auf ein paar Werbeanzeigen aus dem letzten Jahr gestoßen die dieses gewisse Augenzwinkern haben und die ich sehr gelungen finde, aber seht selbst:
Wer kennt das nicht, man klickt neugierig auf einen Link, erwartet gespannt was da nun kommt und dann…404 Not found, die Seite kann nicht angezeigt werden, also ein toter Link. Die Gründe dafür können unterschiedlich sein, die Datei, auf die die URL verweist, ist verschoben, umbenannt oder gelöscht worden, der Webserver ist nicht (mehr) erreichbar, beispielsweise wegen Netzproblemen oder weil der Rechner abgeschaltet ist oder der Link auf der Ursprungseite ist fehlerhaft angegeben. Was diese frustrierende “Toter-Link‑ Situation” noch schlimmer macht is das man nun anstatt der gewünschten Seite diese hässliche Standart 404 Error Seite vor sich hat. Ein kleiner Trost ist dann immer wenn man wenigstens eine schön gestaltete, oder zumindest an das Design der Webseite angepasste, Fehler Seite angezeigt bekommt. Hier mal ein paar Beispiele für gelungenen 404 Error Seiten:
Und hier noch eine für alle Comic-Freaks und Batman Fans:
Ich persöhnlich finde ein Logo erst richtig gelungen wenn es einen gewissen Witz oder eine zweideutigket hat, also wenn es clever ist und vielleicht sogar einen Aha Effekt hat. Hier mal ein paar Beispiele von guten, cleveren Logos die mir kürzlich in diversen Design Blogs aufgefallen sind.
Folgende Frage sollte sich jeder, der sich in einem der zahlreichen Social Media Netzwerken wie Facebook oder StudiVZ anmeldet stellen: Was ist das Wichtigste an einem Profil? Die Antwort lautet: Das Profilbild! Das Profilbild ist neben dem Namen der wichtigste bestandteil eines Profils, besonders für Personen die Mich (oder meine Marke, Unternehmen, etc.) noch nicht kennen. Deshalb sollte es ansprechend sein und wohl überlegt ausgesucht bzw. gestaltet werden. Mit herkömmlichen Bildern wie mit dem Handy vor dem Spiegel gemachte Selbstportraits, Pärchenbildern oder Fotos von Trickfimlfiguren aus dem letzten Disney Streifen anstatt des eigenen Bildes kann man heute niemanden mehr begeistern geschweige denn einen bleibenden Eindruck hinterlassen. Hier mal ein psaar Beispiele von schönen Facebook Profibildern:
Static FBML ist eine Application die viele Fan-Seiten Betreiber nutzen, um ihre Seite zu personalisieren oder anzupassen. FBML unterstützt CSS und HTML. Und so funktioniert es: Wenn Du bei Facebook eingeloggt bist, suche nach “Static FBML”. Anschließend gehst Du auf die Seite und klickst auf den Button “Zu meiner Seite Seite hinzufügen”. Dort musst Du nur noch Deine Seite auswählen. Wenn Du das gemacht hast, wird Deiner Seite ein Feld hinzugefügt, in dem Du mit HTML oder FBML (Facebook Markup Language) Deine Seite besser anpassen kannst.
Mit Poll Daddy kann man Umfragen erstellen und sie auf der eigenen Facebook-Seite posten um ein Feedback von den Besuchern zu erhalten. Du musst nur nach “Poll Daddy Polls” suchen und die Anwendung zu Deiner Fan-Seite hinzufügen.
ShopTab ist eine gute Application wenn Du einen Online-Shop betreibst. Mit dem Social Commerce Tool „ShopTab“ kannst Du die Produkte aus Deinem Online-Shop auf Deiner Fan-Seite bei Facebook präsentieren und verkaufen. Allerdings ist ShopTab kostenpflichtig: wenn Du 500 Produkte hast, musst Du 10 $ im Monat zahlen. Gut ist, dass man nicht direkt in Facebook kauft ???, sondern zum Shop weitergeleitet wird. So gibt keine Komplikationen oder Auflagen von rechtlicher Seite.
Vor kurzem bin ich auf den Onlineshop glennz.com gestoßen. Es ist der Shop des Grafik Designers & illustrators Glenn Jones aus Neu Seeland. Die Motive der dort angebotenen Shirts sind Illustrationen aus Film, Fernsehen und Popkultur. Die immer mit Ironie oder zumindest einen Augenzwinkern versehenen Illustrationen reichen vom übergewichtigen Robocop bis zur Enterprise als Flaschenschiff. Hier ein Paar Beispiele:
Vor einigen Monaten habe ich bereits, unsere älteren Leser werden sich erinnern, über meinen Traumberuf als Nachrichtensprecher gebloggt. Ich durfte damals den Nachrichtensprecher für die HouseFreund-Webseite von bluhouse spielen. Aufgrund des großen öffentlichen Interesses und der Reaktionen auf diesen Beitrag, vor allem durch Leserinnen, hielt ich es für wichtig Euch über meine Nachrichtensprecher-Karriere auf dem Laufenden zu halten. Nun bin ich meinem Traumberuf wieder einen Schritt näher, auf der Präsentation der neuen Niedersachsen-Kollektion von Modedesign-Studierenden der Fachhochschule Hannover, war ich zeitweise quasi Nachrichtensprecher im Außeneinsatz. So führte ich unter anderem mein erstes Interview. Obwohl aller Anfang schwer ist und ich ins sprichwörtliche kalte Wasser geworfen wurde habe ich die Situation, wie erwartet, souverän gemeistert. Ich hoffe für die interviewte Designerin war es genauso toll wie für mich! In diesem Sinne: Das war ein Beitrag von Sebastian Baumeister, live für Sie aus dem bluhouse…
Laut Definition ist Typografie Gestaltungsprozess, der hauptsächlich mittels Schrift Druckwerke und elektronische Medien angewendet wird. Typografie umfasst nicht ausschließlich aber größtenteils die Gestaltung eines Layouts und den Entwurf von Schriften. Da sich das für viele Menschen zunächst mal sehr langweilig und trocken anhört möchte ich dieses Vorurteil jetzt anhand einieger Beispiele widerlegen. Hier also ein paar wirklich kreative und faszinierende Typografie Arbeiten aus verschiedenen Bereichen…
Um die volle Aufmerksamkeit eines Betrachters auf eine Werbung zu lenken, ist eine der erfolgreichsten Metoden der Schockeffekt. Vor allem in Amerika und Großbritannien ist “Shock advertising” oder “Shockvertising” voll im Trend. In Deutschland setzen vor allem die Anti-AIDS Kampagnen verschiedener Organisationen auf den Schockeffekt. Die Meinungen von Experten gehen beim Thema “Shockvertising” jedoch auseinander, viele Fachleute sind der Ansicht das diese Art der Werbung eher schadet als nützt andere sagen es sei der einzige Weg um überhaupt noch Aufmerksamkeit zu erregen. Eines steht fest: Aufmerksamkeit erregt “Shockvertising” auf jeden Fall…
