Aufbau des Konzeptionsprozesses
Die einzelnen Projektschritte werden von Agentur zu Agentur, von Buch zu Buch unterschiedlich beschrieben.
Anhand eines allgemeinen Prozesses beschreiben wir im Vergleich mit der Literatur unseren Ansatz
| Website-Konzeption Jens Jacobsen |
| Briefing |
- Ziele
- Zielgruppe
- Inhalte & Funktionen
- Designvorgaben
- vorhandenes Material
- Launch-Termin
|
| Angebot/Kalkulation |
- Machbarkeitsstudie
- Referenzen
- Projektbeschreibung
- Kalkulation
- Zeitplan
- Umgang mit Änderungswünschen
- Kommunikationswege zwischen Auftraggeber und -nehmer
- Juristischer Teil
|
| Grobkonzept |
- Firmenrecherche
- Branchenrecherche
- Konkurrenzanalyse
- Zielgruppe bestimmen
- Zielfindung
- Funktionen festlegen
- Domainnamen
- Medien festlegen
- Technische Basis
|
| Feinkonzept |
- Informationen sammeln
- Informationsarchitektur
- Kategorien benennen
- Navigationsarchitektur
|
| Designkonzept |
- Gestaltungsraster
- Farbklima
- Schrift-Vorgaben
- Beispielseiten
|
| Umsetzung |
- Grafik
- Texten
- HTML-Programmierung
- JavaScript-Programmierung
- Server-Script
- Datenbank Programmierung
- Barrierefreiheit
- Suchmaschinen & Metadaten
|
| Usability-Tests |
|
| Launch |
- Qualitätssicherung
- Provider-Suche
- Launch
- Anmeldung bei Suchmaschinen
- Werbung & Marketing
- Dokumentation
- Abschlussbesprechung
- Wartung & Pflege
|
| The elements of user experience Jesse James Garrett |
Strategy Plane Site objectives and User needs |
- Defining the Strategy
- Site objectives
Business goals Brand Identity Success Metrics
- User needs
User Segmentation Usability and User Research
- Team Roles and Process
|
Scope Plane Functional Specifications and Content requirements |
- Defining the scope
- Functionality and content
- Gathering requirements
- Functional Specifications
- Content requirements
- Prioritising Requirements
|
Structure Plane Interaction Design and Information Architecture |
- Defining the structure
- Interaction design
Conceptual models Error handling
- Information Architecture
Architectural Approaches Organizing Principles Language and Metadata
- Team Roles and Process
|
Skeleton Plane Interface Design, Navigation Design and Information Design |
- Defining the skeleton
- Convention and Metaphor
- Interface Design
- Navigation Design
- Information Design
Wayfinding
- Wireframes
|
Surface Plane Visual Design |
- Defining the surface
- Follow the eye
- Contrast and Uniformity
- Internal und external consistency
- Color palettes and Typography
- Design Comps and Style Guides
|
| WebSite Navigation Jennifer Fleming |
Phase 1: Information Gathering |
- Mission
- Goals
- History
- Audience
- Standards for success
- Ressources
- Climate
- Competition
- User Goals
- User Expectations
- Communications methods Team
- (simple) content inventory
|
Phase 2: Strategy |
- Identify problems
- Explore real-world models
- Look at other media
- Brainstorm possible solutions
- Define concept and scope
- Organize content
- Explore design und technical alternatives
- Scope of the project
|
Phase 3: Prototyping |
- Map the site flow
- Do design comps
- Build and test a prototype
- Create final architecture plan
- Outline production specifications
|
Phase 4: Implementation |
- Prepare and edit content
- Complete the interface design
- Develop the back end
- Troubleshoot new problems
|
Phase 5: Launch |
- Do quality assurance testing
- Market the service
|
Phase 6: Maintenance & growth |
- Manage new content or features
- Interpret server logs
- Conduct periodic testing
|
| Information Architecture Rosenfeld & Morville |
| Research |
Context
- Business goals
- Funding
- Politics
- Culture
- Technology
- Human ressources
Content
- Document/date types
- Content objects
- Metadata
- Volume
- Existing structure
Users
- Audience
- Tasks
- Needs
- Information seeking behaviour
- Experience
- vocabularies
|
| Strategy |
- Information Architecture Administration
- Technology Integration
- Top-Down or Bottom-Up Emphasis
- Organization and Labeling System (Top-Down)
- Document Type (Bottom-Up)
- Metadata Field Definition
- Navigation System Design
|
| Design and Documentation |
- Blueprints
- Wireframes
- Content Mapping and Inventory
- Content Modeling
- Controlled Vocabularies
- Design Sketches
- Web-Based Prototypes
- Architecture Styleguides
- Point-of-Production Architecture
|
| Implementation |
|
| Administration |
|
| Website-Konzeption Maria Grotenhoff & Anna Stylianakis |
| Definition |
- Anforderungsanalyse
- Bewertung der Anforderungen
- Entwicklung der Strategie
- Wünsche Kunde
- Bedürfnisse Nutzer
- Projektvolumen, Budget, Zeitplan
- übergeordnete Strategien
- Ziele
- inhaltliche Anforderungen
- Geschäftsprozesse
- Bedarf der Zielgruppen
- Markenwerte
- Zielgruppen
- Nutzen
- Wettbewerb
|
| Kreation & Umsetzung |
|
| Entwicklung |
- Feinkonzept
- Prototyp
- Test
- Risiko- & Machbarkeitsanalyse
|
| Produktion |
- Erstellung der Inhalte
- offene Fragen
- Konzepter=erster Tester
- Usability-Test
|
Auslieferung Review Dokumentation
|
- Handbücher, Trainingsunterlagen, Schulungen
- Review
|
Unser Ansatz
Folgender Ansatz ist eine Mischung aus der Literatur und unserer Erfahrung in der Theorie. Für die Praxis haben wir den Prozess noch weiter aufgeteilt (Siehe Folgeseite).
| Unser Ansatz |
| Stufe 1 |
Ziele Welche Ziele verfolgt die Internetseite?
- Erfolgsbilanz
Wie wird der Erfolg kontrolliert?
Zielgruppe Welche Zielgruppe(n) will man erreichen?
- Erwartungen
Welche Erwartungen hat die Zielgruppe?
- Bedürfnisse
Welche Ziele und Bedürfnisse hat die Zielgruppe?
- Rahmenbedingungen
Welche Beschränkungen gelten für die Zielgruppe?
Umfeld Wo steht der Absender, in welcher Umgebung bewegt sich das Projekt?
- Unternehmen
Alles, was über den Absender bekannt ist
- Material
Welches Material steht zur Verfügung?
- Medien-Mix
Wie gliedert sich die Kommunikationsmaßnahme in das gesamte Marketing ein?
- Historie
Welche Historie gibt es zu dem Projekt? Ist es ein Folgeprojekt?
- Kultur/Politik
Wie ist die Situation beim Auftraggeber? Wer entscheidet?
- Branche
Wo steht die Branche?
- Konkurrenz
Was macht die Konkurrenz?
- Benchmark
Was passiert im Internet? Was ist gut? Was funktioniert?
Inhalte & Funktionen Welche Inhalte und Funktionen kann/soll/muss man einsetzen? Organisation Welche Ressourcen sollen mit welchem Budget in welchem Zeitplan das Projekt umsetzen? -> Strategie Die Strategie-Phase ist eine allgemeine Phase, die nicht nur die Konzeption betrifft. Die einzelnen Informationen sind auch für Design, Redaktion und Technik relevant.
|
Optional gibt es zu jedem Zwischenschritt die Möglichkeit, den eingeschlagenen Weg direkt mit der Zielgruppe zu testen. Prototyp Testing |
| Stufe 2 |
Definition Mit welchen Inhalten und Funktionen lässt sich die Strategie umsetzen?
Entwicklung von
- Seitenfluss
Wie bewegt sich der Nutzer durch den Auftritt?
- Struktur
Wie sind die Inhalte strukturiert?
- Navigationssystem
Wie werden die Inhalte über die Navigation angesteuert?
- Seitentypen
Wie sind die einzelnen Seiten aufgebaut?
- Contentguide
Welche Vorgaben gibt es für die Erstellung der Inhalte?
-> Strategie |
Optional gibt es zu jedem Zwischenschritt die Möglichkeit, den eingeschlagenen Weg direkt mit der Zielgruppe zu testen. Prototyp Testing |
| Stufe 3 |
Umsetzung Erstellung des Internetauftritts
Qualitätskontrolle Wurde der Internetauftritt entsprechend den Vorgaben aus Gestaltung und Konzeption umgesetzt? Roll-out Welche begleitenden Maßnahmen werden mit dem Launch durchgeführt? -> Launch |
Optional gibt es zu jedem Zwischenschritt die Möglichkeit, den eingeschlagenen Weg direkt mit der Zielgruppe zu testen. Prototyp Testing |
| Stufe 4 |
Review Wie verlief das Projekt? Dokumentation Welche Ideen liegen der Seite zugrunde und wie geht man mit Erweiterungen und Änderungen um? -> Review |
Optional gibt es zu jedem Zwischenschritt die Möglichkeit, den eingeschlagenen Weg direkt mit der Zielgruppe zu testen. Prototyp Testing |
| Stufe 5 |
Marketing Wie lässt sich die Popularität der Seite steigern? Betreuung Wie geht die Seite auf aktuelle Entwicklungen im Unternehmen, der Branche, dem Markt und dem Internet ein? -> Betreuung |