Re-Design XPUsermanager Homepage

[Bernerbaer]

Webdesign ist klar Geschmackssache. Was _ich_ persönlich nie mache sind flexible Layouts. D.h. ich gestalte Seiten immer mit einer (oder alenfalls mehreren) fixen Breite. Ich möchte die Kontrolle über das Layout behalten und versuche ein Auseinanderbrechen des Layouts durch Grössenänderungen des Browsers zu verhindern.

Dass ich mit meiner Ansicht nicht alleine bin, zeigt wohl ein Surfen im Netz bei den grossen und bekannten Firmen, die sich professionelle Layouter und Designer leisten können. Praktisch alle grossen Anbieter wählen ein fixes Layout
zb.: http://www.microsoft.ch, http://www.zdnet.de, http://www.chip.de, http://www.apple.com/de, www.spiegel.de, www.faz.net usw...

[alfold]

Die Referenzen da unten mit einzufügen fand ich genial! Man nennt dies auch "offene Werbung"

Lies Dir Bitte den Text neben dem Bild mal zügig durch. Wenn es da nicht zu Zungenbrecher bzw. schnelles überlesen kommt! Darum vergleiche mal beide(siehe PN).
Bei Deinem 1. Vorschlag, betrifft jetzt das Bild, konnte ich gleich erkennen wie die Oberfläche aufgebaut ist, jetzt durch ein klick. Wenn, dann evtl noch ein paar andere Photos dazu, damit der 'klick' sich auch lohnt.
Impressum 'sehr aufdringlich'. Hast Du Angst das es niemand lesen kann oder es nicht versteht .

Farblich ist es Top

Auch wenn es jetzt Kritik an meiner Aussage geben wird, fand ich die erste Variante besser! (leichte Überarbeitung und gut währe es)

Aber dies ist halt meine Einschätzung

Gruss alfold

[Namenloser]

Zitat von Bernerbaer:

Webdesign ist klar Geschmackssache. Was _ich_ persönlich nie mache sind flexible Layouts. D.h. ich gestalte Seiten immer mit einer (oder alenfalls mehreren) fixen Breite. Ich möchte die Kontrolle über das Layout behalten und versuche ein Auseinanderbrechen des Layouts durch Grössenänderungen des Browsers zu verhindern.

Dass ich mit meiner Ansicht nicht alleine bin, zeigt wohl ein Surfen im Netz bei den grossen und bekannten Firmen, die sich professionelle Layouter und Designer leisten können. Praktisch alle grossen Anbieter wählen ein fixes Layout

Naja, ich würde das eher auf die Faulheit der Webdesigner zurückführen. Ein dynamisches Layout zu erstellen, das in allen Größen gut aussieht, ist möglich, aber eben sehr viel aufwändiger.

[Luckie]

Also du meinst Screenshot wieder in die Mitte?

Den text habe ich doch deinen Vorschlägen entsprechend geändert.

[Bernerbaer]

Zitat von NamenLozer:

Naja, ich würde das eher auf die Faulheit der Webdesigner zurückführen. Ein dynamisches Layout zu erstellen, das in allen Größen gut aussieht, ist möglich, aber eben sehr viel aufwändiger.

Ich denke eher, dass es nur in den seltensten Fällen möglich ist ein flexibles benutzerfreundliches Layout zu erstellen. Beispiel: ich lese einen Text auf der HP, will nun das Fenster etwas vergrössern und schon ist mein Blickpunkt verloren, ich muss neu fokussieren, der Textumbruch hat sich geändert, Fixpunkte sind nicht mehr da wo sie noch vorher waren. Ich brauche einige Sekunden, bis ich wieder da bin, wo ich vorher mit Lesen aufgehört habe.
Unser Auge nicht ist nicht an flexible Grössen gewohnt. Alles in unserer Umwelt hat eine fixe Grösse und unser Gehirn hat sich daran gewohnt.

[alfold]

Zitat von Luckie:

Also du meinst Screenshot wieder in die Mitte? :

nen paar Pixel kleiner hätt evtl ausgereicht! So das man auf den ersten Blick erkennt, was ich da erhalte. Weiss aber auch nicht mwhr wie gross es war!?

Zitat von Luckie:

Den text habe ich doch deinen Vorschlägen entsprechend geändert.

aber nicht die Absätze

'Der XP Usermanager ist eine Benutzerverwaltung auf Windows NT basierende Systeme,
für Windows 2000, Windows XP, Windows Vista, Windows 7.
Mit diesem Manager, lassen sich schnell, bequem und übersichtlich alle Benutzerkonten verwalten.
Beutzterkonten erstellen, löschen und bestehende Konten editieren.

Zusätzlich lassen sich auch die Benutzergruppen managen.
Neue Gruppen anlegen, bestehende löschen oder editieren und ihnen Privilegien hinzufügen oder entziehen.'

Gruss alfold

[s.h.a.r.k]

Zitat von Luckie:

Zitat von s.h.a.r.k:

Das mit dem max-width ist mir auch gleich aufgefallen. Nutze im Moment eine Auflösung von 1920x1200 und da ist die Seite schon verdammt breit.

Wenn ich das mache ist der graue Kasten nicht mehr zentriert.

Dann setze den kompletten content doch in ein div und zentriere dieses eben via:

Code:

margin: 0 auto;

Zitat von Luckie:

Zitat:

Zudem zerschieß das Image auf der Seite das Layout (Firefox 3.6.x).

Inwiefern? Ich habe hier auch die Version bei einer Auflösung von 1280x1024 und da passt es eigentlich.

Schau meinen Screenshot an, dann siehst du was ich meine. Evtl. wäre es hier echt praktisch, wenn du eine Preview präsentierst und dann bei deinem Klick das Image in groß.

Zudem ist deine Seite nicht valide!

[Luckie]

Der Feinschliff kommt noch.

[Namenloser]

Zitat von Bernerbaer:

Zitat von NamenLozer:

Naja, ich würde das eher auf die Faulheit der Webdesigner zurückführen. Ein dynamisches Layout zu erstellen, das in allen Größen gut aussieht, ist möglich, aber eben sehr viel aufwändiger.

Ich denke eher, dass es nur in den seltensten Fällen möglich ist ein flexibles benutzerfreundliches Layout zu erstellen. Beispiel: ich lese einen Text auf der HP, will nun das Fenster etwas vergrössern und schon ist mein Blickpunkt verloren, ich muss neu fokussieren, der Textumbruch hat sich geändert, Fixpunkte sind nicht mehr da wo sie noch vorher waren. Ich brauche einige Sekunden, bis ich wieder da bin, wo ich vorher mit Lesen aufgehört habe.
Unser Auge nicht ist nicht an flexible Grössen gewohnt. Alles in unserer Umwelt hat eine fixe Grösse und unser Gehirn hat sich daran gewohnt.

In dem Fall hast du schon Recht, aber andererseits gibt es auch Leute mit kleinen Displays, die horizontal scrollen müssten, wenn die fixe Breite zu schmal ist. Gleichzeitig sehen zu schmale Seiten auf größeren Displays scheiße aus.

Eine alte Regel lautet ja, man solle seine Websites so designen, dass sie auf einem 800*600-Pixel-Display lesbar sind. 800*600 klingt heute vielleicht etwas überholt, aber gerade im Zeitalter von Smartphones muss man auch solche kleinen Bildschirmgrößen berücksichtigen. Selbst zu Hause an meinerm 1280*1024-Display hatte ich gelegentlich schon Probleme, weil die Designer mancher Websites offensichtlich nicht davon ausgegangen sind, dass irgendwer eine Auflösung unter FullHD haben könnte. In der Schule haben die Laptops eine Auflösung von 1024*768 Pixeln, da habe ich sogar regelmäßig dieses Problem.

[Bernerbaer]

Zitat von NamenLozer:

In dem Fall hast du schon Recht, aber andererseits gibt es auch Leute mit kleinen Displays, die horizontal scrollen müssten, wenn die fixe Breite zu schmal ist. Gleichzeitig sehen zu schmale Seiten auf größeren Displays scheiße aus.

Ja, das stimmt. Deshalb habe ich ja gesagt, dass ich zT 2 fixe Layouts erstelle, eines für eine Auflösung von 800 Pixel Breite optimiert und ein zweites für 1000 Pixel und mit js umschalte

Wichtig finde ich zudem, dass man auf die Lesegewohnheiten und Lesefähigkeiten eingeht. Ein durchschnittlicher Leser kann ca 8 Wörter gleichzeitig erfassen, deshalb empfehle ich auch den ausgegebenen Text in Spalten darzustellen, die ca 6 - 12 Wörter darstellen. (Die 6 - 12 Wörter basieren auf dem normalen Blickfeld, beim Menschen beträgt der Winkel auf dem er scharf fokussieren kann ca 2 Grad).
Für einen geübten Leser (wie ich einer bin) ist es zudem so möglich mehrere Zeilen gleichzeitig zu erfassen und mit einem Blick zu lesen.