Feedback für neues Design von debian.wgdd.de
Daniel Leidert
Ich betreibe schon seit geraumer Zeit einige private Seiten, die sich mit
Debian beschäftigen - mein Beitrag für Debian. Die Seiten enthalten
Debian-Pakete, Anleitungen, Informationen zu meiner Hardware und Links.
Leider gestattet mit das alte (und gut getestete) Design nicht,
Unterpunkte zu einzelnen Hauptthemen anzulegen. Deswegen habe ich vor
kurzem einen Neustart begonnen. Ziel ist, dass die alte Optik erhalten
bleibt, aber (hoffentlich) verbessert wird (also mir die Pflege
erleichtert wird). Zusätzlich sollen die Maßgaben der WCAG 1.0/2.0 (bis
Level AA) Beachtung finden. Es wird nur XHTML und CSS benutzt (soll
später mal dynamisch generiert werden). Daher hier meine kurze Bitte, mir
etwas Feedback zu geben. Hier das neue Design auf einer Testeite:
http://debian.wgdd.de/test/design.html
http://svn.wgdd.de/websvn/wsvn/Private%20projects/sinorca_custom_dale/
branches/rewrite/design.html
Von Firefox über Opera, Konqueror, Epiphany, Galeon, ... sieht es
einheitlich aus. Mit Text-basierten Browsern bin ich auch zufrieden.
Bekannt ist mir bis jetzt, dass der IE7 ein Problem hat. Alle anderen
Versionen des IE funktionieren jedoch (IE5.5 und IE6 können die Seiten-
Navigation nicht fixieren). Ungetestet sind Safari und Chrome.
Schon jetzt ein "Danke" für alle Hinweise und Kritiken.
MfG Daniel
Harald Muehlboeck
> Ich betreibe schon seit geraumer Zeit einige private Seiten, die sich mit
> Debian besch�ftigen - mein Beitrag f�r Debian. Die Seiten enthalten
> Debian-Pakete, Anleitungen, Informationen zu meiner Hardware und Links.
>
> http://debian.wgdd.de
Ich komme nicht dahinter, was /mir/ die Seiten bringen sollen. Mir ist
nicht klar, ob die Seite ein Angebot f�r Infomrationssuchende zu einem
Bestimmten Thema ist, oder ob Du Dich und Deine Linuxaktivit�ten
vorstellen willst. In ersterem Fall sollte ein �berblick �ber die
Information, die zu finden ist, gegeben werden. In letzterem Falls
sollte die Seite pers�nlicher z.B. mit Bildern von dir und deinem
Rechner gestaltet werden.
Auf den Seiten �berwiegt die Werbung. Diese dr�ngst sich aggresiv in
den Vordergrund und �berdeckt sogar die Haupt�berschrift. Generell mag
ich diese Meinungswerbebanner nicht. ... Naja, ich mag sie schon, wenn
sie sparsam und zeitlich begenzt eingesetzt werden. Wenn der Autor
damit sagt: "Dieses Thema ist mir im Moment so wichtig. Daf�r mache
ich meine Home-Page kaputt." Aber die Seite macht den Eindruck, als
h�ttest Du alles zusammengesucht, wof�r man sich einsetztn k�nnte,
oder wogegen man sein kann. Anstelle einer Ansammlung diverser
Werbebanner w�re es zeilf�hrender, wenn du /Deine/ Meinung zum Thema
in Form eines kurzen selbst verfassten Textes mitteilst und dann als
weiterf�hrende Information auf die Seite verlinktst.
Das Design der Seiten gef�llt mir. Obwohl die Farbgebung, vorallem die
der <h1> f�r mich eher mit Hilfe-Seiten zu MS Windows besetzt ist.
Die aktuellen Medlungen auf der Home-Page interessieren mich allesamt
nicht wirklich. Dass der Server heute mogen nicht erreichbar war, ist
nicht so eine �beragende Neuigkeit, um die zu h�ren, ich diese Seite
besuche. Wann war �brigens "heute Morgen"? BTW: Es irritiert, dass die
Dateinamen blau aber keine Links sind.
Dass die Seiteninterne Navigation beim Herunterscrollen stehenbleibt,
kam mir anfangs wie ein Fehler vor "Jetzt hat's die Seite zerissen"
... ich gew�hne mich aber schnell daran und finde die Idee gut. Ich
habe die Funktion des kleinen blauen Pfeils verstanden und benutze Ihn
sogar. (Warum eigentlich? Ich k�nnte genausogut auf der Tastatur Pos1
dr�cken)
Ich bin dann dem Link "�ber diese Seiten" gefolgt. Habe aber schon
nach zwei Zeilen zu lesen aufgeh�rt. Der Text ist schwer zu
lesen. Liegt's vielleicht am Blocksatz?
Bei http://debian.wgdd.de/system/ sollte vielleicht st�rker darauf
hingewiesen werden, dass es sich um /dein/ System handelt. Nicht nur
im Fli�text, sondern in der �berschrift, die lauten k�nnte: "Meine
Hardware" Etwas pers�nlicher k�nnten diese Seiten gestaltet
werden. Fotos von dir und deiner Hardware w�rem sch�n. Warum die
Links "Haktar" und "Trillian" mich beide zur Home-Page f�hren ist
unklar.
Dass auch eine enlischprachigen Version exisitert, habe ich erst durch
Zufall entdeckt, weil mich die Funktion dieser kleinen Gelse, f�r die
ich die Vermischung aus GB-und US-Flagge zun�chst gehalten habe,
interessiert hat, und ich sie ausprobieren wollte, ohne zu wissen,
wohin mich das f�hren w�rde.
> Hier das neue Design auf einer Testeite:
Ah ... was ist betrachtet habe, war also das alte Design. Naja dann
auf zum neuen:
> http://debian.wgdd.de/test/design.html
Positiv f�llt auf dass es hier keine Werbebanner gibt! Wesentlich mehr
Inhalt als auf der alten Seite wird aber auch nicht geboten ;-)
"Link 1" und "link 2" k�nnten der Bannerblindheit zum Opfer
fallen. "Link 3" bis "Link 7" m�glicherweise auch.
Zu kapieren war die Haupt-Navigation IMO auch im alten Layout. Die
Karteikartenreite bringen daher nur eine optische Ver�nderung, die
manchen gefallen wird und anderen nicht.
Die �berschriften <h1> auf dem blauen Grund kamen mir im *alten*
Design so vor, als w�re das untere Padding zu klein. Die Schrift liegt
optisch zu weit unten. Im *neuen* Design wirkt das nicht mehr so,
allerdings enth�lt der Text, "This title" zuviele hohe Buchstaben, als
dass man es beurteile k�nnte.
Ich schlage vor, auch die Testseite zuerest mit Inhalt zu f�llen und
sich dann um's Layout zu k�mmern. Es gibt einfach zu wenig Text (und
damit meine ich den, der wenn die Seite fertig ist auch dort stehen
wird und nicht einen Blindtext), um das Styling beurteilen zu k�nnen.
--
http://www.clef.at/yagpmfaq/ - Yet Another German Pegasus Mail FAQ
Stephan Grossklass
> http://debian.wgdd.de/test/design.html
Link 1..7 :hover sind farblich etwas ungl�cklich. Auf dunkelblau geht
der Ton ganz gut, aber da oben ist es zu hell. Vielleicht die
background-color anpassen.
Die Links zu E-Mail und Impressum machen bei :hover gar nix - noch,
vermute ich. (Auf der alten Seite nimmst du "Normalo-Links" nur die
text-decoration weg - geht, w�re mir aber noch einen Tick zu
unauff�llig.)
a:active benutzt du gar nicht, mach dir dazu vielleicht mal Gedanken.
Versuch's bei der Navi links evtl. mal mit einem leicht anderen
Hintergrund oder einer border-top/bottom.
Die Skalierung scheint recht gut zu funktionieren, bei kleinen Breiten
ggf. noch �ber CSS3-Media-Queries die Breite der Navi-Spalte (#sidebar)
reduzieren. Du hast jetzt eine width/min-width-Kombination, aber die
min-width greift m.E. nie, weil die width immer brav 1em gr��er ist (war
wohl mal in % oder so?). Versuch's mal mit max-width: 50% oder so.
Hast du schon mal eine normalerweise schmalere, bei :hover verbreiterte
Spalte in Erw�gung gezogen? W�re von der Usability her eher schlechter,
aber platzsparend. Habe mir so mal eine Schnell-Navi als Popup-Men�
gebastelt (<http://stephan.win31.de/superhet.htm>).
Stephan
--
Home: http://stephan.win31.de/
Die Ampel ist ein schamhaftes Wesen:
N�hert man sich ihr, err�tet sie meist.
Stephan Grossklass
W�rgarounds f�r den ollen Ihh-�hh 6/7 am besten in ein zus�tzliches
Stylesheet packen und das per Conditional Comment einbinden. Hinterher
tut man sich sonst mit dem Auslagern ziemlich schwer, BTDT.
Stephan
--
Home: http://stephan.win31.de/
Queueing Theory � la Murphy: The folks in front of you take an
eternity, you're through in a second...
Daniel Leidert
Harald Muehlboeck schrieb:
> Daniel Leidert <daniel.le...@gmx.net> writes:
>
>> Ich betreibe schon seit geraumer Zeit einige private Seiten, die sich
>> mit Debian beschäftigen - mein Beitrag für Debian. Die Seiten enthalten
>> Debian-Pakete, Anleitungen, Informationen zu meiner Hardware und Links.
>>
>> http://debian.wgdd.de
>
> Ich komme nicht dahinter, was /mir/ die Seiten bringen sollen. Mir ist
> nicht klar, ob die Seite ein Angebot für Infomrationssuchende zu einem
> Bestimmten Thema ist, oder ob Du Dich und Deine Linuxaktivitäten
> vorstellen willst.
Sowohl als auch. Plus: Ich biete selber Debian-Pakete an (u.a. für ein
bekanntes Open-Source-Projekt). Für einen normalen Nutzer ist da kein
Angebot. Das Angebot ist spezifisch für Debian-Nutzer.
> In ersterem Fall sollte ein Überblick über die
> Information, die zu finden ist, gegeben werden.
Das sehe ich eigentlich mit den Hauptthemen in der Navigationsleiste als
erledigt an. Diese geben das Angebot wieder. Was ich noch plane ist eine
Sitemap. Das wird im Laufe der aktuellen Arbeiten erledigt werden.
> Auf den Seiten überwiegt die Werbung. Diese drängst sich aggresiv in den
> Vordergrund und überdeckt sogar die Hauptüberschrift.
Hm. Die Links sind eher gedacht, bei "aktuellem Anlass" gesetzt zu sein
(und sind auf den englisch-sprachigen Seiten auch nicht vorhanden). Nun
sind einige Themen im Moment leider "Dauerbrennner". Mir ist aber noch
nicht aufgefallen, dass die Bilder die Überschrift verdecken. Dazu muss
man schon ordentlich vergrößern. Aber ich werde das bei den neuen Seiten
noch einmal überarbeiten.
> Das Design der Seiten gefällt mir. Obwohl die Farbgebung, vorallem die
> der <h1> für mich eher mit Hilfe-Seiten zu MS Windows besetzt ist.
Sinorca-Design. Hat aber nichts mit MS zu tun. Mir gefiel die Farbgebung.
Mit genügend zeit werde ich die Farbgebung an Debian anpassen :)
> Die aktuellen Medlungen auf der Home-Page interessieren mich allesamt
> nicht wirklich. Dass der Server heute mogen nicht erreichbar war, ist
> nicht so eine überagende Neuigkeit, um die zu hören, ich diese Seite
> besuche.
Ich stelle Debian-Pakete bereit. Wenn der Nutzer meines Repositoriums auf
sein `apt-get update' keine Rückmeldung von meinem Server erhält, muss
ich das schon kommentieren. Wie gesagt, ich biete hier einen Service und
nicht nur reine Informationen an.
> Wann war übrigens "heute Morgen"? BTW: Es irritiert, dass die
> Dateinamen blau aber keine Links sind.
Das sind Dateien, die sich auf dem System des Benutzers befinden. Ich
könnte file:/// verwenden. Aber für viele dieser Dateien braucht man Root-
Rechte um sie anzuschauen. Wäre also sinnlos.
> Dass die Seiteninterne Navigation beim Herunterscrollen stehenbleibt,
> kam mir anfangs wie ein Fehler vor "Jetzt hat's die Seite zerissen" ...
> ich gewöhne mich aber schnell daran und finde die Idee gut. Ich habe die
> Funktion des kleinen blauen Pfeils verstanden und benutze Ihn sogar.
> (Warum eigentlich? Ich könnte genausogut auf der Tastatur Pos1 drücken)
Die Taste kann man IMO auch anders belegen und der Link ist auch über
Tastaturkürzel erreichbar.
> Ich bin dann dem Link "über diese Seiten" gefolgt. Habe aber schon nach
> zwei Zeilen zu lesen aufgehört. Der Text ist schwer zu lesen. Liegt's
> vielleicht am Blocksatz?
Ist denke ich Ansichtssache.
> Bei http://debian.wgdd.de/system/ sollte vielleicht stärker darauf
> hingewiesen werden, dass es sich um /dein/ System handelt.
Ist in der Seitenbeschreibung enthalten. Ein Vorwort wäre sicherlich
dennoch richtig.
> Nicht nur im
> Flißtext, sondern in der Überschrift, die lauten könnte: "Meine
> Hardware" Etwas persönlicher könnten diese Seiten gestaltet werden.
> Fotos von dir und deiner Hardware wärem schön. Warum die Links "Haktar"
> und "Trillian" mich beide zur Home-Page führen ist unklar.
Das war der "online"-Versuch eine zweite Navigationsebene einzurichten.
Wie du festgestellt hast, ist die Seitennavigation fixiert. Das limitiert
die Anzahl der Einträge, da bei extremen Vergrößerungen Punkte aus dem
Sichtfeld des Nutzers verschwinden. Deswegen lieber eine neue Seite statt
die Liste zu verlängern. Da sich die zweite Ebene aufgrund des alten
Designs und CSS als unnötig kompliziert gestaltete (klappte nicht bei
allen Browsern), habe ich die Seiten von Grund auf neu geschrieben
[..]
>> Hier das neue Design auf einer Testeite:
>
> Ah ... was ist betrachtet habe, war also das alte Design. Naja dann auf
> zum neuen:
>
>> http://debian.wgdd.de/test/design.html
>
> Positiv fällt auf dass es hier keine Werbebanner gibt! Wesentlich mehr
> Inhalt als auf der alten Seite wird aber auch nicht geboten ;-)
Das ist die Vorlage :)
> "Link 1" und "link 2" könnten der Bannerblindheit zum Opfer fallen.
> "Link 3" bis "Link 7" möglicherweise auch.
Der Banner darf nicht überdecken und den Fokus stehlen. Das steht noch
als Aufgabe aus. So ein Neuanfang erlaubt auch das Entrümpeln (einige
Banner sind nicht mehr aktuell).
> Zu kapieren war die Haupt-Navigation IMO auch im alten Layout. Die
> Karteikartenreite bringen daher nur eine optische Veränderung, die
> manchen gefallen wird und anderen nicht.
Wie gesagt: Ich wollte eine zweite Navigationsebene, die es im alten
Layout nicht gab (nur eben zum Test auf den System-Seiten - einen Tag vor
dem neustart geschreiben).
> Die Überschriften <h1> auf dem blauen Grund kamen mir im *alten* Design
> so vor, als wäre das untere Padding zu klein. Die Schrift liegt optisch
> zu weit unten.
Mit dem Padding hast du recht. Mir gefiel es so eher.
> Im *neuen* Design wirkt das nicht mehr so, allerdings
> enthält der Text, "This title" zuviele hohe Buchstaben, als dass man es
> beurteile könnte.
Das ist in der Tat noch eine Stelle, an der ich über die beste Umsetzung
grübele. Im Moment sind die Paddings so, dass der Abstand zu den Tabs und
dem oberen Rand gleich ist und die Schrift nicht mittig im eigenen
Container liegt.
> Ich schlage vor, auch die Testseite zuerest mit Inhalt zu füllen und
> sich dann um's Layout zu kümmern.
Ich will zuerst das Basis-Layout und die Gewissheit, dass das Ergebnis
unter allen Browsers funktioniert und gleich aussieht und sich auch so
verhält.
> Es gibt einfach zu wenig Text (und
> damit meine ich den, der wenn die Seite fertig ist auch dort stehen wird
> und nicht einen Blindtext), um das Styling beurteilen zu können.
Muss ich auf jeden Fall noch machen.
Danke für deinen Beitrag,
MfG Daniel
Daniel Leidert
> der Ton ganz gut, aber da oben ist es zu hell. Vielleicht die
> background-color anpassen.
Richtig. Ich habe es jetzt so geändert, dass sie weiß bleiben und normal
unterstrichen sind. Für :hover nehme ich die Unterstreichung weg - so wie
es auf meinen alten Seiten auch mit den Links im Footer funktioniert.
> Die Links zu E-Mail und Impressum machen bei :hover gar nix - noch,
> vermute ich. (Auf der alten Seite nimmst du "Normalo-Links" nur die
> text-decoration weg - geht, wäre mir aber noch einen Tick zu
> unauffällig.)
Da halte ich mich eigentlich strikt an die Regel, dass nur Links
unterstichen werden :) Daher habe ich da bis jetzt noch nichts anderes
geplant.
> a:active benutzt du gar nicht, mach dir dazu vielleicht mal Gedanken.
Guter Gedanke. Ich überlege gerade einen Button-Effekt zu erzeugen (also
top+left schwarz, bottom+right weiß).
> Versuch's bei der Navi links evtl. mal mit einem leicht anderen
> Hintergrund oder einer border-top/bottom.
Warum?
> Die Skalierung scheint recht gut zu funktionieren, bei kleinen Breiten
> ggf. noch über CSS3-Media-Queries die Breite der Navi-Spalte (#sidebar)
> reduzieren. Du hast jetzt eine width/min-width-Kombination, aber die
> min-width greift m.E. nie, weil die width immer brav 1em größer ist (war
> wohl mal in % oder so?).
Nein, war immer in em. IIRC brauchte ich das als Würgaround für
irgendeinen Browser - wahrscheinlich ein IE. Ich weiß es gar nicht mehr.
> Versuch's mal mit max-width: 50% oder so.
Klappt auf den ersten Versuch nicht so richtig. Aber ich werde es auf
jeden Fall noch abarbeiten.
> Hast
> du schon mal eine normalerweise schmalere, bei :hover verbreiterte
> Spalte in Erwägung gezogen? Wäre von der Usability her eher schlechter,
> aber platzsparend. Habe mir so mal eine Schnell-Navi als Popup-Menü
> gebastelt (<http://stephan.win31.de/superhet.htm>).
Sieht schön aus.
Danke.
MfG Daniel
Michael Fesser
>http://debian.wgdd.de/test/design.html
>http://svn.wgdd.de/websvn/wsvn/Private%20projects/sinorca_custom_dale/
>branches/rewrite/design.html
Aus eigener Erfahrung kann ich Dir sagen, da� eine gemischte Navigation
aus horizontalen und vertikalen Elementen problematisch sein kann. Das
mag bei der Zielgruppe Deiner Site nicht der Fall sein, sollte aber der
Vollst�ndigkeit halber trotzdem erw�hnt werden.
Auf den Websites meines Stiefbruders (sowohl gesch�ftlich als auch
privat) hatten wir lange Zeit eine ebensolche Kombination: erste und
zweite Men�ebene horizontal, alles tiefergehende dann vertikal am linken
Rand. Es gab eine Menge Anfragen von Nutzern, sowohl per Telefon als
auch per E-Mail, wie sie denn diese oder jene Seite erreichen k�nnten.
Der Hinweis, da� sie nicht nur oben, sondern einfach auch mal links in
die Leiste schauen sollten, kam f�r viele regelrecht �berraschend - die
haben das einfach nicht wahrgenommen. Seitdem gibt's nur noch eine
einzige aufklappbare Navi am linken Rand.
Wie gesagt - das nur als Hinweis. Es kann funktionieren, kann aber auch
genausogut nach hinten losgehen.
Micha