Überarbeitung des Wiki-Layouts
Wir haben es uns am Anfang des Semesters zum Ziel gemacht, das Layout von unserem Wiwa zu überarbeiten. Zum einen, damit dieses Projekt optisch ein wenig aufgemöbelt wird und neue potentielle User nicht gleich an Augenkrebs sterben. Zum anderen sollte eine bessere Formatierung auch für uns das Arbeiten erleichtern. Und an einem schöneren Arbeitsplatz arbeitet es sich natürlich gleich viel besser... . Als Grundlage haben wir das Sinorca4MoinTheme verwendet. Das Ergebnis unserer Arbeit ist das WiwaTheme.
Damit ihr einen Einblick bekommen könnt wie das WiwaTheme entstanden ist, haben wir den Verlauf währen des Semesters nachfolgenden festgehalten.
Der Weg der Entwicklung
Das modern-Theme
Das ist das ursprüngliche Design des Wikis. attachment:modern.jpg
Das sinorca4moin-Theme
Da wir das Wiwa nicht von grundauf neu aufbauen konnten, mussten wir uns ein sog. "Style" aussuchen, eine Designvorlage die es dann anzupassen galt. attachment:sinorca.jpg
Unser Wunschdesign
Nach längeren Diskussionen gestalteten wir uns zuerest einmal unser Wunschdesign. http://www.winterwind.de/studium/wiwa/vorstellung.jpg
Erklärung der Elemente
So ungefähr haben wir uns das am Anfang unserer Arbeit vorgestellt. Komplett war das Design so nicht zu realisieren, da beispielsweise das Versetzen des Suchfunktion nicht realisierbar war... vorerst. Folgende Elemente waren uns konzeptionell wichtig:
- Oben der (nicht zu breite) Header:
- Ein Symbol für das WiWA (vielleicht das große "W" mit dem Athenekopf im Hintergrund?)
- Computertastatur im Hintergrund
Ein Farbverlauf damit's ein bissl Fesch aussieht und wir von diesem Zwei-Farben-Informatikerforum-Schema weggkommen
- Für den Hauptschriftzug ein Font mit Serifen (z.B. good old Times New Roman)
- Ein Symbol für das WiWA (vielleicht das große "W" mit dem Athenekopf im Hintergrund?)
- Hauptnavigation links
- Einzele Boxen für die einzelnen Bereiche der Navigation
- Eine gut strukturierte Textformatierung, damit beispielsweise die einzelnen Überschriftsgrößen auch von Inhalt her Sinn machen.
Weit über die Ziele hinaus
Wir mussten schnell feststellen, dass wir mit unseren Vorstellungen und unserer Arbeitsweise nicht sehr weit kamen. Wir arbeiteten nur zu dritt und schlossen die anderen Kursteilnehmer unbeabsichtigt aus unseren Konzepten aus - was man an folgenden Kommentaren ablesen kann:
Noch eine ganz grundsätzliche Anmerkung: Unsere Kritik betraf nicht nur, dass ihr euch ein zu hohes Ziel gesteckt habt, sondern, dass ihr alles von 'innen' heraus aus eurer Arbeitsgruppe entwickelt habt. Ihr hattet euch abgeschottet. Daher möchte ich euch bitten, euch auf die Änderungen zu konzentrieren, die von den Usern in Reaktion auf das Sinorca4MoinTheme kamen (sieh mein Kommentar dazu). UserInput kann man nicht erzwingen, man kann nur etwas anbieten, was User benutzen und ihnen zeigen, dass man ihre Anmerkungen und Kritik ernst meint. -- ChristophKoenig DateTime(2007-06-26T14:54:43Z)
Hallo Gruppe Layout, ich bin ein Alter Hase und verfolge eure Arbeit schon eine ganze Weile. Ich habe aber derzeit das Gefühl, dass ihr euch wenig "verrennt". Ich finde euren Denk-Ansatz prinzipiell sehr gut, jedoch denke ich, dass ihr in Anbetracht des bald endenden Semesters in Zeit-Nöte geraten könntet. Da ich schon eine Weile dabei bin, also quasi von Anfang an, könnte ich euch, wenn ihr wollt, ein bissel helfen, was orga und struktur angeht. Würde mich sehr freuen, wenn ihr euch melden würdet. Beste Grüße TimoHartmann
ToDo Liste des Projektes
Auf der Seite Sinorca4MoinTheme werden die genauen Änderungen beschrieben, die wir angehen wollen. Folgende Punkte stehen (mehr oder weniger auch in dieser Reihenfolge) an:
- Die Schrift der "Zuletzt besuchten Seiten" größer machen
- Die Neuformatierung des Textkörpers. Sinorca ist zwar nett aufgebaut, aber das Format des Textes selbst ist nix (zu wenig Absätze, viiiel zu eng alles, Überschriften werden nicht gescheit genutzt)
- Die Neugestaltung des Headers.
- Die Neugestaltung des Navigationsmenüs auf der linken Seite
- Vergrößerung der Icons zum Bearbeiten des Textes
- Formatieren der Statusmeldungen, wenn man etwas gemacht hat.
Weiterer Verlauf
Nachdem wir unsere Erwartungen etwas heruntergeschraubt hatten, stürzten wir uns wieder in die Arbeit. Wie dann alles weiter ging könnt ihr auf der Seite WiwaTheme nachlesen. Das wiwa Layout ist auch nach diesem Semester noch nicht in der Form, wie unsere Gruppe sich das vorgestellt hat. Auf WIwaTheme gibt es noch viele Sachen, die noch nicht erledigt sind oder noch nach unserer Aufmerksamkeit verlangen. Henry wird das Design auch noch während der vorlesungsfreien Zeit weiter entwickeln.
Diskussion zu Christophs Smiley
Was für einen kurzen Zeitraum zu starken Diskussionen geführt hatte, war der Smiley, den ihr oben links im Header bewundern dürft (sofern ihr das richtige Theme ausgewählt habt). Im folgenden könnt ihr die Diskussion bei Interesse nachlesen.
Also ich finde das Logo könnte schon bebehalten werden, jedoch sollten wir es irgendwie eingliedern, denn wenn man es so läst und einfach irgendwo hinschiebt, dann passt das alles nicht so wirklich. Vielleicht könnten wir die Idee weiterverfolgen es in den Header einzugliedern. So bleibt es erhalten, wie Christoph es gerne hätte und wir können es dem Ganzen Layout anpassen. -- MareikeSigloch DateTime(2007-06-26T16:33:25Z)
Also ich muss auch sagen, finde das oben dargestellte Layout wirklich wesentlich ansprechender und auch professioneller irgendwie. Das Smiley muss auf jeden Fall angepasst werden, sonst passt das mit dem Layout wirklich nicht zusammen. Das neue Layout zu realisieren, ist das viel Aufwand? Ich meine damit, es einzubinden? Auf jeden Fall ist das allein schon ein riesen Schritt in die richtige Richtung und weg von dem "Under Construction" Design ;). Bin mal gespannt. -- TimoUndGregor DateTime(2007-06-28T19:19:50Z)
Von den drei oben dargestellten Smiley Alternativen gefällt mir unser alter am besten. Ich finde das mit der Bommel vor dem Auge ganz witzig und würde dabei bleiben. -- AnnaHerbst DateTime(2007-06-30T11:18:41Z)
Ich habe den jetzt auch erstmal so eingebaut. Heute Abend ist auch der Header online... und zwar so dass ihn auch der INTERNET EXPLORER frisst... argh, scheißteil. Glaube ich habe den ganz gut eingebaut bekommen, sieht momentan von der Struktur her so aus: "WI
WA", also den Smiley als mit in den Namen integriertes Element. @TimoUndGregor: Ja ist schon viel Aufwand, dadurch dass ich leider an vielen Stellen nur gefährliches Halbwissen habe summiert sich das natürlich noch mehr! Aber ein Ende ist in Sicht. -- HenrySpielhoff DateTime(2007-06-30T15:03:39Z)
Hey, ich muss Anna zustimmen, dass von den dargestellten Smileys, der alte der schönste ist; wenn es schon einen neuen geben sollte, dann doch einen nicht handgemalten. Wobei das handgemalte einen gewissen Charme hat. TimoHartmann 02.06.2007, 11:12