Re-Design XPUsermanager Homepage

[Luckie]

Das sieht gut aus mit dem Bild neben dem Text. Wie bekommt man das hin? Habe es hinbekommen.

Und du meinst, ich solle die Boxen vertauschen?

[mirage228]

Was mir auffällt, ist, dass die Navigation bei hoher Auflösung (hier: 1920x1200) sehr weit nach rechts rückt. Bei westeuropäischer Leserichtung von links nach rechts wirkt das sehr ungewohnt. Auch wird die Seite langgezogen, was den oberen Text schwieriger lesbar macht (sehr lange Zeilen). Da hat die alte Seite den Vorteil, dass die Breite begrenzt wird und der Text durch Absätze strukturiert ist. Ein wenig mehr Abstand zwischen den Elementen der Navigation würde meiner Ansicht nach zu einer besseren Übersicht dort beitragen.

Die Aufteilung und das Layout der Seite finde ich ansonsten gelungen . Besonders wirkt es optisch frischer als das alte Layout. Die Hervorhebung von "Download", "Features" und "Lizenz erwerben" finde ich sehr sinnvoll, obgleich der Text unter "Features" mir noch etwas karg vorkommt. Denn letzterer Abschnitt ist eventuell das erste was ein neuer Besucher sich anschaut, bevor er eventuell den längeren Text oben liest, daher solltest Du da wirklich die "Key Features", die neue Kunden mitnehmen soll, formulieren. Den Preis würde ich eventuell noch unter "Lizenz erwerben" nennen (falls nur ein Preis ist).

Ansonsten: Die Bilderqualität des Screenshots (stark verpixelt) sowie des Download-Buttons (stark verwaschen) würde ich noch überarbeiten.

Viele Grüße

[Luckie]

OK, ich habe mal Absätze eingefügt. Dass es bei hoher Auflösung so breit wird, da kann ich nichts machen. bei niedriger Auflösung würde es dann wieder ziemlich gequetscht aussehen. Oder hättest du eine Lösung dafür?

Der Screenshot wird nur vom Original (drauf klicken) runterskaliert, der kann eigentlich nicht pixelig sein. Das Downloadbild ist eine Grafik, die ich vergrößert habe, weil ich nichts brauchbares in der Größe gefunden habe.

Was den Text angeht, ich bin wie gesagt kein großer Texter diesbezüglich.

[mirage228]

Zitat von Luckie:

OK, ich habe mal Absätze eingefügt. Dass es bei hoher Auflösung so breit wird, da kann ich nichts machen. bei niedriger Auflösung würde es dann wieder ziemlich gequetscht aussehen. Oder hättest du eine Lösung dafür?

Du könntest versuchen über die CSS-Eigenschaft "max-width" die Größe der Seite oder einzelner Elemente zu beschränken (z.B. auf 800px).

Zitat:

Der Screenshot wird nur vom Original (drauf klicken) runterskaliert, der kann eigentlich nicht pixelig sein.

Also Du hast selbe Bild wie in der Großansicht eingeblendet, nur mit anderer Größenangabe? Bei mir sieht es derzeit so aus wie im Anhang (man sieht die Kanten recht deutlich finde ich). Eventuell könntest Du die kleinere Graphik separat mit einem Graphikprogramm erzeugen...

Zitat:

Was den Text angeht, ich bin wie gesagt kein großer Texter diesbezüglich.

Die Featureliste soll ja gerade mit wenig Text viel Aussagen ... ansonsten könntest Du auch mit Kursiv oder Fettschrift im obigen Text arbeiten, um wichtige Inhalte hevorzuheben (alternativ).

[Luckie]

Ja, so sieht die Grafik bei mir auch aus.

Das mit max-width werde ich mal ausprobieren.

Das mit den Hervorhebungen ist eine gute Idee.

[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.

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

Evtl. kannst du auch mal runde Ecken ausprobieren, was bei den neueren Browsern wunderbar funktioniert. Du kannst ein paar Sachen auf dieser Seite sehen. Ist vom Design her sehr simpel gehalten und auch kein Meisterwerk. Brauche neulich auch nur mal eines für meine jQuery-Plugins.

PS: Erhöhe mal das Padding des div.body und setz es ruhig mal auf 20px. Heutzutage hat man meist recht viel Platz auf dem Screen wodruch man gerne große Abstände wählen darf.

[Prototypjack]

Moin,

Sieht schon mal gar nicht so schlecht aus, aber ein paar Sachen sind mir dann doch aufgefallen:

• Wie bereits durch s.h.a.r.k bemerkt: Das Image zerschießt das Layout (Opera 11).
• Der blaue Farbton im Header gefällt mir (persönlich) nicht so, da könnte man eventuell noch ein bisschen was machen.
• Erhöhe das Padding der Boxen, denn der Text wächst zu nah an den Rand derselben (besonders rechts, beim Image ist es nicht so schlimm).
• Was ist beim Impressum passiert? Wieso weicht der Textstil da so extrem vom Rest der Seite ab?
• Such dir eventuell noch ein anderes Download-Icon. Das jetzige sieht aus wie ein FamFamFam-Bild das auf 3-Fache Größe skaliert wurde. Da gibt's besseres.

Grüße

[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.

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.

Zitat:

Evtl. kannst du auch mal runde Ecken ausprobieren,

Da habe ich auch schon dran gedacht.

Zitat:

PS: Erhöhe mal das Padding des div.body und setz es ruhig mal auf 20px. Heutzutage hat man meist recht viel Platz auf dem Screen wodruch man gerne große Abstände wählen darf.

Werde ich ausprobieren.

Zitat von Prototypjack:

Der blaue Farbton im Header gefällt mir (persönlich) nicht so, da könnte man eventuell noch ein bisschen was machen.

Wie schon gesagt, Design ist nicht meine stärke. Schlagt einen besseren Farbton vor.

Zitat:

Was ist beim Impressum passiert? Wieso weicht der Textstil da so extrem vom Rest der Seite ab?

Was stimmt damit nicht? Sieht bei mir genauso aus, wie alle anderen Seiten auch.

Zitat von taveuni:

Du solltest das Prog umbennen. Die Zeiten von XP sind vorüber.

Unter dem Namen ist es aber nun mal bekannt und so heißt auch die Domain.

Zitat von pustekuchen:

Was mir noch aufgefallen ist, neben Lizenz erwerben ist noch viel Platz( siehe Screenshot).

Ja, das ist mir auch schon aufgefallen. Aber wenn ich alle drei Boxen breiter mache rutsch die dritte Box in die nächste Zeile. Was sie aber anscheinend auch bei einer höheren Auflösung tut.

Code:

div.body {
   text-align: justify;
   width: 75%;
   /*max-width: 800px;*/
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 1px;
   margin-left:auto;
   margin-right:auto;
   background-color: #E8E8E8;
}

div.bottom {
   width: 75%;
   margin-left:auto;
   margin-right:auto;
   padding-top: 5px;
}

div.boxes {
   float: left;
   width: 31%;
}

[stahli]

bei 2560 px verschiebt sich die Fußzeile etwas...

[pustekuchen]

Hallo,

mir gefällt die neue Version auch besser. Es wirkt viel moderner und frischer.
Noch ein neues Download Icon finden.
Was mir noch aufgefallen ist, neben Lizenz erwerben ist noch viel Platz( siehe Screenshot).

Sonst Top.