Übersicht über Aktivitäten zum Redesign von faltboot.org

Hier werden Informationen, Anregungen und Vorgehensweisen zum redesign von faltboot.org gesammelt. Wer möchte, kann sich gern mit Hinweisen oder Änderungen beteiligen.

Vision

faltboot.org lebt vom Mitmachen vieler Personen. Inhalte werden gemeinsam entwickelt und diskutiert. Dazu Hintergrund-Lesestoff zu den motivationalen Aspekten: Wikipatterns

Informationsarchitektur

Sammlung konkreter Inhalte, Strukturierung der Inhalte, Meta-Informationen

Forum

Kleinanzeigen: Suche, Biete

Termine

Wiki

Ideen: Abbildung unterschiedlicher Wiki-Kategorien (z.B. Touren, Selbstbau) in Haupt- oder Unternavigation? Damit würde das Wiki "an sich" als eigenständige Informationsstruktur verschwinden und nur noch als technischer Unterbau fungieren. Kommentar Marian: geht das überhaupt? Kann man das Wiki-Interface so reduzieren, dass die wichtigsten Funktionen erhalten bleiben?

Zur Wiki-Überarbeitung gibt es eine eigene Seite: WIKI-Redesign

Typen-Datenbank

Meta (Impressum, Kontakt etc.)

Streichung der alten Kategorien Touren, FAQ, Tipps&Tricks, Literatur, Links (diese sollten ins Wiki integriert werden)

Entwurf:

Grobkonzept Navigation

Struktur, Positionierung und Interaktionsverhalten der Haupt- und Nebennavigation

interaktiver Struktur-Prototyp zum Explorieren und Diskutieren (neu, Stand 15.09.08)

Hauptnavigation: Horizontal, Positionierung gleichbleibend, Hervorhebung der aktuellen Rubrik

Unternavigation: (bei Bedarf): vertikal (links)

Navigationselemente: Breadcrumb, seitenübergreifende Suche (Achtung, Integration von wiki und Forum beachten), Alternativ-Navigation (z.B. Artikel/Beitrag der Woche, meistgesuchte Begriffe, letzte Forum-Beiträge, letzte Wiki-Änderungen etc.), Sitemap

Anzahl Navigationsebenen: 2

Seitentypen: Forum, Wiki (Startseite, Artikelseiten, Kategorie-Übersichten), (Kleinanzeigen), Home (plus Bild des Tages), Meta (Kontakt, Impressum), Suchmaske, Suchergebnisse, Typen-Datenbank (...).

Seitentyp Bild des Tages

-- Seitentyp Wiki-Startseite: gute Beispiele unter Skipperguide (-> vielfältige Einstiege in die Seite, Seite des Tages etc.), ...

mobile Version? (oder nur CSS für mobile Geräte?)

Wikieinbindung in der Hauptseite

Neben dem Verweis auf die Wiki-Hauptseite sollten vielleicht noch folgende Kategorien direkt von der Home-Seite erreichbar sein:

- Wiki-Hauptseite
- Gewässer
- Outdoor/Ausrüstung
- Grundlagen

In dieser Reihenfolge?

--Georg 11:03, 20. Sep 2008 (CEST)

Backend(s) - technischer Unterbau

Lösungen für Vorgaben aus Informationsarchitektur und Grobkonzept Navigation.

Ideen:

Überbau: statische HTML-Seiten oder CMS? CMS ist u.a. dann besser, wenn viele Seiten (außerhalb Forum und Wiki) häufig und von mehreren Personen geändert werden sollen - ist dies der Fall bei faltboot.org? Contra CMS: komplizierte Einbindung von Forum und Wiki (und evtl. anderer externer Software) - möglichst "sprechende URLs"

- Menü: Verwendung der Yahoo UI Library, hier z.B. Menü mit Submenüs, evtl. aber auch Navigation Tabs
Menü: in Version 1.1 barrierearme drop-down-Menüs, z.B. dies hier: http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp

Forum: Beibehaltung von Foren-Software phorum

Wiki: Beibehaltung von Mediawiki als Plattform. Installation der folgenden Extensions: Simple Calendar oder DPL Calendar (noch evaluieren, ob dadurch die Hauptrubrik "Termine" abgedeckt werden kann - Themen Login, Usability etc.).

visuelles Design

Lösungen für Vorgaben aus Informationsarchitektur, Grobkonzept Navigation, technischer Lösung sowie Übernahme/Weiterentwicklung des visuellen Erscheinungsbildes von faltboot.org

Ideen: starke Einpassung von Forum und Wiki ins Gesamt-Layout, gern analog zu http://culturedcode.com/things/forums/

Farbliche Codierung der unterschiedlichen Hauptrubriken (Forum, Wiki, Typen-Datenbank, Kleinanzeigen, Meta (Startseite etc.)), analog zu BASFoder Spiegel Online.

Farbverläufe und Farbkobinationsvorschläge (von Lutz):
1. Stark vergrößert, die Farbverläufe des derzeitigen Design:

2. Farbvarianten:

Technischer Prototyp

hier ein erster Prototyp, beruhend auf dem barrierearmen YAML-CSS-Framework. --Marian 22:11, 8. Okt 2008 (CEST)

und ein zweiter, erweiterter Prototyp. --Marian 16:18, 15. Okt 2008 (CEST)

Migration

Alte, nicht mehr genutzte Hauptkategorien werden per .htaccess auf Home umgeleitet.

to do: erweiterte Liste der veralteten Seiten erstellen für redirect-Einbindung.
Clean-up der yaml-Dateien (Dateigröße minimieren).
Mobile css-Variante erstellen
Breitenprobleme auf einigen Wiki-Seiten lösen
Hauptseite: Umlaute / Codierungs-Probleme lösen

Inhaltlich: Migration der alten Inhalte (Literatur, Touren, Tipps&Tricks, FAQ) ins Wiki.

Mobile Version

Hintergrundinfos: http://www.webkrauts.de/2006/12/22/internetauftritte-fuer-mobile-endgeraete/

Erster Prototyp

Ich habe den Ansatz von Mike Industries genutzt, um die Inhalte dynamisch für mobile Geräte aufzubereiten. Der Prototyp hat allerdings einige Probleme:

1. Streichen *sämtlicher* Bilder ist mir zu radikal
2. Forum und Wiki funktionieren damit nicht, vermutlich ebenfalls wegen des radikalen Suchen-Ersetzen-Prozesses, der vermutlich die Skript-Ausgaben verstümmelt
3. Typen-Datenbank ist ebenfalls nicht nutzbar, da die Javascript-basierenden Links zu den Typen und Varianten nicht mehr funktionieren.

--> Dann doch besser reine CSS-Lösung ...