Projekt neue Startseite

Projekt: Neue Startübersicht

Auftrag/Ziel

Das Ziel des Projektes ist ein Entwurf für eine neue Home-Seite mit detaillierter Beschreibung des Inhaltes und der Funktionalität, einem HTML-Gerüst, zugehörigen CSS-Dateien für die Home-Seite und Popups, Grafiken sowie Quellcode für verwendete JavaScript- bzw. AJAX-Elemente und falls möglich eine Beschreibung eines Corporate Designs mit Schriftart, Farben, etc..

Vorgaben

• Die Struktur der Seite mit Kopfleiste, Hauptteil mit Navigation rechts und Fußleiste muss erhalten bleiben
• Die Breite der Seite und die Breite der Navigation muss bleiben
• Das Logo muss in die Kopfleiste integriert werden
• Vorgeschriebene und wesentliche Elemente wie Impressum, Login-Funktion etc. müssen bleiben
• Die Grundfarbe sollte weiterhin Blau sein
• Kein Flash, nur HTML, CSS, JS und PHP
• Werbung muss bleiben

Projektabschnitte

Das Projekt ist inhaltlich in drei Abschnitte unterteilt, die sich aber zeitlich und organisatorisch überlagern können:

• Festlegung der Inhalte
• Entwicklung des Designs
• Technische Umsetzung

Projektabschnitt Festlegung der Inhalte

Dieser Abschnitt beinhaltet selbst einige Zwischenschritte.

• Zu klärende Fragen sind:
  • Welchen Zweck soll die (neue) Startseite erfüllen?
  • Welche Zielgruppe(n) soll die (neue) Startseite ansprechen?
  • Welche vorhandenen Inhalte passen zum beabsichtigen Zweck und zur anvisierten Zielgruppe?
  • Welche neuen Inhalte können zum beabsichtigen Zweck und zur anvisierten Zielgruppe passen?
• Zu entwickelnde Inhaltsteile sind:
  • Kopfzeile (inkl. Logo)
  • Hauptfenster/Inhaltskasten (inklusive oder exklusive der linken Navigationsleiste)
  • (rechte) Navigationsleiste
  • Fusszeile

Dabei sind die Vorgaben zu beachten!

• Arbeitsweise/Vorgehen:

Es wurde in der Projekt-Initiative viel diskutiert und es wurden verschieden Vorschläge gemacht, die am Ende zu einem umfassenden Vorschlag zusammengefasst werden, auf dessen Grundlage die Entwicklung des Designs und die technische Umsetzung erfolgen kann. Zudem wurden in Kanzlerumfragen die Meinungen der Community eingeholt, die ebenfalls in die Vorschläge eingeflossen sind.

Ergebnisse

• Welchen Zweck soll die (neue) Startseite erfüllen? / Welche Zielgruppe(n) soll die (neue) Startseite ansprechen?
  • schneller Überblick über aktuelle Diskussionen/Umfragen, Aktionen und wichtige Institutionen
  • für Gäste, Neumitglieder und Altmitglieder
  • unkomplizierter Einstieg für Neumitglieder
  • Verlinkung auf Infos zu Verfahrensweisen und der Spielidee
  • Überblick über eigene (user-bezogene) wichtige Informationen (Mails, Meinungen, Initiativen, Partei)
  • übersichtlicher Zugang zu den wesentlichsten Features in einer logischen Struktur
  • Interesse wecken
  • Möglichkeit, Themen-bezogen oder Saison-bezogen zu gestalten (z.B. zur WM oder zur Bundestagswahl)

Zusammenfassend lässt sich sagen, die (neue) Startseite soll ein zentraler Informationsort sein, wo alle Besucher (Gäste, Neu- und Altmitglieder) sich relativ schnell einen Überblick verschaffen können über wesentliche Features bei dol2day. Sie soll aufgeräumt und nicht überladen sein, eher grafisch als textlastig sein und sie soll auch Akzente setzen.

• Welche vorhandenen Inhalte passen zum beabsichtigen Zweck und zur anvisierten Zielgruppe? / Welche neuen Inhalte können zum beabsichtigen Zweck und zur anvisierten Zielgruppe passen?
  • Kanzlerumfrage: Würdest du eine individuell einstellbare Navigationsspalte begrüßen? Ja 51,7%, Nein 15,0%, Unentschlossen 16,7%, Enthaltung 16,7%
  • Kanzlerumfrage: Fändest du es gut, wenn es auf der Startseite Links zu den neuesten Parteiseitenbeiträgen der Parteien gibt? Ja 47,3%, Nein 20,0%, Unentschlossen 12,7%, Enthaltung 20,0%
  • Kanzlerumfrage: Wie findest du diesen Vorschlag für die Inhalte des Hauptfensters der Startseite? (siehe entsprechende Kanzlerumfrage) (Eher) Gut 54,0%, (Eher) Schlecht 10,0%, unentschlossen/uninteressiert 20,0%, Enthaltung 16,0%

Unter Berücksichtigung der Kanzlerumfragen, interner und externer Diskussionen und auch schon älterer Diskussionen lässt sich feststellen, dass die aktuelle Seite zu überladen und dadurch unübersichtlich erscheint. Wichtige Institutionen sind nicht sofort zu finden, einige Informationen sind mehrfach zu finden und es lassen sich keine wesentlichen Akzente erkennen. Die neue Startseite soll daher eindeutige Akzente setzen, einen einfachen und schnellen Überblick ermöglichen und wichtige Informationen zentral anbieten. Darüber hinaus soll den Mitgliedern die Möglichkeit geboten werden, Informationen und Links individuell zu gestalten.

Wesentliche Akzente

Für die einzelnen Inhaltsteile sollen Akzente durch die Einbindung folgender Elemente gesetzt werden:

• Kopfzeile:
  • Logo, Direktlinks zu Profil und Mail, Suchfunktion, individuelle Favoriten, Pop-Ups/Links zu Hilfe, Institutionen, Umfragen und Parteien

Da die Kopfzeile bei allen Seiten zu sehen ist, soll sie ein Ort sein, von wo aus man schnell wichtige Bereiche innerhalb dol2days erreichen kann. Dabei soll sie aber nicht überladen, sondern eher schlank sein.

• Hauptfenster/Inhaltskasten:
  • user-bezogener Überblick über eigenen Status/wichtige Infos: es soll ein Kurzüberblick geboten werden über neue Mails, neue Beiträge in Initiativen und Partei und über letzte Meinungen. Dieser Bereich ersetzt NICHT das Profil, sondern bietet einen Schnelleinstieg.
  • Umfragen und Diskussionen sind DAS zentrale Element eines Diskussionsforums und müssen daher zentral erreichbar sein.
  • Internetregierung: Werde Kanzler! Ist DER Werbespruch von dol2day und die Kanzlerschaft ist ein echtes Alleinstellungsmerkmal. Daher soll dieser Bereich zentral sichtbar sein. Hier kann die Regierung wichtige Informationen verbreiten. Mit einem editierbaren Textfeld sind solche Infos schneller sichtbar als mit dem aktuell sehr versteckten Link auf Kanzlerinfos.
  • Community: dol2day bietet eine ganze Menge an Beteiligungsmöglichkeiten, an Mitsprache- und Mitmachrechten, sowie an internen und externen Communityaktivitäten. Diese sollen hier zusammenfassend präsentiert werden (von Mods und SG bis zu RL-Treffen und Photos davon)
  • Parteien bei dol2day: Parteien sind ein wichtiges Element in einer politischen Simulation, daher sollen auch sie zentral präsentiert werden. Um die Rolle der Parteien als Meinungsbilder zu stärken, sollen aktuelle Texte der Parteien zentral verlinkt werden.
  • Redaktion/News: ohne Redaktion läuft nichts! Von der Startseite aus sollen wichtige Infos und Kontaktmöglichkeiten auffindbar sein.
  • Sonderaktionen: neben diesen Akzenten gibt es unregelmäßige und regelmäßige Sonderaktionen, die dann zentral auf der Startseite beworben werden sollen, das betrifft vor allem die Kanzlerwahl.

• (rechte) Navigationsleiste:

Da die User sehr unterschiedliche Informationen bevorzugen, sollen sie die Möglichkeit erhalten, in der Navigationsspalte die Auswahl und Anordnung von Navi-Blöcken individuell zu gestalten. Vorerst gilt das nur für die Startseite, grundsätzlich wäre es aber wünschenswert, diese Navigation für alle Seiten zu übernehmen und so für jeden User überall gleich zu präsentieren. Für Gäste und für User, die nichts einstellen wollen, wird eine sinnvolle Default-Einstellung angeboten.

• Fusszeile:

Die Fusszeile beinhaltet typische Elemente wie Impressum, Kontakt, AGB usw.

Konkreter Vorschlag für zu berücksichtigende Inhalte

Auf Basis der vorangehenden Überlegungen ergibt sich folgender konkreter Vorschlag, der als Grundlage dienen soll für die Design-Entwicklung und die technische Umsetzung:

Kopfzeile

Folgende Inhalte sollen in der Kopfzeile zu finden sein:

• Logo
• Profil (Link)
• Mail (Link + Anzeige neue Mail=grün)
• Initiativen (Pulldown-Menü)
• Favoriten (Pulldown-Menü?)
• Suche (Pop-up, modaler Dialog)
• Chat (Link)
• Online-Anzeige + Logout/Login
• Umfragen (Pop-Up)
• Institutionen (Pulldown-Menü)
• Parteien (Pulldown-Menü)
• Hilfe (Link)

Vorschläge:

• http://euronymous.solesystems.de/head.htm
• http://euronymous.solesystems.de/headslide.html
• http://euronymous.solesystems.de/headerfixed.html

Hauptfenster/Inhaltskasten

Vorschlag:

• http://www.dol2day.com/index.php3?position=14000&ini_id=424

Muss auch nicht so überladen sein, aber es soll zeigen, dass man auch gut mit Icons arbeiten kann. Beim Klickenöffnet sich ein Dialog oder Pop-Up mit entsprechender Anzeige oder einem Auswahlmenü.

Das Hauptfenster der Startseite hat eine Breite von 600 px.

Es ist der zentrale Ort für entscheidende Elemente bei dol2day. Hier bekommen User und Gäste einen Überblick über die wichtigsten Institutionen und Spielelemente. Man sieht auf einen Blick, was es neues gibt. User sehen, ob es neue Mails, neue Beiträge in Initiativen und Parteien oder Antworten auf die letzte Meinung gibt. Und man sieht die aktuellen Umfragen und Diskussionen, aktuelle Informationen aus dem Kanzleramt und die neusten Beiträge der Parteien. Zur Kanzlerwahl werden hier die Kandidaten präsentiert und bei gelegentlichen Sonderaktionen werden diese hier zentral angezeigt.

Im Hauptfenster der Startseite werden verschiedene Bereiche angelegt:

1. Dein Status: Überblick wichtiger User-Daten/Links usw. (für Gäste: Herzlich Willkommen + Anmeldung + Infos usw.- noch fraglich!?!)
2. Umfragen/Diskussionen
3. Internetregierung
4. Community
5. Parteien
6. Redaktion/News
7. Kanzlerwahl und Sonder-Aktionen/Ankündigungen --> Da muss dann ein extra Bereich eingeschoben werden (am besten ganz oben oder an zweiter Stelle unterhalb des Status-Bereichs)

1. Dein Status

1.1für Mitglieder

Dieser Bereich gibt den Usern einen schnellen Überblick neue Mails, neue Beiträge in Initiativen und Parteien oder Antworten auf die letzte Meinung, sowie einige Informationen zu ihrem Account. In diesem Bereich kann man sich auch ein- und ausloggen.

• Überschrift des Bereichs: Dein Status -Nickname-
• in der ersten Zeile sind vier Kästen zu sehen: Online, Mail, Initiativen, Partei

• Online:
  • Dieser Kasten ist grün hinterlegt, wenn man eingeloggt ist und rot, wenn man ausgeloggt ist.
  • Wenn man ausgeloggt ist, befinden sich direkt unterhalb des Kastens zwei Felder zum Einloggen: Nickname und Passwort, darunter eine Schaltfläche Anmelden
  • Wenn man eingeloggt ist, befindet sich direkt unterhalb des Kastens eine Schaltfläche Abmelden, mit der man sich ausloggen kann.
• Mail:
  • Dieser Kasten ist grün hinterlegt, wenn man neue Mails hat und rot, wenn man keine neuen Mails hat.
  • Mit einem Klick auf den Kasten öffnet sich die Mailbox als Pop-Up.
• Initiativen:
  • Dieser Kasten ist grün hinterlegt, wenn es neue Beiträge in eigenen Initiativen gibt und rot, wenn es keine neuen Beiträge in eigenen Initiativen gibt..
  • Mit einem Klick auf den Kasten öffnet sich die Übersicht eigene Initiativen als Pop-Up.
• Partei:
  • Dieser Kasten ist grün hinterlegt, wenn es neue Beiträge in der eigenen Partei gibt und rot, wenn es keine neuen Beiträge in eigenen der Partei gibt..
  • Mit einem Klick auf den Kasten wird in einem neuen Fenster das interne Forum der eigenen Partei aufgerufen.
  • Bei Volksangehörigen wird zur Ini Volk verlinkt.

Unterhalb dieser vier Kästen befinden sich 3 Spalten: Deine Umfragen, Deine Meinungen und Deine letzte Meinung.

• Deine Umfragen:
  • Ähnlich wie beim Profil steht hier Du hast bisher xxx Umfragen gestellt.
  • Durch einen Klick auf den Text öffnet sich die Übersicht eigener Umfragen als Pop-Up.
• Deine Meinungen:
  • Ähnlich wie beim Profil steht hier Du hast bisher xxx Meinungen geschrieben
  • Durch einen Klick auf den Text öffnet sich die Übersicht eigener Meinungen als Pop-Up.
• Deine letzte Meinung:
  • Ähnlich wie beim Profil wird hier die letzte geschriebene Meinung angezeigt.
  • Danach steht da, wieviele Meinungen es noch danach gab: Noch xx Meinungen danach und von wann die letzte ist: Letzte: 19.03.2010 06:10.
  • Dann kommt ein Link: zur Meinung, mit dem zur letzten Meinung kommt.

1.2 für Gäste

• Überschrift: Herzlich Willkommen bei dol2day
• kurzer Einleitungstext (Was ist dol2day? Was kann man machen?)
• wichtige und sinnvolle Links (überarbeitete? Oberfläche von der Einsteiger-Ini?)
• Link zum Anmelden
• AGBs

2. Umfragen/Diskussionen

• Aktuelle Umfragen (die letzten 10)
• Aktuelle Diskussionen (die letzten 10)
• Link zum Umfragen-Popup
• Sonntagsfrage

3. Internetregierung

• Kanzlerbild
• Link Doliszite (Volksabstimmungen)
• Link Mitgliederbefragungen
• Links zu den Foren der Internetregierung
• Link Info-Account der Internetregierung
• Link Kanzleramt
• ein frei editierbares Textfeld für Infos der Regierung

4. Community

• Link Mods (+kurze Erklärung)
• Anzeige Mods online
• Link SG (+kurze Erklärung)
• Link dol-Gesetzbuch
• Link Dolex
• RL-Treffen
• Chats
• Neumitglieder-Betreuung (Tutor-Ini)

5. Parteien

• Parteien (Top5) + Link zur Übersicht alle Parteien
• Aktuelle Startseitentexte der Parteien (die letzten 3) mit Titel/Schlgazeile, kurze Inhaltsangabe/Leseprobe, Link und entsprechendes Parteilogo (einzugeben über ein Tool für Partei-Admins, Kontrolle durch Redax und Regierung)

6. Redaktion/News

• News der Redaktion
• kurze Vorstellung der Redaktion/Aufgabengebiete
• Anzeige Redakteure online
• Kontakt
• offenes Redax-Forum
• Technik-Forum

Navigation (rechts)

1. Navi links auflösen 2. in der Navi rechts alles zusammenfassen

• die Navi rechts soll individuell editierbar sein, d.h. die User können über ein Menü auswählen, welche Navi-Blöcke angezeigt werden und welche Priorität sie haben (=an welcher Stelle sie sind)
• evtl. könnte man einzelne Blöcke als fix und nicht veränderbar/auswählbar festlegen (welche?)
• Default-Einstellung für Gäste und für User, die nicht selbst gestalten

Auswälbare Blöcke:

• dol2day-Chat
• DORA (+Dora-Twitter-Link)
• dailydol
• Schlagzeilen
• Ansprechpartner
• Highscore
• News/Termine
• Chatevents
• RL-Treffen
• Wahlkampfbanner (in Wahlkampfzeiten) (in Umfragen/Diskussion, auf der Startseite, ebenfalls auswählbar, als Default gesetzt)

Default-Einstellung:

• dol2day-Chat
• Schlagzeilen
• News
• DORA
• dailydol
• Live-Chats
• Wahlkampfbanner

Auswahl-Menü:

• zu öffen über einen Link in der Navi "Persönliche Einstellungen"
• Auswahl der möglichen Blöcke per Checkbox
• Anordnung der Blöcke über Vergabe von Präferenzen (1-10) (oder Drag&Drop?)
• "Einstellungen speichern"

Aktuell gilt das nur für die Startseite! In einem späteren Schritt könnte man das aber auch für die Umfrage-/Diskussions-Seiten übernehmen. (wäre eine Entscheidung von rDa, was da sinnvoll ist)

bei Umfragen und Diskussionen haben wir in der Navi rechts:

• dol2day-Chat
• DORA
• Schlagzeilen
• Highscore
• Ansprechpartner
• Termine

Fusszeile

• Kontakt
• Impressum
• Unterstütze dol2day!
• Dol-Verein
• Partner

noch ungeklärt:

• Chat-Transkripte
• AGB/Datenschutz
• Bookmarks

Vorschlag für Bookmaks:

• http://www.14mb.de/u/baubude/N22.html

Projektabschnitt Design

Farbschema

Vorgabe: Die Grundfarbe sollte weiterhin Blau sein

aktuelles Farbschema:

Links

• Ankündigung/Projektbeschreibung
• Projekt-Initiative