Hier findet ihr die Diskussion zu der Seite WiwaTheme.
Der Text ist Resultat eines langen Usability-Tests von unserer Seite aus. Wir haben viele Seiten des Wiwas angeschaut, verbesert, wieder umgeforden und uns überlegt, wie wir es übersichtlicher gestalten können. Trotzdem und gerade deshalb brauchen wir dringend Userinput! Wie findet ihr die aktuellen Änderungen? Gibt es auf den Seiten die ihr gerade in Arbeit habt Probleme mit der neuen Formatierung? Sieht irgendwas in eurem Browser seeehr seltsam aus? Bitte alles hier rein! -- HenrySpielhoff DateTime(2007-06-26T19:41:02Z)
Hallo, also dass die Trennlinien zwischen manchen Überschriften (sprich H3?) z.B. beim ["FAQ"] weg sind, finde ich sehr gut. Das sah wirklich etwas unübersichtlich aus. Dass der Zeilenabstand vergrößert wurde finde ich persönlich irgendwie nicht so gut. Gefällt mir vor allem auf der StartSeite nicht, da man bisher gleich alles im Blick hatte und nun runterscrollen muss. Das ist das was mir bisher aufgefallen ist... -- JuliaHöhl DateTime(2007-06-26T21:29:15Z)
Hi Julia! Der Zeilenabstand ist wirklich nur der Abstand der einzelnen Fließtextzeilen zueinander, was du meinst sind die Textblöcke bzw. die Listen... was auf der Startseite gerade wirklich etwas blöde kommt. Die FAQ sehen natürlich gerade sehr smooth aus!
Hab's auf die Liste gesetzt, vielen Dank für's Feedback! -- HenrySpielhoff DateTime(2007-06-26T22:07:56Z)
Ergänzung: Ich habe gerade mal mein css wieder raus genommen um zu sehen, wie die Startseite denn "unplugged" im sinorca ausschaut - da stimmt scheinbar derzeit auf der Seite selbst etwas nicht.-- HenrySpielhoff DateTime(2007-06-26T22:30:33Z)
Tach auch, also ich finde das CSS im großen und ganzen richtig gut. Nur ist es, wie Julia es schon sgate, auf der Startseite etwas unübersichtlicher geworden. Zum Browser: Ich nutze Firefox und hier siehts super aus. Ansonsten würde mich folgendes interessieren: Muss jeder User, der sich jetzt neu anmeldet, den Link für das CSS in seinen Einstellungen eingeben? Wenn ja, wäre das ziemlich umständlich. Könnte man dies standartisieren? Zudem würde mich mal interessieren, wie das ganze Wiwa im Blocksatz aussehen würde! Beste Grüße -- ChristianBorn DateTime(2007-06-27T10:05:11Z)
Blocksatz ist im Original-css vorgesehen, allerdings auskommentiert - was wohl darauf schließen lässt, dass irgend ein Browser dabei Zicken macht (mittlerweile habe ich die Wörter "O P E R A" und "S A F A R I" schon fast mit den Fingernägeln in meine Schreibtischplatte geritzt...argh)! Das mit dem extra Einfügen des css ist zwar umständlich aber auch nur eine Zwischenlösung bis das ganze WiwaTheme fertig ist. Stichwort... ich mach mir jetzt 'n Caipi und setz mich an den Header. -- HenrySpielhoff DateTime(2007-06-27T13:48:36Z)
Sieht mit Firefox schon schön aus. Mal was anderes wenn man sonst nur das alte Layout kennt. Etwas schade finde ich, dass die Icons oben rechts sehr klein sind und man erst sieht was diese machen wenn man mit dem Cursor etwas länger drauf geht. Da finde ich die alte Darstellung praktischer -- DanielClaasen DateTime(2007-06-27T15:02:24Z)
Hmm... an den Icons habe ich noch gar nichts gedreht... sind nur etwas weiter auseinander gerückt (wird korrigiert), aber Größe und Bezeichnung ist wie beim original Sinorca4MoinTheme. Bist du sicher, dass sich was geändert hat? Geplant ist, die Icons mindestens eineinhalb mal so groß zu machen und auch etwas aussagekräftiger zu gestalten, weil man die Teile ja schon sehr oft benutzt. -- HenrySpielhoff DateTime(2007-06-27T16:52:55Z)
Hallo, schön, dass hier so viel los ist.
Was mir noch einfällt:
- Der Header ist ja immer noch so groß. Henry, ich kann irgendwie nicht glauben, dass {{{#logo h1 {display:none;}
}}} nicht einfach die Überschrift aus den Header nimmt. Bei mir klappts
Die ausgerückten Überschriften bringen mir etwas zu viel unruhe rein. Vielleicht nur eine Ausrückungstiefe? Außerdem darfst du nicht machen indem du dem p Element immer ein margin-left gibst, denn das kann ja auch in listen oder so drin sein. Ich glaube das bringt auch die einrückung der Listen durcheinander. Entweder du sagst sowas wie {{{body>p, body>ul, body>ol, body>dl, etc {margin-left: 30px;}
}}} oder sowas wie {{{body {padding-left: 30px;} h1 {margin-left:-30px;} }}} Eine andere Möglichkeit, mehr Übersichtlichkeit in die Überschriften zu bekommen, die ohne die Ausrückung auskäme, wäre, die Hintergründe der Überschriften farbig zu machen. http://wiki.musicbrainz.org macht das für H2 und das sieht gar nicht schlecht aus. -- ChristophKoenig DateTime(2007-06-27T17:35:10Z)
Yeah... Userinput rockt!
An der Unruhe ist was dran, aber generell den Text unter der Überschrift ein Stück einzurücken finde ich sehr sinnvoll. Das mit dem Farbverlauf hinter der Überschrift sieht natürlich auch gut aus. Bin jetzt doch erst am Menü, Header kommt dann. Das klappt bestimmt und deine Ratschläge oben werde ich natürlich auch berücksichtigen, aber wie gesagt - ich muss mich in (sehr) vieles erst reinlesen da ich Laie bin. Sitze jetzt schon den dritten Tag vollzeit dran. Würde vorschlagen, dass wir die Technik-Diskussion auf der HenrySpielhoff Seite weiterführen, da die anderen damit wahrscheinlich wenig anfangen können.-- HenrySpielhoff DateTime(2007-06-27T17:53:03Z)
Also Henry, großes Kompliment. Deine Umsetzung sieht richtig super aus. Auch wie du den Smiley eingebunden hast
-- MiriamSchwebel DateTime(2007-07-01T16:42:22Z)
Ihr könnt mich ja morgen als Dank mit Vanillocino vom Automaten in der CSW vollstopfen!
Ernsthaft: Ohne unsere prima Vorlage wäre da gar nix gegangen. Neben viel Erfahrung in CSS habe ich diesbezüglich noch was für neue Web-Projekte gelernt - niemals ohne Vorlage anfangen.
Hi! Ich finde es auch super, nicht zu viel und nicht zu wenig. Man fühlt sich gleich angesprochen und bekommt Lust weiter zu schauen und hat nicht Angst "Augenkrebs" von der Seite zu bekommen.
Also wirklich schöner Header, hast du super hinbekommen Henry! -- MareikeSigloch DateTime(2007-07-02T06:49:32Z) Achja und das mit dem Vanillocino geht klar!
/!\ Ab hier bitte den vereinbarten Stil für DiskussionAufDiskussionsSeite verwenden!
- Wow, wie der Smiley eingebunden ist, gefällt mir sehr! Ich habe mal das HTML geändert, damit du "Wiwa: Wiki zum wissenschaftlichen Arbeiten" in den Titel tun kannst. Wenn du es anders brauchst, schick mir einfach einen HTML Schnipsel
Wenn du mir das Logo so, wie du es gmeacht hats ohne den Hintergrund (mit png alpha transparenz) schickst, dann ersetze ich das alte logo damit. Dann käme man nämlich auch wieder durch klicken des Logos auf die Startseite (wichtig!).
Aber diese Einrückung der absätze macht ganz schön viel kaputt: Auf VierzehnteSitzung ist die Auflistung verrückt, die hr Elemente sind nochmal extra eingerückt, etc. Im Zweifelsfall würde ich das erst ein Mal wieder rückgängig machen. -- ChristophKoenig DateTime(2007-07-02T12:03:46Z)
Hallo, Kompliment, das Aussehen des Wiwas hat sich echt zu seinem Vorteil verwandelt! Ich habe nur ein Problem... Meinen Curser kann ich nicht direkt im Suchfeld oben rechts positionieren, ich muss ein wenig unter dem Feld klicken, damit er meine Maus erkennt. Ich habe einen Mac und es scheint, als ob die sensitiven Regionen von "Einstellungen" und "Abmelden" irgendwie halb über dem Suchfeld liegen. -- AntjeMüller DateTime(2007-07-02T20:00:19Z)
Noch etwas: Die Infobox ist sehr schick, aber dadurch, dass sie so schmal ist, nimmt sie irre viel senkrechten Platz weg. Und der ist doch so kostbar... Kannst du der nicht eine relative breite geben? -- ChristophKoenig DateTime(2007-07-03T09:42:14Z)
- Hallo Leute!
Einrückung: Erledigt.
Suchfeld: Erledigt.
Infobox: Ich verwende hier daheim zwei 19 Displays und bei 2560x1024er Auflösung kommt die Größe der Suchbox da genau richtig...
Habe aber gestern am Laptop auch gesehen, dass das Ding viel zu groß ist und werde es beheben, da unsere Hauptzielgruppe ja wahrscheinlich auch Studenten mit Notebook sind. Eine interessante Entwicklung übrigens - vor drei Jahren wurde ich bei den Vorlesungen im Schloß noch ganz dumm angeschaut, wenn als Einziger mein Notebook ausgepackt habe!
-- HenrySpielhoff DateTime(2007-07-03T11:58:06Z) - Nochwas: Der pagetrail und der Strich darunter gehören nicht zum selben element. Dadurch ist der Strich nicht mehr unter dem pagetrail, wenn der umgebrochen wird. So:
- attachment:wiwa-pagetrail.png
Hallo Layout-Leute, ws ich schon auf der "Haupt-Seite" von euch vorgeschlagen habe, auch hier: Probiert es mal mit einem Inhaltsverzeichnis. Das hat sich bei den alten Seite sehr bewährt und lässt sie auch übersichtlicher erscheinen. Das dauert, bis man sich auf dieser Seite hier bis zum eigentlichen vorgekämpft hat. (Das soll konstruktiv sein, was ich hier von mir gebe, ich hoffe, es kommt auch so rüber
) PS: Das neue Layout, lässt es sich komplett so realisieren, sieht sehr geil aus
TimoHartmann 07/06/07, 11:11
