CASE STUDY – WIKI-DESIGN

INDIvIDUEllE ANpASSUNG DEr GrAfISChEN ObErfläChEUND STrUKTUr vON CONflUENCE ENTErprISE WIKIS

weitere referenzen:http://seibert.biz/wikidesign

Kunde Die Deutsche Bausparkasse Badenia AG mit Hauptsitz in Karlsruhe zählt zu den großen privaten Bausparkassen in Deutschland. Innerhalb der Generali Deutschland Gruppe ist sie der Spezialist für Wohneigentum als Mittel zur Altersvorsorge. Die Badenia AG arbeitet bundesweit und kooperiert mit einer Reihe wichtiger Vertriebspartner, darunter die Deutsche Vermögensberatung (DVAG) und die Konzerngesellschaften der Generali Deutschland Gruppe. Das Unternehmen mit 756 Mitarbeitern betreut rund 1,2 Millionen Kunden.

AufgAbeFür die Badenia war bei der Umsetzung des Firmenwikis das Aufgreifen des Corporate Designs eine Grundanforderung, es sollte eine eindeutige Wiedererkennbarkeit zum Online-Auftritt des Unter-nehmens möglich sein. Generell sollte die Grundidee – nämlich gemeinsam Themen voranzutreiben und Wissen zu teilen – besonders im Mittelpunkt stehen.

LÖSungDie typischen grafischen Elemente des Corporate Designs wie das Logo, die Farben sowie individuelle Icons und Buttons wurden – soweit im technischen Rahmen möglich – auf das Badenia-Wiki übertra-gen. Es gliedert sich somit optisch gut in die bestehenden Online-Medien ein. Die Wirkung des Wikis als internes und wichtiges System wird durch die individuelle und vertraute Optik gestärkt und somit die Hemmschwelle zum Mitarbeiten reduziert.Wichtig ist bei einer optischen Ähnlichkeit zwischen Wiki und Website, dass das Wiki nicht mit den anderen Medien verwechselt werden kann: Ein Label in der rechten oberen Ecke des Kopfbereichs kennzeichnet das Wiki als solches und sorgt so für optimale Orientierung.Jeder, der mit dem Wiki arbeitet, kann außerdem über das ansprechende Bildmotiv auf der Über-sichtsseite schnell erfassen, worum es dem Unternehmen hier geht. Auch das ist eine Möglichkeit der Mitarbeiteraktivierung. Auf den Inhaltsseiten wird auf das Bildmotiv verzichtet, um die Konzentration auf den eigentlichen Inhalt zu lenken.Ein auffälliger Teaser verlinkt direkt auf ein Hilfedokument, in dem „Erste Schritte im Wiki“ erklärt werden.Im Design-Prozess wurden neben der Übersichtseite auch eine Bereichs-Startseite sowie eine Detail-seite gestaltet. Diese beinhaltet alle Text-Elemente und Schrifthierarchien, bei deren Gestaltung //SEIBERT/MEDIA auf eine anwenderfreundliche Gestaltung Wert legt, wodurch sowohl das Anlegen von übersichtlichen und gut strukturierten Dokumenten als auch die Lesbarkeit erleichtert wird.

UNSErE lEISTUNGEN

Konzeption und beratung

Design der grafischen benutzeroberfläche

Individuelles Icon- und button-Set

„dAS wiKi emotionAL AufLAden.“

bildkonzept

Technische Umsetzung

01 individuelle teaserbox02 optische Kennzeichnung 03 Kampagnenmotiv 04 bereichs-Startseite mit Sidebar05 detailseite06 dashboard

03

04

06

CASE STUDY / WIKI DESIGN

01

02

05

Kunde BOMAG ist Weltmarktführer auf dem Sektor der Verdichtungstechnik und stellt Maschinen für die Erd-, Asphalt- und Müllverdichtung sowie Stabilisierer/Recycler her. Das 1957 gegründete Unterneh-men mit Sitz in Boppard, Deutschland, hat sechs regionale Niederlassungen und elf Tochtergesell-schaften mit 1.800 Mitarbeitern weltweit.

AufgAbeDas Unternehmen möchte das Wiki als Planungs- und Wissens-Tool nutzen, um neue Produktent-wicklungen gezielt zu planen. Dabei stehen sowohl die Vernetzung des internationalen Teams und der verschiedenen Spezialisten als auch die übersichtliche Aufbereitung der Informationen im Vorder-grund. Da es sich um die Ersteinführung von Confluence im Unternehmen handelte, spielte außerdem die Unterstützung der Mitarbeiter bei der Arbeit mit dem neuen Medium eine wichtige Rolle.

LÖSungDie individuelle Anpassung des Wikis vollzieht sich stets auf zwei Ebenen, die eng miteinander zusammenhängen: die Struktur des Wikis und die grafische Oberfläche. Bei letzterer geht es darum, dem Mitarbeiter durch die Übertragung des Corporate Designs auf die Wiki-Oberfäche den Wert des Mediums zu verdeutlichen, die Identifikation zu erleichtern und Berührungsängste aufzuheben.Die Struktur wiederum wird durch die individuellen Anforderungen bestimmt und hat vor allem Aus-wirkungen auf das Content-Design.Im BOMAG-Wiki sind auf dem Dashboard neben den standardmäßig vorgesehen Inhalten „Space-Übersicht“, „Favoritenseiten“ und „Letzte Aktualisierungen“ verschiedene individuelle Elemente integriert worden. So sorgen auffällige Buttons auf dem Imagebild dafür, dass der Mitarbeiter sich schnell einen Überblick über das Team und die notwendigen Arbeiten verschaffen kann. Der „Who is who“-Button sorgt somit für Teambildung und unterstützt den Planungs- und Organisationsansatz.Die Suche sowie Kontakte zum „First Level Support“ und „Technical Support“ sind immer in der rech-ten Spalte präsent. Auf den Detailseiten kommen außerdem hilfreiche Shortcuts für die redaktionelle Pflege hinzu.Ziel des Kunden war es, den Aufbau der Seiten und ihre hierarchischen Beziehungen untereinander möglichst vorzugeben, damit sich alle User schnell orientieren können. Diese Anforderung wurde im Design durch ein Farbleitsystem auf Bereichs-Startseiten gelöst. Bereichs-Startseiten im BOMAG-Wiki sind inhaltlich und optisch den eigentlichen Inhaltsseiten sehr nahe, was für den effizienten Arbeits-ablauf in diesem Fall wichtig war.

UNSErE lEISTUNGEN

Konzeption und beratung

Design der grafischen benutzeroberfläche

Individuelles Icon- und button-Set

„ein internAtionALeS teAmfür eine gezieLte ProduKt-entwicKLung vernetzen.“

bild auf dem Dashboard

Technische Umsetzung

01 individuelle buttons02 teaserboxen 03 farbleitsystem04 bereichs-Startseite 05 detailseite06 dashboard

01

06

CASE STUDY / WIKI DESIGN

02 03

04 05

eine gemeinSAme bASiS Im direkten Vergleich zwischen der Standard-Oberfläche von Confluence und den individuellen Oberflächen unserer Kunden wird deutlich, wie flexibel Confluence im Rahmen der Möglichkeiten angepasst werden kann.

Grundlegend nehmen wir neben der Anpassung an das jeweilige Corporate Design vor allem Verbesserungen der Usability vor, wie z. B.:

» Navigation den individuellen Anforderungen entsprechend integrieren

» Marginalspalte oder einklappbare Sidebar einbinden, um individuellen Content auf jeder Seite verfügbar zu machen

» Typografiekonzept optimieren, z. B. durch stärkere Unter-scheidung der einzelnen Headline-Hierarchien

» Zeilenlänge für die bessere Lesbarkeit optimieren durch das Einführen eines Randbereichs

» Doppeltes Suchfeld auf Bereichs-Startseite entfernen

Darüber hinaus können die standardmäßigen Featureswahlweise an- und abgewählt werden, wodurch die Übersicht-lichkeit erhöht und die Benutzerführung verbessert wird.

01 dashboard02 bereichs-Startseite03 detailseite

CASE STUDY / WIKI DESIGN

01

die bASiS: confLuence-oberfLäche AnPASSung für bomAg AnPASSung für bAdeniA

02

03

„funKtion + deSign = KomfortAbLeS wiSSenSmAnAgement.“

Die Chancen auf einen Erfolg des Wikis steigen, wenn es auch über die Struktur und Gestaltung der Oberfläche individuell an die Bedürfnisse angepasst wird. Die Standard-Funktionalitäten von Confluence sind vielfältig und breit gefächert, können unerfahrene Nutzer jedoch auch schnell überfordern. Erfahrungsgemäß beteiligen sich die Mitarbeiter mit höherer Bereitschaft an einem Unternehmenswiki, wenn sie es als wichtiges und hilfreiches Arbeitsmittel wahrnehmen und die Anwendung komfortabel bedienbar ist.

Ziel sollte es daher sein, eine individuelle Konfiguration, d. h. Abstimmung der Funktionalitäten und des Designs auf die individuellen Anforderungen des Unternehmens, durchzuführen. Dadurch werden eine hohe Akzeptanz, ein hoher Joy-of-Use und hohe Nutzungsraten erreicht. Nur dann kann das Wiki das Wissensmanagement fördern.

Argumente für ein individuelles wiki-design» Wichtige Funktionen können gezielt auffällig gestaltet werden und werden so von den Usern

einfacher gefunden und schneller benutzt. » Einem Wiki, das im Corporate Design seines Unternehmens erscheint, wird mehr Vertrauen und Wertschätzung entgegengebracht. » Je stärker ein Design den Bedürfnissen der User entspricht, desto schneller wird es

akzeptiert. welche Anforderungen stellen Sie an ihr wiki? Um herauszufinden, welche konkreten Anforderungen an das Wiki gestellt werden, ist es ratsam, sich die folgenden Zusammenhänge vor Augen zu führen bzw. die nachstehenden Fragen zu beantworten.

Gerne erarbeiten wir gemeinsam mit Ihnen die Ziele für Ihr individuelles Wiki-Design und finden heraus, wie Ihre Anforderungen am besten umgesetzt werden können. Sprechen Sie uns an!Wir freuen uns auf die Zusammenarbeit.

Weitere Informationen und Preise für ein individuelles Design finden Sie unter: http://seibert.biz/wikidesign

//Seibert/mediA gmbh design.seibert-media.netwww.seibert-media.net

T. +49 -611 -20570 -0F. +49 -611 -20570 -70

Söhnleinstr. 8 65201 Wiesbaden

WIKI-DESIGN

NUTZEN:Wozu soll das Wiki verwendet werden?

USEr:Wer arbeitet mit dem Wiki?

UNTErNEhMEN:Wie sieht das Corporate Design aus? Wie ist die Unternehmenskultur?