it-swarm.com.de

Betrachten Sie das "960 Grid System" als einen der "heiligen Grale" der User Experience-Layouts?

Gibt es einen "Heiligen Gral" des Layouts?

Ich habe kürzlich eine Website für einen Kunden (University of Connecticut Coop) neu gestaltet, auf der ich auf einen Link in ihrem alten Code zu diesem Artikel gestoßen bin: "http://www.alistapart.com/articles/holygrail".

Bei weiteren Recherchen stieß ich auch auf das "960 Grid System": "http://960.gs/demo.html"

Dann begann ich mich zu fragen ... "Vermisse ich hier etwas? Gibt es unter Designprofis einen Konsens über die beste Benutzererfahrung für Layouts?"

Also habe ich es dir gesagt: " Gibt es einen" Heiligen Gral "des Layouts? "

11
jffgrdnr

Es gibt keine Grale. Dies gilt nicht nur für Layouts, sondern auch für das Design im Allgemeinen. Es gibt viele Regeln, Empfehlungen, Tipps. Aber keine Grale und keine Gesetze. Da Design keine Wissenschaft ist, kann es Gesetze umgehen. Und wie Nathanael sagte, hat jede "Regel" Ausnahmen. Mehr als das: Keine dieser Aussagen kann möglicherweise als allgemeine Regel angesehen werden. Sie haben nur manchmal recht.

Für weniger erfahrene Designer kann es gut sein, einige "Gesetze" blind zu befolgen. Es hilft, bessere Ergebnisse zu erzielen. Solange Sie jedoch die Bedeutung einer solchen Regel verstehen (sei es das 960 Grid System oder ein anderes), können Sie entscheiden, wann Sie sie befolgen und wann Sie sie ignorieren möchten. Und dieses Verständnis hilft, viel bessere Ergebnisse zu erzielen.

10
Kostya

Im Allgemeinen ist die Verwendung eines Rastersystems fast immer eine gute Idee: Es ist einfach eines der besten verfügbaren Tools, um Ihre Inhalte in einer kohärent strukturierten, gut proportionierten und dennoch ausreichend flexiblen Weise visuell zu organisieren (d. H. Zu komponieren). Vielleicht möchten Sie es als Best Practice betrachten. Die meisten guten Designer verwenden sie regelmäßig, es sei denn, es ist sinnvoll, einen echten Freestyle-Kompositionsansatz zu wählen (in den meisten Fällen nicht, noch weniger im Web und auf dem Desktop - die Verwendung eines Rasters muss bei nicht offensichtlich sein alle übrigens). Das Entwerfen eines guten Rastersystems, das für einen bestimmten Zweck und alle erforderlichen Inhalte gut geeignet ist, erfordert jedoch einige Schulungen (zumindest jeder, der Erfahrung mit Typografie und ähnlichen Bereichen des Grafikdesigns hat, sollte dazu in der Lage sein).

960gs und dergleichen (z. B. Blaupause) sind dagegen 'nur' gute Frameworks zur Vereinfachung technisch Implementierung eines funktionierenden Grid-Systems über Browser hinweg, ohne das Rad jedes Mal neu zu erfinden (zum Teufel, das ist was Frameworks sind für :-)) Wohlgemerkt, Sie sind nicht gezwungen, das Standardraster mit 12 oder 16 Spalten zu verwenden. Diese Einstellungen sind nur eine gute Standardeinstellung. ;-) Aber am Ende möchten Sie vielleicht Ihre eigenen rollen. Verständnis Rastersysteme stehen jedoch an erster Stelle.

Siehe z. http://www.subtraction.com/pics/0703/grids_are_good.pdf und http://www.thegridsystem.org/ für den Anfang. Mark Boulton hat ein großartiges Tutorial zum Entwerfen von Rastersystemen: http://www.markboulton.co.uk/journal/five-simple-steps-to-designing-grid-systems-part-1 =

13

No. Mit UX gibt es Ausnahmen von solchen Prinzipien. Springen Sie also nicht in den 960, ohne vorher dessen Vorteile und Einschränkungen zu verstehen und dass er für den UI-Job geeignet ist, für den Sie ihn bewerben.

5
Nathanael Boehm

Ich stimme den bereits veröffentlichten Kommentaren zu - es ist nur ein weiteres Tool in der UX- und Webdesign-Toolbox, und wie bei jedem Tool gibt es einen richtigen und einen falschen Zeitpunkt, um es zu verwenden, basierend auf der Art des Projekts und den Stärken/Schwächen des 960-Gitters selbst. Dies kann natürlich dazu beitragen, die Erstellung von HTML-Prototypen zu beschleunigen.

Wir verwenden das Layout auf jeden Fall, um in Omnigraffle schnell Drahtgitter zu erstellen. Wenn Sie eine Vorlage eingerichtet haben, die dem Spaltenraster (12 oder 16) entspricht, können Sie Elemente sehr schnell verschieben und positionieren. Wie bei jeder 'Regel' - manchmal müssen sie jedoch gebrochen werden, wenn es einen guten Grund dafür gibt.

2
Tom

Ein CSS-Rastersystem ist eigentlich eher ein technischer „Heiliger Gral“. Und nicht unbedingt heilig oder gar ein Gral. Aber definitiv ein praktisches Werkzeug, da es den Aufwand für die Erstellung des Präsentationsschichtcodes erheblich reduzieren kann.

Ich fand es von unschätzbarem Wert bei größeren Projekten, bei denen eine große Anzahl von Entwicklern mit wenig bis gar keinen Fähigkeiten oder Interesse an der Produktion von Präsentationsschichten im Team sind. Ich kann einige grundlegende Richtlinien erstellen und einige objektorientierte CSS-Methoden einbeziehen, und sie ergeben ein ziemlich flexibles System zum Auslegen der Seiten, bei dem die Wahrscheinlichkeit, dass sie in die Hände brechen, sehr viel geringer ist.

In Bezug auf UXD ist das perfekte Layout im Idealfall das Layout, das den jeweiligen Entwurfszielen des Projekts entspricht. Ein CSS-Grid-Framework kann das Einfügen dieses bestimmten Layouts ein wenig erleichtern.

2
DA01

Ich mag das Konzept des 960-Gitters als durch so viele verschiedene Einheiten teilbar. Wenn Sie feststellen, dass Ihr Raster zu Ihrem Design passt, lässt es sich sehr einfach aufteilen. Sie haben eine gewisse Flexibilität bei der Anzahl der Spalten, und die Mathematik führt im Allgemeinen zu Zahlen, mit denen Sie ganz einfach arbeiten können.

Das Befolgen eines Rastersystems kann Ihnen helfen, wenn Ihr Projekt wiederverwendbare "Widgets" entwirft, die möglicherweise für eine Reihe von Websites freigegeben werden. Standardbausteine ​​können die Entwicklung einfacher und schneller machen.

Der ultimative Beweis ist jedoch die Auswirkung auf Ihre Benutzer. Hilft es ihnen, ihre Ziele zu erreichen? Hilft es, die richtigen Geschäftsergebnisse zu erzielen? Dann großartig! Beschränken Sie sich nur nicht auf andere Ideen oder Möglichkeiten ...

1
Nathan-W

Es ist vielleicht kein heiliger Gral, aber es hat sicherlich eine verbesserte Struktur und Ästhetik verliehen, seit ich damit angefangen habe.

Meine komplexen mehrseitigen Webformulare wären ohne sie schrecklich ... jetzt sind sie nur noch leicht beängstigend;)

N.

0
Nick Fine