Jump to content.

Suche auf der Site

Newsletter abonnieren

» zur An- und Abmeldung
» mehr Info

Das Buch zum Blog

Cover Buch Website-Konzeption

Website-Konzeption: Erfolgreiche Websites planen, umsetzen und betreiben

Neues bei Twitter

Neues bei delicious

(Was ist delicious?)


Impressum

Impressum/Kontakt

Facebook in einer interaktiven Infografik erklärt

Die interaktive Facebook-Erklärgrafik Platlas

Die interaktive Facebook-Erklärgrafik Platlas

Die vielen Funktionen und die ständigen Änderungen bei Facebook machen es selbst für Soziale Netzwerk-Profis schwer, den Überblick beim beliebtesten Dienst auf diesem Gebiet zu behalten. Ob der Ansatz von carrot labs der Richtige ist, um dieses Problem zu lösen, sei dahingestellt. Denn richtig bersichtlich ist ihr Platlas nicht. Aber diese interaktive Grafik ist sehr hübsch gemacht, technisch gut umgesetzt (nur HTML5 und JavaScript) – und sie gibt gesammelt an einer Stelle kurze Erklärungen zu den vielen Funktionen von Facebook.

Wie man gute Linktexte schreibt

Dass die Links sind, was das Web ausmacht, braucht man niemandem mehr zu erzählen. Aber wie ein guter Link aussieht, dass kann man nicht oft genug sagen. Noch immer sind der allergrößte Teil der Links im Web schlecht.
Der Konzepter-Kollege Gerry McGovern gibt ein paar Tipps, damit Ihre Link nicht dazu gehören:

  • Generische Links wie ”klicken Sie hier“ sind tabu. Die bringen Besuchern nichts und Ihrem Suchmaschinen-Ranking auch nicht.
  • Schreiben Sie Links wie Überschriften. Sie sollen die verlinkte Seite möglichst gut zusammenfassen.
  • Vermeiden Sie Linktitel die nur das Format des Verlinkten beschreiben („PDF“, „Video“…). Ihre Besucher interessieren Inhalte, nicht die Art und Weise, in der Sie diese vermitteln. Allerdings kann die Formatangabe zusätzlich sinnvoll sein – allerdings erst nach dem Link.
  • Halten Sie Links so kurz wie möglich und setzen Sie die wichtigsten Begriffe an den Anfang.

Statt

Wie Sie den IHRE_MARKE-Router R-Top2012 installieren

schreiben Sie

Installation Router R-Top2012

Alle Tipps finden Sie hier im Beitrag Tips for writing great links.

Was machen wir online?

Infografik zu den Ergebnissen der Pew Internet Survey

Infografik zu den Ergebnissen der Pew Internet Survey

Das Pew Internet & American Life Project liefert seit Jahren mit die besten Daten dazu, was wir Menschen im Internet so alles tun – zumindest, wenn wir Amerikaner sind.

Wer sich die trockene Lektüre ersparen will (oder Lust bekommen möchte, diese einmal anzugehen), der möge einen Blick auf diese hübsche Infografik werfen.

Die Grafik in ihrer ganzen Schönheit steht bei Flowtown.

Buchtipp & Newsletter: Die Elemente der User Experience

Cover des Buchs Die Elemente der User ExperienceIm Januar-Newletter stelle ich ein Buch vor, das schon lange ein Klassiker ist, und das trotzdem ganz neu ist: Die Elemente der User Experience von Jesse James Garrett, das nun neu auf Deutsch erschienen ist. Es bietet allen, die gern strukturiert arbeiten, einen praktischen Rahmen für ihr Vorgehen bei der Konzeption von Websites.
» Newsletter 01/2012 – Die Elemente der User Experience

Lesbarer Text auf der Website

Die Schrift auf den meisten Websites ist viel zu klein für den Großteil ihrer Benutzer. Das hat nicht nur mit dem Alter zu tun oder mit schlechten Augen, sondern auch mit dem verwendeten Monitor. Gehen Sie nie davon aus, dass die Schriftgröße OK ist, nur weil Sie persönlich diese auf Ihrem Monitor schön finden. Und glauben Sie auch keinem Grafiker, der Ihnen sagt, seine Schrift sei perfekt, wenn schon Sie selbst das Gefühl haben, dass sie zu klein ist.

Beispiel für gute Schriftgröße

So groß darf Schrift sein. Lesen auf Ihrer Site soll ja nicht anstrengend sein.

Einige gute Tipps dazu finden sich bei informationarchitects.jp – eigentlich Pflichtlektüre für 95 Prozent aller Site-Betreiber.

Kleine Zeichenlehre für Konzepter mit zitterigem Strich

Beispiel für ein Wireframe

So sehen meine Wireframes meistens aus....

Als Konzepter arbeitet man fast den ganzen Tag mit Worten – oft sind aber Skizzen viel besser geeignet, um eine Idee zu transportieren. Wer meint, nicht zeichnen zu können, der sollte sich über die Weihnachtsferien vielleicht die ausführliche Lektüre dieses sehr ausführlichen Artikels gönnen: The Messy Art Of UX Sketching.

Anders als der Titel vermuten lässt, geht es gerade nicht um schnell schlampig Hingeschmiertes. Vielmehr erklärt Peiter Buick (ja, der Mann heißt Peiter) wie er seine Skizzen erstellt. Da staunen selbst die, die viel und gern zeichnen.

Mit vielen Fotos und einem kleinen Video führt er vor, wie man seine Fähigkeiten zur visuellen Kommunikation verbessert.

Reverse Engineering von Website-Designs

Wireframes oder Seitenskizzen sind ein hilfreiches Instrument, um die Anordnung der benötigten Elemente auf einer einzelnen Seite zu planen. Wenn Sie aber umgekehrt von bestehenden Sites Wireframes erstellen wollen, etwa um etwas von anderen Sites zu lernen, dann müssen Sie das nicht per Hand oder Zeichenprogramm nachbauen.

Der kostenlose Dienst Wirify nimmt Ihnen diese Arbeit ab. Sie geben eine URL an, und bekommen diese Seite als Wireframe angezeigt. Ein nettes Spielzeug.

Wireframe der benutzerfreun.de, erstellt mit Wirify

Wireframe der benutzerfreun.de, erstellt mit Wirify

Hier können Sie den Dienst selbst ausprobieren: www.wirify.com