Gerade von Kunden angefertigte Skizzen sind besonders wertvoll. Das Skizzieren einer Website und deren Features erleichtert die Kommunikation zwischen Kunden und Webdesigner erheblich.

Das abgebildete Beispiel gehört zu meinem aktuellsten Auftrag. Nach einem ersten Vorgespräch lieferte mir der Kunde zwei Zeichnungen und außerdem einen Ausdruck einer Website, die ihm besonders gefallen hat. Auf den Ausdruck hat er sogar noch weitere Details ergänzt, in dem er Bereiche mit Papier und Klebeband überklebte. Die Skizzen waren außerdem mit zahlreichen Stichpunkten und Hinweisen zu den Inhalten und damit auch zur Informationsarchitektur der Website versehen.

Ein wertvoler Konzeptbeitrag durch den Kunden

Kunden liefern so einen wertvollen Beitrag zum Konzept. Sie wirken aktiv an der Informationsarchitektur und dem Designkonzept einer Website mit. Die Wahrscheinlichkeit besser verstanden zu werden steigt. Das Endergebnis kann davon nur profitieren.

Scribbles helfen mir also dabei, meine Kunden besser zu verstehen. Warum?

Weil Kunden intuitiv ihnen und uns bekannte Muster aufgreifen. Solche Muster, die ihnen aus dem regelmäßigen Umgang mit dem Internet vertraut sind.

• Metanavigation und Suche
• Aufbau von Navigationsmenüs
• Header und Positionierung von Logos
• etc.

Kunden sprechen dann aber z.B. nicht von einem Masthead. Sie zeichnen einfach ihr Logo dort hin, wo sie es sich vorstellen. Dazu vielleicht noch weitere Hinweise auf gestalterische Details. Wahrscheinlich ergibt es sich dann auch, dass die Navigation mit in diesem Bereich angebracht werden soll.

Sprichst Du Webdesign?

Es geht um Sprache. Kunden kennen selten unsere Fachausdrücke, mit denen wir Anforderungen beschreiben. So fällt es ihnen oft schwer, ihre Anforderungen und Wünsche überhaupt zu äußern. Sie sprechen nicht unsere Fachsprache und -dialekte. Warum auch? Fragen wir dann nicht gezielt nach, drohen bestimmte Anforderungen ganz unterzugehen, oder erst im Projektverlauf hochzukommen. Außerdem besteht die Gefahr, dass beide aneinander vorbeireden und später böse Überraschungen erleben.

Bildsprache

Eine gemeinsame Bildsprache vereinfacht die Verständigung. Von Kunden vorbereitete und zusammen besprochene Skizzen tragen zum besseren gemeinsamen Verständnis bei. Ich selbst habe damit positive Erfahrungen gemacht und kann nur empfehlen, es einmal zu versuchen und zusammen mit einem Kunden diesen Weg zu gehen. Ich sehe die Scribbles als Vorstufe von Wireframes, die von mir im nächsten Schritt erstellt werden. Diese werden dann sehr wahrscheinlich schon ziemlich genau den Vorstellungen des Kunden und einer allgemein vernünftigen Informationsarchitektur entsprechen.

• Recherche
• Definition
• Design
• Weiterentwicklung

Schön gemacht und für einen ersten Überblick ganz gut geeignet.

Und recht hat er. Nicht zu denken an Diskussionen über unterschiedliche Schattierungen von Pistaziengrüns.

Gerade dann, wenn die Budgets knapp sind oder man ein privates Blog betreibt, lautet die Devise ganz oft “selbst machen”. Hier im Blog habe ich bereits die Methode der 5-Sekunden-Tests vorgestellt: Usability Schnelltests, lecker Fastfood

Auch für diesen Zweck steht ein kostenloses Tool zur Verfügung, das schnelle Ergebnisse liefert. Der Five Second Test.

Ich habe diese Möglichkeit bereits genutzt und die Methode “Sentiment” benutzt. Ziel war es, mit Hilfe der Leser des Webzeugkoffers, Designentscheidungen für das Re-Design des Blogs herbeizuführen. Wie versprochen, folgt jetzt die Beschreibung der selbst gemachten Erfahrungen mit diesem Testverfahren.

Bevor ich konkreter auf die Ergebnisse meines Tests eingehe, ein paar grundlegende Gedanken zu den Vor- und Nachteilen dieser Testmethode.

Besonderheiten des 5-Sekunden-Tests

Wie der Titel dieses Artikels schon vermuten lässt. Die Zeit ist extrem kurz. Trotz der Testinstruktionen, die man vor der Durchführung erhält. Kollegen und Leser meines Blogs haben mich darauf hingewiesen, dass es unter diesen Umständen schwer fällt, ein Urteil zu fällen.

Auf der anderen Seite fallen solche gefühlsmäßigen Entscheidungen sogar noch schneller. Allerdings unterbewusst. Und danach kann man oft gar nicht so konkret sagen, was einem gefallen hat und was nicht. Das ist dann das spezielle Problem dieses Tests.

Ein weiteres Problem liegt in den sehr subjektiven Aussagen der Betrachter. Darauf muss man sich bei dieser Methode allerdings einlassen. Natürlich gehen die Urteile der Nutzer teils weit auseinander. Gefällt dem einen der Hintergrund der Website gut, spricht ein anderer von einem “komischen Hintergrund”.

Trotzdem lieferte der Test zum Teil deutliche Tendenzen, die mich bei den weiteren Arbeiten zum Re-Design beeinflusst haben. Außerdem konnte ich auf diese Weise mit Hilfe verschiedener Leser des Blogs einen kostenlosen Usabilitytest durchführen. Eine preiswerte Alternative zu kostspieligen echten Usabilitytests unter Laborbedingungen – deutlich fünfstellige Beträge sind da keine Seltenheit.

Testergebnisse und Schlussfolgerungen für den Webzeugkoffer

Ein privates Blog liefert natürlich keine repräsentativen Ergebnisse. Es standen mir 25 verwertbare Ergebnisse zur Verfügung. Aber wie gesagt, waren in bestimmten Bereichen konkrete Tendenzen zu erkennen. Diese Kritik und Anregungen habe ich sehr gerne aufgenommen und mit in das Re-Design meines Blogs einfließen lassen.

Zur Erinnerung hier nochmal der Screenshot, den die Tester für fünf Sekunden angezeigt bekamen (Webzeugkoffer vor dem 17. März 2009).

Branding/Headerbild und Navigation

Mir gefiel der Ansatz ganz gut, den Header nur oberhalb der Hauptinhalte zu platzieren. Um so den Fokus mehr auf diesen Bereich zu lenken. Hier waren die Meinungen geteilt. Zwei pro und zwei Contra. Wobei hier nicht ganz deutlich hervor ging, ob es den Betrachtern nur um die Breite ging oder die Optik an sich. U.U. war auch die fehlende Abgrenzung zu den großen Artikelbildern ein Faktor.

Schlussendlich habe ich mich dazu entschieden, den Header-Bereich inkl. der Navigation wieder über die gesamte Breite zu ziehen.

Artikelbilder

Diese großformatiken Bilder setze ich für längere Artikel ein. Zum einen, um sie hervorzuheben, zum anderen um mit einem Bild, die in den Artikeln folgenden Aussagen zu verstärken oder sogar zusammenzufassen. Außerdem finde ich das persönlich schön und freue mich selbst immer wieder über Blogs, die dieses Stilmittel auch verwenden. Ich tauche so gerne in die Artikel ein.

Neun mal wurde das Artikelbild unter “liked” genannt. Nur einer Testperson hat es negativ aufgestoßen. Kurzum habe ich diesen Teil beibehalten und mit rüber genommen.

Hier zeigt sich aber auch wieder ein kleiner Nachteil der Testmethode. Vielleicht gefiel dem ein oder anderen nur die Frau auf dem Foto besonders. Hier könnte man evtl. mit etwas neutralerem nachtesten.

Struktur und Übersicht

Drei mal wurde die klare Struktur gelobt. “Clear box structure”, “Klarheit” und “Übersichtlichkeit/Lesbarkeit” waren die Anmerkungen der Testpersonen.

Trotzdem gab es hierzu auch negative Kritiken. Bei genauerem Betrachten waren die auch nachvollziehbar. Konkret notierte eine Person: “Too much clutter in the boxes on the left” (Wirrwarr).

Mir war es selbst auch noch zu unruhig, gerade was den Hauptinhaltsbereich betrifft. Das hat mich zu der Entscheidung geführt, das Ganze an dieser Stelle weiter zu reduzieren. Das gesamte Erscheinungsbild bzw. das Design sollte minimalistischer werden. Weißraum und Typografie sollen mehr arbeiten und ein harmonisches, übersichtliches und gut lesbares Gesamtbild ergeben.

Das hieß auch, weniger Boxen und noch weniger Linien. Wie ich finde hat das auch das Problem des Wirrwarrs entschärft.

Sonstige Erkenntnisse

Andere Anmerkungen wurden nur einmal genannt. Das muss aber gar kein Nachteil sein. Sie haben mich immerhin zum Nach- und teilweise zum Umdenken angeregt und hatten damit auch Einfluss auf verschiedene Designentscheidungen.

Zum Abschluss

Das soll’s möglichst kurz und knapp zu den Erfahrungen mit dem 5-Sekunden-Test gewesen sein. Ich hoffe, ich konnte Euch damit einen besseren Einblick in diese Methode geben. Ich hoffe auch, dass deutlich geworden ist, wo die Probleme dieser Methode liegen und dass noch einiges an Interpretationsbedarf in den erhaltenen Ergebnissen steckt. Außerdem geht es in meinem Fall neben der Meinung der Leser auch um ganz persönliche Vorlieben bzw. die persönliche Note.

Trotz der teilweise vorhandenen Schwierigkeiten und des Interpretationsbedarfs, überwiegen die Vorteile dieser Methode für mich. Sie ist kostenlos und liefert trotzdem den ein oder anderen Ansatzpunkt.

Ich danke den Testteilnehmern sehr für ihre Zeit und das konstruktive Feedback!

Webdesign: Ein komplexer und permanenter Prozess soll Ausgangspunkt für weitere Artikel gewesen sein. Die darauf folgenden sollen die einzelnen Phasen und Abschnitte näher beleuchten. Es geht zunächst um ihren Beitrag zum Konzept.

Die Analyse einer bestehenden Website und die Inspiration sowie die Beeinflussung durch aktuelle Trends bilden die Ausgangsbasis. Eine Website muss (neu) ausgerichtet werden. Das Ziel besteht darin, auf der aktuellen Basis bereits möglichst viele konkrete Anforderungen und Ideen für einen Neustart zu finden.

Zur Erinnerung die Hauptphasen im Prozess:

• Projektplanung
• Analyse & Inspiration
• Informationsarchitektur
• Webdesign & Usability
• SEO & Onlinemarketing
• Qualitätssicherung
• Betrieb & Management

Die Projektplanung lasse ich in diesem Zusammenhang mal außen vor. V.a. die Phasen 2 und 3 bedienen das Konzept und liefern die zentralen Anforderungen an Webdesign im engeren Sinne.

Analyse und Ausrichtung

Die Analyse erfolgt meist in zwei Richtungen – da oft bereits eine Website vorhanden ist.

• Blick zurück: Re-Design Retrospektive und Qualitative Analyse vor dem Relaunch haben sich bereits damit beschäftigt
• Ziele, Zielgruppen sowie Kunden- und Nutzeranforderungen

Ein Relaunch dient nicht nur dazu, der Website ein neues Gesicht zu geben. Es steckt noch viel mehr dahinter.

Die Ausrichtung

Warum zurückblicken, wenn man doch jetzt alles neu macht? Ganz einfach: Aus Fehlern lernt man. Außerdem deckt eine gezielte Analyse so einiges an Optimierungspotential auf. Ziele, Strategien, Zielgruppen und definierte Szenarien helfen uns dabei, die Ausrichtung zu finden. Jedes Website-Konzept sollte damit beginnen.

Zunächst gleicht man die Zielsetzung der Website mit ihrer ursprünglichen ab. Ist diese noch die Gleiche? Oder haben sich neue Ziele ergeben und sind alte Ziele nicht mehr relevant? Gleiches gilt für die Zielgruppen und weiterführend für die allgemeinen Nutzeranforderungen.

Die Analyse

Die durch die Fragen nach der Ausrichtung gewonnenen Anforderungen nutzt man dann zur Analyse der bestehenden Website. Wo kann sie diese Anforderungen noch erfüllen und wo gibt es Nachholbedarf? Die Ergebnisse dieser Analyse und die zuvor definierten Anforderungen (Ausrichtung) fließen in das Konzept mit ein. Hier sind Szenarien und konkrete Usecases sehr wichtig. Es bringt wenig, sich ziellos über die Website zu klicken und darauf zu hoffen, möglichst viel Futter zu finden.

Was sind Szenarien und Usecases? Es handelt sich bei Usecases, wörtlich übersetzt, um Anwendungsfälle. Szenarien können selbst wiederum mehrere Usecases beinhalten. Um an dieser Stelle nicht zu ausführlich zu werden, reduziere ich das Ganze auf zwei wesentliche Fragen, die man sich stellen sollte:

Auf welchen Wegen und aus welchen Beweggründen kommen die Besucher zur Website? Welche Ziele verfolgen sie, welche Aufgaben werden sie auf der Website zu lösen haben (oder wollen) und welche besonderen Merkmale besitzen sie?

Mit den Antworten darauf im Hinterkopf, ergibt sich ein klareres Bild von der bereits existierenden Website und den konkreten Anforderungen an die neue. An Hand der Szenarien und Usecases lässt sich besser einschätzen, was eine Website leistet und weiter leisten muss.

Inspiration

Ohne den Blick auf aktuelle Trends und Best Practice, geht’s auch nicht. Der Blick über den Tellerrand.

Was ist Inspiration und kann man sie erzwingen? Zum zweiten Teil der Frage: Nein. Verkrampfung blockiert.

Unter Inspiration (von lat.: inspiratio = Beseelung, Einhauchen von „spiritus“ = Leben, Seele, Geist) versteht man allgemeinsprachlich jene mentale Kraft, die neue Ideen hervorbringt.Definition bei Wikipedia

Besser trifft es, sich inspirieren lassen. Die Mentale Kraft schöpfen, die neue Ideen hervorbringt. Und wenn möglich nicht zum Kopieren verleitet! Inspiration beeinflusst ganz stark die Phase, in der Design sichtbar wird und in ästhetischer Hinsicht entsteht.

Hierbei ist man bei weitem nicht auf branchenübliche Webdesigns oder Webdesign Showcases begrenzt. Inspiration liefern auch andere Quellen. Wobei das die Webdevigner unter uns wohl am besten beurteilen können, auf was es hier ganz speziell ankommt.

Weitere Quellen sind z.B.

• Printmagazine
• Fotografie
• Natur
• Architektur
• Inneneinrichtungen
• u.v.a.

Die wirklich kreativen Geister wissen, wo sie sich die nötige Inspiration verschaffen. Vielleicht geschieht vieles aber auch ganz einfach unterbewusst. Manch einer sieht sogar in Visitenkarten eine Art Inspirationsquelle.

Abschließend noch ein paar Worte zu aktuellen Trends. Sie sind wichtig und werden im Regelfall nicht von uns selbst gesetzt. Aber wir müssen hier und da aufsetzen. Zum einen, weil sie neue und verbesserte Methoden hervorbringen, zum anderen, weil man es von uns erwartet, bei gewissen Dingen dabei zu sein. Die Erwartungen setzen dabei nicht nur die Auftraggeber, sondern auch und v.a. die Nutzer und Kunden des Angebots.

Weiterer Lesestoff

Hier verweise ich auf die Links zum Artikel Webdesign: Ein komplexer und permanenter Prozess (im Text und eine Liste am Ende des Artikels).

Ausblick

Analyse und Inspiration bilden das Fundament des Konzepts. Der nächste Teil wird sich dann näher mit der Informationsarchitektur beschäftigen.

Beim Schreiben dieses Artikels haben sich außerdem wieder einige Ansatzpunkte für weiterführende Betrachtungen ergeben. Auch dazu mehr im Rahmen des weiteren Programms.

Foto: Floor concept

Man hat nicht nur eine Idee, denkt sich was schönes aus, hostet eine Website, die dann das WWW erobert. Das bezeichnet man als in Schönheit sterben.

Die Zeichnung stammt vom Artikel Web design process in 5 steps und illustriert, dass wir ein paar mehr Dinge berücksichtigen müssen.

Dieser Artikel soll zunächst aufzeigen, auf welchen Feldern wir Webdesigner uns bewegen, womit wir uns zum großen Teil auskennen müssen und welche vielfältigen Aspekte zu berücksichtigen sind. Er ist kein Tutorial, dass eine konkrete Anleitung oder Handlungsempfehlung ausgibt.

Vorgliederung des Webdesignprozesses

Der Webdesignprozess lässt sich zunächst ganz grob in vier Abschnitte aufteilen.

• Planung
• Design
• Realisierung
• Management

Oder etwas granularer in:

• Projektplanung
• Analyse & Inspiration
• Informationsarchitektur
• Webdesign & Usability
• SEO & Onlinemarketing
• Qualitätssicherung
• Betrieb & Management

Das sollte zunächst ausreichen. Im konkreten Projekt ist das wahrscheinlich noch etwas feingliedriger.

Dabei sind Webdesign und Usability, also der eher kreative Part des Prozesses, oft nur ein relativ kleiner Teil des Gesamten. Aber natürlich wiederum der zentrale Part, weil vorgelagerte Arbeiten schon in die Richtung des kreativen Teils denken. Davon abgesehen macht Webdesign im engeren Sinne alles sichtbar, was man sich zuvor ausgedacht hat.

Abschnitte im Webdesignprozess

Menschen tendieren oft dazu, die Projektplanung als unnötiges Beiwerk oder Meetingbeschaffungsmaßnahme zu verstehen. Das Gegenteil sollte der Fall sein. Der Einzelne, im Projekt beteiligte, wird im Idealfall kaum dadurch belästigt. Ein gewisses Maß an Planung und Kommunikation ist aber ein wesentliches Erfolgskriterium.

Das trifft natürlich nicht auf die kleine Vereinswebsite zu, die oft von einem Einzelnen realisiert wird. Das mache ich nebenberuflich auch und ich verwalte mich dann auch nicht über. Aber im Falle einer Unternehmenswebsite, wird das Ganze schnell etwas komplexer.

Die Leitung von Webdesignprojekten, an denen 15 oder mehr Leute arbeiten (intern und extern) und mit Budgets im sechsstelligen Bereich, hat ohne entsprechendes Projektmanagement keine Chance.

Analyse & Inspiration

Handelt es sich um ein Re-Design-Projekt, gehört die Statusanalyse ganz klar dazu. Es geht nicht nur darum, alles neu und anders zu machen. Evtl. hat man bisher das ein oder andere schon ganz gut gemacht und sollte das weiter verfolgen. Außerdem lässt es sich aus begangenen Fehlern immer gut lernen. Zwei meiner Beiträge zu diesem Thema:

• Re-Design Retrospektive
• Qualitative Analyse vor dem Relaunch

Die Analyse von Markt und Wettbewerb darf auch nicht fehlen. Wie werden in der gleichen oder verwandten Branchen Websites gemacht, was macht die Konkurrenz? Darüber hinaus sollte man sich über zwischenzeitliche Innovationen auf dem Laufenden handeln. Während eines typischen Zweijahreszyklus’ einer Website, tut sich im Web so einiges. Neue Methoden und Features wollen auf ihre Praxisrelevanz für die eigenen Zwecke geprüft werden.

Die Analyse der allgemeinen Anforderungen selbst, lässt sich in unterschiedliche Abschnitte aufteilen.

• Zielgruppe(n)
• Nutzeranforderungen
• Unternehmensanforderungen bzw. Strategie
• Marktanforderungen
• etc.

U.a. können Checklisten für die Projektplanung bei der Erfassung von Anforderungen behilflich sein. Diese Analyse liefert wiederum konkrete Detailanforderungen für die nachgelagerten Projektphasen.

Und schließlich gehört auch ein Schuss Inspiration dazu. Das macht nicht nur Spaß, sondern macht in gewisser Weise auch den Kopf frei. Zumindest, wenn man Inspiration richtig auffasst und nicht ins Abkupfern abrutsch und/oder eigene Ideen dadurch blockiert. Ein Beitrag dazu erschien mal beim Webstandard: Inspiration richtig verstehen

Zu Analyse und Inspiration habe ich einen weiterführenden Artikel veröffentlicht: Analyse und Inspiration im Webdesignkonzept

Informationsarchitektur

Die oben genannten Analysen liefern einiges an Futter für die Informationsarchitektur. Bei Informationsarchitektur geht es v.a. um das Organisieren und Auszeichnen.

Die Informationsarchitektur im Bezug auf eine Website hat wiederum viele Gesichter.

• Navigationsstruktur (Methode z.B. Cardsorting)
• Seitenstruktur (Methode z.B. Wireframing)
• Kategorisierung und Verschlagwortung (Kategorien und Tags)
• Lokalisierung (Regelungen die Sprach- und Länderversionen betreffen, bis hin zu kulturellen Unterschieden und verschiedenen Marktbedingungen)
• etc.

Einen guten Einstieg in diese Thematik bietet die Website des Instituts für Informationsarchitektur.

Webdesign & Usability

Das Herzstück und zugleich der vielleicht interessanteste Teil der Arbeit. Die vorgelagerten Arbeiten aus Analyse, Inspiration und Informationsarchitektur, liefern die Anforderungen an das Webdesign und halten es zusammen.

Webdesign im engeren Sinne ist der kreativste Part am gesamten Prozess. Trotzdem sollte auch dieser Teil nicht ganz kopflos angegangen werden und umfasst verschiedene Teildisziplinen.

• Gestaltung, Farbenlehre und Typografie
• Screendesign
• Prototyping
• Webdesign Templates ((X)HTML, CSS, Javascript etc.)
• Meist auch Systemplates für das CMS
• etc.

Die Website Web Design+ enthält Best Practices und Links zu den Teildisziplinen im Webdesign.

Alle muss natürlich auf die Nutzer der Website abgestimmt sein und ihren grundlegenden Anforderungen an die Bedienbarkeit entsprechen. Usability (inkl. barrierefreie Umsetzung) wird oft unterschätzt. Es reicht nicht aus, Texte in ausreichender Schriftgröße und ausreichende Kontraste zur Verfügung zu stellen. Vieles, was Einfluss auf die Usability einer Website hat, wurde außerdem v.a. schon im Bereich der Informationsarchitektur vorbereitet (Stichworte Orientierung und Verständlichkeit der Inhalte).

• Wahrnehmung, Lesbarkeit und Texten für’s Web
• Navigationsstrukturen und -mechanismen
• Interaktionsdesign
• Expertenreviews und Nutzertests
• etc.

Man hätte es vermuten können. An dieser Stelle verweise ich natürlich auf Jakob Nielsens Alertbox. Ein weiterer guter Ausgangspunkt ist der Artikel “100 Usability-Tips (Revision)” von Jens Meiert.

SEO & Onlinemarketing

Suchmaschinenoptimierung (SEO) und Onlinemarketing sollte man frühzeitig einbeziehen. Beginnt man damit etwa kurz vor oder erst nach dem Launch einer Website, ist es schon oft zu spät. Auch, wenn man später wieder was gutmachen kann. Es wird dann aber teurer und man verschenkt einen optimalen Start.

Die Vernetzung, Verlinkung und das Bewerben einer Website umfasst folgende Disziplinen:

• Onsite Suchmaschinenoptimierung
• Suchmaschinenmarketing (z.B. AdWords)
• Bannerkampagnen
• etc.

Vertiefen kan man seine Kenntnisse darüber u.a. in On-Site-Suchmaschinenoptimierung oder im Internet Marketing Handbook.

Qualitätssicherung

Die Qualitätssicherung erfolgt durch saubere Methodik und Arbeitsweise während des gesamten Prozesses. Sie bildet einen parallel verlaufenden Teilprozess. Bei großen Projekten empfiehlt es sich sogar, hierfür eine Person zu haben, die diesen steuert und überwacht. Tipps und Empfehlungen liefern u.a. diese Artikel und Übersichten:

• Maßnahmen zur Qualitätssicherung von Websites
• Qualität (Folge 1): Briefing und Vorbereitung
• Gute Seiten, schlechte Seiten: 7 Qualitätskriterien zur Beurteilung von Webseiten – und Web-Designern
• UITest.com: Links für Webentwickler

Betrieb & Management

Diejenigen, die eine Website planen und realisieren, sind oft auch diejenigen, die später für deren Betrieb verantwortlich sind. Fliegt eine große Unternehmenswebsite erst mal, fängt die Arbeit so richtig an. Oft ist es nicht zu glauben, wieviel Arbeit im Betrieb einer Website steckt. In größeren Unternehmen bildet das Management der verschiedenen Websites einen Fulltimejob.

Ein Betriebskonzept umfasst dabei u.a.

• Wartungszyklen und -verträge
• Prozesse und Kommunikation im Team (ggf. auch raus zu Dienstleistern, die dabei behilflich sind)
• Regelmäßige Qualitäts- und Erfolgskontrolle
• Aufnahme und Verarbeitung von Feedback
• Analysen und Konzepte zur Weiterentwicklung und Verbesserung in kleinen Schritten
• etc.

Kommunikation

Man sollte sich auf Kommunikationsregeln einigen und einen guten Ton pflegen, auch wenn’s mal etwas stressiger ist. Aber auch die Kommunikation zu den Kunden ist wichtig. Dabei geht es nicht rein um die Aufnahme von Anforderungen und Aufträgen, oder die Lieferung von Zwischenergebnissen. Oft gehört es sogar dazu, den Kunden ein Stück weit Wissen und Verständnis zu vermitteln. Ein Beispiel dazu habe ich unter dem Titel “Informationsarchitektur vermitteln” mal beschrieben.

Auch zum Thema Kommunikation finden sich immer wieder gute Artikel im Web. So z.B.

• Gesprächsführung in der Kundenkommunikation
• Flexible Fuel: Educating the Client on IA
• Educating clients to say yes

Fazit und Ausblick

Dieser Artikel konnte auf Grund des thematischen Umfangs nicht weiter ins Detail gehen. Die einzelnen Aspekte beinhalten wiederum Ansatzpunkte für einzelne Folgeartikel. Diese werden nach und nach geschrieben und erscheinen.

Unser Beruf hat mehr zu bieten bzw. fordert er mehr von uns, als die Arbeit mit Photoshop, XHTML, CSS und Javascript. Natürlich kann eine Person nicht alles abdecken. Aber man sollte sich seine Schwerpunkte nicht all zu eng setzen. Der Webdesignprozess ist vielseitig, vielfältig und vielschichtig.

Weitere Quellen zum Thema

• The Greatest Secret in Web Design
• Web design is not a commodity
• How Much (work) is a Website? A lot!
• Successful Website Checklist Challenge
• The Best Damn Web Marketing Checklist
• Web design process

Im deutschsprachigen Raum helfen außerdem die Beiträge der Webkrauts weiter und bieten viele sehr gute Denkanstöße für die tägliche Arbeit.

Zum Webdesignprozess als Ganzes, konnte ich keine weiteren deutschsprachigen Artikel auftreiben. Zumindest sind mir dazu keine aufgefallen. Ggf. habt Ihr noch Tipps dazu, über die sich die Leser dieses Artikels und ich freuen würden ;-)

Ähnliche Erfahrungen konnte ich selbst auch sammeln, als ich mit einem Team relativ nah an der Entwicklung einer Webanwendung arbeitete. Es war natürlich zunächst alles ganz neu und vieles auch sehr ungewohnt. Man hatte zunächst auch viel Unverständnis für manche Dinge. Im Nachhinein haben die positiven Erfahrungen überwogen und haben auch mir dabei geholfen, mich weiter zu entwickeln.

Stichworte sind dabei

• Agile Entwicklung und Scrum
• User Stories
• Versionskontrolle
• Testmethoden
• etc.

So gesehen war Lynns Artikel eine kleine Zeitreise zurück. Mit der Scrum-Methode habe ich nach wie vor meine Probleme. In vielen Fällen lässt sie nicht die Zeit und den Raum, den man öfters mal benötigt, wenn es darum geht, neue Ansätze zu entwickeln. Das aber ist eine andere Diskussion. Viele Methoden haben meine Arbeit aber sehr wohl bereichert.

In vielen Unternehmen, die Webdesign im engeren Sinne machen, haben mittlerweile professionellere Entwicklungsmethoden Einzug gehalten. Was auch zu begrüßen ist, zumindest dann, wenn in großen und v.a. auch interdisziplinären Teams zusammengearbeitet wird. Und wie Lynn schreibt, geht es auch im Designprozess ein Stück weit um Entwicklung.

Natürlich können auch Entwickler etwas von Webdesignern lernen. Auch ein interessantes Thema, das man mal aufgreifen könnte.

Lynns Artikel ist zudem ein guter Abriss zu Entwicklungsmethoden allgemein, angereichert mit einigen weiterführenden Links.

Via Using Development Methods in Design

Wir alle lieben Muster (Patterns), die uns als Orientierung dienen. An guten (Design-) Mustern hangelt es sich besonders bequem entlang. Patterns sind auch in der Webentwicklung eine gute Hilfe. Immer wieder liest man über diese, solche und noch mehr Muster für dies und das.

Peter Hornsby beschreibt auf UXmatters den, nicht ganz so geläufigen, umgekehrten Ansatz. Er erläutert die Antipatterns an Hand griffiger Beispiele.

Patterns machen vielleicht auch etwas unflexibel

So bequem es ist und so sicher man sich mit bekannten und etablierten Designmustern fühlt, so unflexibel droht man auf die Dauer zu werden. “Nur so. So funktioniert das auf jeden Fall”.

Abhilfe durch Antipatterns

Genau hier können die Antipatterns helfen. Sie zeigen die möglichen Stolpersteine und Fehlerquellen auf. Mit dem Ziel, daraus resultierende Fehler zu vermeiden, um auf der anderen Seite aber weiter kreativ und flexibel bleiben zu können. Ein erweitertes aus Fehlern lernen. Typische Probleme strukturiert im Keim ersticken.

Außerdem kann man es so, den weniger fachkundigen Personen beibringen, auf bestimmte Features zu verzichten. In dem man ihnen die negativen Folgen, eines nicht zielführenden Einsatzes bestimmter Features oder Designelemente, vor Augen führt. Das kann zur Einsicht führen, dass weniger eben oft viel mehr ist.

Beispiele für Antipatterns

An Hand zweier Beispiele – besser zwei Klassiker – erklärt Peter das Prinzip der Antipatterns.

• Click Here
• Shiny Thing

Oder auch bekannt als die beiden Klickibuntis.

Jedes Antipattern hat eine Reihe von Attributen, die es beschreiben und erklären. Wie z.B.: Name, typischer Ort des Auftretens, Ursachen, Gründe für das Auftreten, Hintergründe, Symptome, Konsequenzen, Ausnahmen, etc.

Diese Attribute sind nicht festgenagelt und lassen sich auch individuell kreieren. So kann man mit der Zeit eine kleine handliche Bibliothek von Antipatterns entwickeln.

Antipatterns als Ergänzung?

Mir war dieser so systematisch vollzogene Antipattern-Ansatz bisher unbekannt. Er ist aber eigentlich ganz interessant. Kombiniert mit “herkömmlichen” Patterns, können Antipatterns eine Bereicherung für Kreativität, Flexibilität und Qualität von Nutzeroberflächen bilden.

Ausführlicher Originalartikel: Antipatterns. Foto Original bei flickr: Antipattern.

Header und Navigation vom neuen Duoh!

Veerle Pieters beschreibt in “New Duoh! dot com has launched” die Entstehungsgeschichte zum neuen Webdesign ihrer Unternehmenswebsite “Duoh!“.

Ein schönes Beispiel aus der Praxis, das den Designprozess zum neuen Webdesign beschreibt. Dabei geht sie auch auf die verworfenen Entwürfe ausführlich ein, beschreibt die Inspiration dahinter und wie sich das Ganze bis zum fertigen Webdesign entwickelt hat. Ein sehr spannender Einblick in die Praxis.