it-swarm.com.de

Wie richten Sie Informationen in einem Layout mit viel horizontalem Raum aus?

Ich erstelle eine Profilseite für eine Web-App mit einem festen Layout und einer Breite 985px (im Wesentlichen für ein maximiertes Browserfenster auf einem 1024 x 768-Monitor).

Ich habe derzeit ein Problem, bei dem auf der "erweiterten Profilinformationsseite" zu viel horizontaler Platz vorhanden ist, und ich suche nach einer Möglichkeit, den Inhalt zusammenhängend und "zusammen" zu gestalten.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Derzeit befinden sich die Informationen in einer Tabelle, deren Beschriftungen rechtsbündig und fett gedruckt sind. Wie zu sehen ist, gibt es viel horizontalen Raum und die Ausrichtung der Tabelle lässt die Seite fehl am Platz und nicht zusammenhängend aussehen.

Ich habe mir die verschiedenen Fragen zum Layout und zur Formatierung hier angesehen, aber immer noch nichts gefunden, was für die Ausrichtung von Dingen auf einer Seite mit viel horizontalem Platz gilt.

Wie kann ich die Informationstabelle so ausrichten, dass sich alles zusammenhängend und "zusammen" anfühlt, ohne den Benutzer zu überwältigen und zu verlieren?

3
F21

Im Allgemeinen ist alles, was sich über einen Bildschirm erstreckt, für Benutzer schwer zu lesen. Ich bin mir nicht ganz sicher, ob ich den Inhalt dieser Seite verstehe. Unter der Annahme, dass der gesamte Inhalt angezeigt wird, würde ich empfehlen, das Profilfeld in eine linke Seitenleiste zu verschieben und den "Über" -Text auszurichten die verbleibenden 2/3 (oder so) des Bildschirms wie folgt:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Dies würde auch mehr Platz für längere "Info" -Informationen bieten, da Ihre längere Texte ausschneiden und Benutzer zum Scrollen zwingen würden.

Wenn nicht genügend Inhalt vorhanden wäre, um ein Layout wie dieses zu füllen, könnten Sie Ihr Layout möglicherweise verwenden, jedoch auf einer dünneren Seite mit breiteren Seitenrändern, wodurch es proportional besser aussieht. Dies wäre natürlich keine Lösung, wenn es andere Seiten dieser Site gibt, die ein breiteres Layout hätten.

2
sacohe

Ihre Frage ist sehr spezifisch, daher ist die Antwort auch sehr spezifisch, obwohl es viele Varianten gibt.

Ihre vorgestellte Option ist gut, Sie können die Schriftgröße ein wenig erhöhen, ist aber gut, klar und lenkt den Benutzer nicht mit nicht verwandten Extras ab. Wenn Sie den Inhalt in der Nähe halten, ist der Leerraum nur ein Leerzeichen, sieht aber nicht schlecht aus.

Sie können ein Schema aus Titel und Inhalt verwenden, wie es von sacohe gezeigt wird. Wenn Sie jedoch das Layout beibehalten, das Sie jetzt haben, ist möglicherweise zu viel Platz und das Gefühl einer verschwendeten Seite vorhanden.

Wenn Sie mit dem Inhalt, den Sie bisher haben, keine großen Änderungen vornehmen möchten, können Sie den Text etwas nach unten und den Link unten links im sichtbaren Bereich verschieben. Wenn Sie den Text von "Zurück zu ..." in "Aktivitätszusammenfassung" ändern, können Sie den Link nach rechts unten verschieben und als Abschluss für den Prozess der Seite verwenden.

In Anbetracht der kleinen Änderungen, die Sie vornehmen können, gibt es auch einige Optionen.

Wenn Sie zu diesem Zeitpunkt bereits ein Bild vom Benutzer haben, können Sie es auf der rechten oder linken Seite platzieren, mit etwas Polsterung und dem Benutzernamen unten. Und verschieben Sie den Text auf die andere Seite. Dann können Sie Ihr eigentliches Textlayout beibehalten, aber das mit Titel und Inhalt funktioniert sehr gut. Sie behalten immer noch die "wichtigen Informationen" im Auge.

In jedem Layout, für das Sie sich entscheiden, können Sie einen Teil des Bereichs verwenden, um dem Benutzer einen Hilfetext zu jedem oder dem derzeit aktiven Feld anzuzeigen.

0
PatomaS