it-swarm-eu.dev

Consideri il "960 Grid System" uno dei "Holy Grails" dei layout di User Experience?

Esiste un "Santo Graal" di layout?

Di recente ho riprogettato un sito Web per un cliente (University of Connecticut Coop), dove mi sono imbattuto in un link nel loro vecchio codice a questo articolo: "http://www.alistapart.com/articles/holygrail".

Dopo ulteriori ricerche, mi sono imbattuto anche nel "960 Grid System": "http://960.gs/demo.html"

Poi ho iniziato a chiedermi ... "Mi manca qualcosa qui? C'è un consenso tra i professionisti del design per quanto riguarda la migliore esperienza utente per i layout?"

Quindi, te lo dico io: " Esiste un" Santo Graal "di layout? "

11
jffgrdnr

Non ci sono graal. Ed è vero non solo per i layout ma per il design in generale. Ci sono molte regole, raccomandazioni, suggerimenti. Ma nessun graal e nessuna legge. Poiché il design non è una scienza, è opportuno aggirare qualsiasi legge. E come diceva Nathanael, ogni "regola" ha delle eccezioni. Inoltre: nessuna di queste affermazioni può essere vista come una regola generale. Hanno ragione solo a volte.

Per i designer meno esperti può essere utile seguire ciecamente alcune "leggi". Aiuta a ottenere risultati migliori. Ma finché capisci il significato di una regola del genere (che si tratti del sistema a griglia 960 o di qualsiasi altro) puoi decidere quando seguirla e quando ignorarla. E questa comprensione aiuta a ottenere risultati molto migliori.

10
Kostya

In generale, l'uso di un sistema a griglia è quasi sempre una buona idea: è semplicemente uno dei migliori strumenti disponibili per organizzare visivamente (cioè comporre) i tuoi contenuti in modo coerente, ben proporzionato, ma sufficientemente flessibile. Potresti voler considerarlo come la migliore pratica. La maggior parte dei bravi designer li usa regolarmente, a meno che non abbia senso optare per un vero approccio di composizione freestyle (nella maggior parte dei casi non lo è, tanto meno sul web e sul desktop - l'uso di una griglia non deve essere ovvio in tutto, a proposito). Progettare un buon sistema a griglia che sia adatto per uno scopo specifico e tutto il contenuto necessario richiede tuttavia un po 'di addestramento (almeno chiunque abbia esperienza nella tipografia e aree simili di progettazione grafica dovrebbe essere in grado di farlo).

960gs e simili (ad es. Progetto) d'altro canto sono "solo" buoni framework per semplificare tecnicamente implementare un sistema di griglia funzionante attraverso i browser senza reinventare la ruota ogni volta (diamine, ecco a cosa servono i framework :-)) Intendiamoci, non siete non costretti a usare la griglia di 12 o 16 colonne predefinita . Queste impostazioni sono, beh ... solo un buon default da cui partire. ;-) Ma alla fine potresti voler arrotolare il tuo. La comprensione dei sistemi di griglia viene comunque prima, comunque.

Vedi ad es. http://www.subtraction.com/pics/0703/grids_are_good.pdf e http://www.thegridsystem.org/ per i principianti. Mark Boulton ha un ottimo tutorial su come progettare sistemi di griglia: http://www.markboulton.co.uk/journal/five-simple-steps-to-designing-grid-systems-part-1 =

13
Sascha Brossmann

No. 960 è un'opzione che può aiutare a guidare la progettazione dandoti un approccio "snap-to-grid" al wireframing e spesso una maggiore probabilità di un'implementazione pulita con cose in allineamento che è generalmente accettata per essere una buona cosa - ma come in tutte le cose con UX ci sono eccezioni a tali principi, quindi non saltare al 960 senza prima capire i suoi vantaggi e limiti e che è adatto per il lavoro dell'interfaccia utente per cui lo stai applicando.

5
Nathanael Boehm

Secondo, i commenti già pubblicati: è solo un altro strumento nella casella degli strumenti UX e del web design e, come qualsiasi altro strumento, c'è un momento giusto e un momento sbagliato per usarlo in base alla natura del progetto e ai punti di forza/di debolezza della griglia 960 stessa. Può ovviamente aiutare ad accelerare la creazione di qualsiasi prototipo html.

Sicuramente utilizziamo il layout per creare rapidamente wireframe in Omnigraffle: una volta impostato un modello per abbinare la griglia delle colonne (12 o 16), puoi spostare e posizionare gli elementi molto rapidamente. Come in ogni "regola", a volte hanno bisogno di essere infranti se c'è una buona ragione per farlo.

2
Tom

Un sistema a griglia CSS è davvero più un "santo graal" tecnico. E non necessariamente santo, o addirittura un graal. Ma sicuramente uno strumento utile in quanto può ridurre notevolmente lo sforzo che va nella costruzione del codice del livello di presentazione.

L'ho trovato prezioso su progetti più grandi in cui un numero elevato di sviluppatori con competenze scarse o nulle o interessi nella produzione del livello di presentazione fanno parte del team. Sono in grado di costruire alcune linee guida di base e incorporare alcuni metodi CSS orientati agli oggetti e finiscono con un sistema abbastanza flessibile per disporre le pagine che hanno molte meno probabilità di romperle nelle mani.

In termini di UXD, idealmente, il layout perfetto è il layout che si rivolge ai particolari obiettivi di progettazione del progetto. Un framework Grid CSS può semplicemente rendere un po 'più facile quel particolare layout per entrare in produzione.

2
DA01

Mi piace il concetto della griglia 960 come divisibile per tante unità diverse. La tua griglia, se trovi che si adatta al tuo design, allora diventa davvero facile da tagliare, hai una certa flessibilità nel numero di colonne e la matematica generalmente si traduce in numeri che sono abbastanza facili da lavorare.

Seguire un sistema a griglia può aiutarti se il tuo progetto sta progettando "widget" riutilizzabili che potrebbero essere condivisi su una vasta gamma di siti Web. I blocchi standard possono rendere lo sviluppo più semplice e veloce.

La prova definitiva però è l'impatto sui tuoi utenti. Li aiuta a raggiungere i loro obiettivi? Aiuta a generare i giusti risultati di business? Allora fantastico! Non limitarti ad altre idee o possibilità ...

1
Nathan-W

Potrebbe non essere un Santo Graal ma ha sicuramente dato una struttura e un fascino estetico migliori da quando ho iniziato a usarlo.

I miei complessi moduli web multipagina sarebbero orribili senza di essa ... ora sono solo leggermente spaventosi;)

N

0
Nick Fine