it-swarm-eu.dev

L'interfaccia utente (o il backend) deve essere a larghezza o fluido fissi?

Possibile duplicato:
Per i siti Web, è meglio avere un layout a larghezza variabile o un layout a larghezza fissa?

Stiamo per ricostruire un'applicazione basata sul web e attualmente l'interfaccia utente è a larghezza fissa, abbiamo dato un'occhiata ad alcune altre applicazioni e abbiamo notato che sono fluide.

Sono un fan dei layout a larghezza fissa perché ho un monitor widescreen ma noto che sempre più applicazioni utilizzano layout fluidi.

Cosa ne pensi di questo?

Ho appena dato un'occhiata alle nostre statistiche di Google Analytic e ho notato che le risoluzioni dello schermo più popolari sono 1024x768, 1280x800 e 1280x1024. Da quel punto in poi gli schermi diventano sempre più grandi.

14
el baby yeh

Un layout fluido con limiti può offrire il meglio di entrambi i mondi. Il layout riempie la larghezza della finestra del browser, ma ad un certo limite (ad esempio 1200 pixel) il layout non si allargherà. Pertanto, gli utenti con monitor widescreen da 30 "potranno utilizzare una finestra a schermo intero senza ridicole pagine orizzontali.

All'interno della larghezza complessiva, la dimensione del testo viene specificata in modo tale che il testo possa ancora essere ridimensionato come richiesto dall'utente.

Non esiste una larghezza minima fissa per il layout, ma esiste un minimo impostato che il layout supporterà. Ad esempio, è possibile progettare il layout in modo che appaia buono anche se l'utente ridimensiona la finestra a 600 pixel di larghezza. Gli utenti possono rendere la finestra del browser più piccola di questa, ma possono finire con barre di scorrimento o un layout disordinato.

Questo approccio può massimizzare l'usabilità e il fascino estetico per la maggior parte degli utenti, garantendo al contempo che il sito rimanga almeno funzionale per tutte le dimensioni dello schermo.

9
Bennett McElwee

Concordo con Bennett, limiti fluido + min + max. Ho sentito che le linee di lunghezza di 55 caratteri (CPL) sono una buona guida ma non ho visto prove conclusive per questo, ma è meglio di nessuna linea guida. Non dimenticare se non hai un foglio di stile di stampa (e ovviamente se lo fai) che se ti aspetti che gli utenti stampino cose (e non facciano ipotesi qui - le persone stamperanno/PDF le pagine più spesso di quanto pensi) quindi dovrebbe funzionare a circa 660 px per una pagina verticale A4, oltre ovviamente a tutte le altre risoluzioni standard appropriate per le persone per le quali stai progettando, in base ai profili della tua persona.

4
Nathanael Boehm

La risposta a questa domanda è un grosso "dipende".

Ho capito che stai creando un'interfaccia back-end (forse una sorta di CMS?), Quindi a seconda di come è strutturata la tua interfaccia, potresti prendere in considerazione l'uso di portlet (come iGoogle).

In questo modo più ampio è lo schermo, più puoi adattarti all'altezza degli occhi. Esistono altri motivi che si adattano perfettamente a un layout elastico, puoi limitare la quantità di elasticità e così via ...

Ma ancora una volta, sarebbe bello sapere di più sull'app che stai cercando di riprogettare per essere in grado di aiutarti di più.

3
LuckyMethod

Il "fluido-a-un-punto" è sicuramente qualcosa che vale la pena considerare, anche se dipende molto dai tuoi contenuti (e da ciò che conosci della tua base di utenti). In un recente progetto, abbiamo costruito componenti per i quali sappiamo che ci sarà una piccola quantità di informazioni e rendendo questi fluidi davvero assurdi - a larghezze maggiori (anche limitate), la piccola quantità di informazioni in alcuni blocchi su la pagina ha fatto sembrare un layout fluido completamente stupido.

Affidarsi agli attuali utenti/statistiche è sicuramente utile, ma probabilmente un po 'limitante poiché i dati demografici probabilmente cambieranno abbastanza rapidamente e se vuoi che il tuo progetto duri qualche anno potrebbe valere la pena pianificare un aumento dei visitatori con una risoluzione più alta.

Sto notando che sempre più applicazioni utilizzano layout fluidi.

App come la tua o app in generale? Sono un po '"sconosciuto" qui - alcuni layout possono essere più appropriati a seconda di cosa sia effettivamente la tua app e di ciò che offre.

2
Sam K

bene, se si tratta di un CMS, è probabile che poche persone lo usino, quindi è facile raccogliere alcune informazioni sulla risoluzione.

Preferisco un'interfaccia utente liquida, anche se ho due monitor enormi (fai attenzione a utilizzare righe di sfondo alternative ed evidenziare per i dati attuali su tabella).

Ho visto che la maggior parte delle persone che hanno monitor da 24 "- 30" non usano finestre ingrandite (specialmente gli utenti Mac).

1
Bobby Tables