Progettare una home page del sito web del portale (una pagina che funge da porta per una grande quantità di contenuti) può essere un progetto di web design estremamente impegnativo. La natura di un portale significa che la home page è in continua evoluzione ed è ricco di link e contenuti. Il trucco per progettare una pagina portale accessibile e facile da usare è quello di creare un layout del sito web che facilita frequenti cambiamenti di contenuto, ma rimane costantemente in stile per facilità di lettura e navigazione. Se non lo fai bene, puoi finire con una pagina ingombra che è difficile da leggere. La buona notizia è che gli esperti di web design di Michael Bell One hanno una vasta esperienza nella progettazione di siti Web di portali per scuole, aziende e istituzioni governative, compresi i servizi innovativi del Consiglio della contea di East Sussex per il sistema di ordinazione online delle scuole. Continua a leggere per scoprire alcuni dei fattori chiave che consideriamo quando si progettano i siti Web del portale
Design del sito Web del portale: Layout
Quando si considera il modo migliore per affrontare un design del sito Web del portale, inizieremo generalmente con il layout. Se stiamo progettando una pagina che sarà piena di link e informazioni, useremo in genere la maggior parte della larghezza della pagina possibile eliminando i margini di sinistra e gli spazi non necessari. Naturalmente, come responsive web design è al centro di tutto ciò che facciamo, vorremmo anche fare un uso ottimale dello spazio indipendentemente dal dispositivo che il sito web è visualizzato su. Inoltre, l’allineamento al centro dei contenuti e della grafica su una pagina del portale non funziona mai molto bene, poiché gli utenti tendono a iniziare a leggere in alto a sinistra e a scansionare rapidamente verso il basso a destra.
Il miglior approccio al web design del portale consiste nell’utilizzare scatole e forme per suddividere la pagina in blocchi di facile lettura. Tendiamo ad utilizzare una combinazione di lunghi rettangoli grigi, pannelli quadrati con colori più chiari per le sezioni di notizie e colonne in stile rivista per informazioni sulla comunità e sul tempo libero. Un font piccolo e grassetto (10px Verdana) tende a funzionare bene con questo tipo di sezioni di pagina e si distingue dai colori e dalle forme di sfondo. I collegamenti sono spesso evidenziati in tonalità familiari di blu e arancione, con icone a volte utilizzate per fornire all’utente ulteriori informazioni visive su ciò che accadrà quando si fa clic su un collegamento.
Scopri come possiamo aiutarti
Portale Web Design: Background
I prossimi elementi di design ovvi da considerare sono le immagini e i colori di sfondo. L’utilizzo di uno sfondo sottile e color pastello è un buon modo per fornire un po ‘di texture e profondità alla pagina del portale, ma se lo sfondo è troppo occupato o ha troppo colore e ombra può finire per sembrare un sito web degli anni’ 90. Le cose diventano più problematiche quando i colori che si trovano sopra lo sfondo del portale sono troppo forti. Un tipico esempio di questo è quando abbiamo il compito di ridisegnare i siti Web dei portali che utilizzano grandi quantità di ciano. Alcuni colori semplicemente non funzionano su schermi di computer, ciano essendo uno di loro. Usarlo come un colore accento può essere molto efficace, ma che copre ampie aree della pagina web con esso può portare a problemi di leggibilità.
Per i layout di pagina del sito Web del portale, è spesso una buona idea utilizzare sfondi chiari con testo scuro, o lo sfondo scuro occasionale con testo chiaro, insieme a toni più spesso su quelli fortemente saturi. Dalla nostra esperienza pluriennale nella progettazione di siti Web di informazioni pesanti, tendiamo a scoprire che l’uso di blu e grigi come colori forti tende ad essere estremamente efficace sui siti Web di notizie e portali, in quanto sono più facili per gli occhi e forniscono un migliore contrasto per un’esperienza di lettura più confortevole.
Progettazione del sito web del portale: grafica e immagini
Viene prestata particolare attenzione al modo in cui utilizziamo grafica e immagini. Se un logo è mal progettato o le immagini sono troppo piccole o non correttamente allineate con il testo, può rendere la pagina web del portale sbilanciata e disorganizzata, oltre che poco professionale. Poiché il brand strategy design è la pietra angolare della nostra attività di design digitale, sappiamo come progettare loghi ed elementi grafici che non solo si allineano con i tuoi contenuti, ma si allineano anche con i desideri e le esigenze del tuo pubblico di destinazione.
Quando si progettano i layout del sito Web del portale, miriamo anche a ridurre al minimo elementi aggiuntivi come gli scroller e i cursori delle notizie jQuery. Anche se questi generalmente funzionano molto bene, possono avere un effetto negativo sui tempi di caricamento della pagina e possono causare errori di pagina o sfarfallio. È meglio avere un pannello di notizie dedicato utilizzando HTML semplice per motivi di leggibilità, ma anche perché lo scorrimento del testo può distrarre dal contenuto della pagina nello stesso modo in cui spesso fanno banner pubblicitari o grafica animata.
Il nostro obiettivo finale quando si progettano i layout del sito Web del portale è quello di creare un hub di informazioni reattivo, accessibile e facile da usare che non solo sembra grande, ma è anche in grado di trasmettere senza sforzo una grande quantità di informazioni ai suoi lettori. Per raggiungere questo obiettivo, in genere troviamo che un layout di pagina web portale in stile rivista funziona bene. Può essere una formula ben utilizzata, ma questo perché è un mezzo estremamente efficace per trasmettere informazioni in modo rapido ed efficiente.
Scopri come possiamo aiutarti
I cinque migliori suggerimenti per un sito web di portale raffinato
Efficienza
Se hai bisogno di molti contenuti su una pagina, riduci margini e bordi per recuperare ogni pixel di riserva da utilizzare con il contenuto. Rompi il tuo layout in pannelli e spaziali a circa 10 pixel di distanza. Usa linee sottili e caratteri piccoli in grassetto e dai ai pannelli un’imbottitura interna di 10-15 pixel per mantenere il testo lontano dai bordi.
Nessun sfondo
Le immagini di sfondo vanno bene, ma fai attenzione a come le usi. Se sono troppo occupati o ripetere troppo, il risultato finale sembra solo disordinato. Prestare particolare attenzione a evitare immagini in rilievo durante la progettazione grafica del sito web del portale; semplice grafica web 2D aspetto molto più pulito e più professionale. Ricorda sempre che lo sfondo non dovrebbe mai competere per l’attenzione visiva con il primo piano, specialmente sui siti Web di informazione.
La natura di una pagina del portale significa che è piena di link. Tuttavia, la maggior parte dei portali sono suddivisi in sottosezioni e questi dovrebbero sempre essere facilmente accessibili attraverso una barra di navigazione prominente. Prova a posizionare questi link nella parte superiore della pagina o sul lato sinistro e ripetili in testo normale ai piedi della pagina per aggiungere idiot-proofing.
Calm Colours
Il colore è una parte fondamentale del design dell’interfaccia e la progettazione di un sito web del portale non è diversa. Evitare l’uso di colori brillanti e saturi come il ciano. se ti piacciono i colori vivaci provali al 10-20% se sono in background, o usali come colori di accento per sottotitoli, link e rollover CSS. Prova a usare colori tenui per scatole e sfondi: i grigi funzionano bene praticamente con qualsiasi combinazione di colori.
Evita Gizmos
Ogni web designer ama jQuery; è una fantastica libreria JavaScript e la usiamo con grande effetto su molti web design ecommerce e siti Web CMS, ma questo non significa che dovrebbe essere usato su ogni sito web. I widget e gli scroller JavaScript possono rallentare le pagine Web e causare problemi con i browser Web più vecchi. Possono anche sembrare un po ‘ di cattivo gusto se abusato. Se quello che hai da dire è importante, dovresti dirlo in modo chiaro e sicuro senza scorrere oltre l’utente come il display a LED punteggiato di rosso presso il tuo ufficio postale locale.
Progettare un sito web portale è facile; progettare un grande sito web portale è difficile. Richiede esperienza, creatività e talento progettuale per creare una risorsa informativa che sia informativa pur rimanendo accessibile e intuitiva da usare. Quindi, se la tua scuola, l’organizzazione della comunità o l’azienda trarrebbero beneficio da un design del sito Web del portale ben progettato, reattivo e accessibile, contatta Michael Bell One oggi per discutere il tuo progetto.
A proposito di Michael Bell One
Michael Bell One è un web design, SEO (Search Engine Optimisation) e agenzia di marketing digitale con sede a Lewes, East Sussex, e con uffici nel Sussex, Surrey, Londra e Kent.
Per parlarci del tuo progetto di web design, SEO o Branding, contatta James Golding al numero 01273 478822 o semplicemente inviaci una e-mail.
