Upscaling Responsive, evoluzione nel Design E-Commerce

La rivoluzione portata dal responsive design è veramente su di noi (se non è già successo!),anche se molti siti e-commerce non hanno raccolto il responsive design come in altri settori, dato che sta diventando sempre più popolare.

Finora la maggior parte del pensiero che segue il responsive design ha girato intorno al cellulare ed al computer. Ancora poca attenzione è stata rivolta alle opportunità per ottimizzare i siti web per i moderni schermi di grandi dimensioni.

Considerate questo:

Solo il 18% dei 50 principali siti e-commerce USA hanno ottimizzato il loro progetto per monitor di grandi dimensioni (ancora il 94% di questi siti hanno un design ottimizzato per i dispositivi mobili).

Circa i tre quarti delle vendite di e-commerce avvengono ancora su PC, e dispositivi mobili e non.

Circa un terzo di questi utenti hanno schermi più larghi di 1350 pixel

Sulla base di queste statistiche, sembra necesario fornire un'esperienza ottimizzata per gli utenti con schermi di grandi dimensioni . In effetti, la progettazione di grandi schermi potrebbe rivelarsi molto importante per la progettazione di siti e-commerce.

In questo articolo, esploreremo come i progettisti di e-commerce potrebbero usare upscaling su misura per gli utenti con grandi schermi.
Molti siti di e-commerce non fanno uso dello spazio disponibile su schermi più grandi. Il risultato: spesso si presenta molto spazio bianco circostante alla pagina in cui sono piuttosto stipati i prodotti visibili e tutto il contenuto della pagina.
Nel visitare shop on line gli utenti hanno bisogno di grandi miniature per valutare con precisione i prodotti che vogliono acquistare.
ed invece il contenuto della pagina è stipato in un disegno stretto ottimizzato per adattarsi allo schermo di un portatile.

Eppure "l' upscaling reattivo" può essere usato per offrire un'esperienza superiore per utenti su monitor di grandi dimensioni utilizzando lo spazio extra per fornire immagini più grandi, gruppi di prodotti aggiuntivi, una migliore contesto di pagina e un più facile accesso alle pertinenti azioni del sito web (filtro e ordinamento, pulsanti "Aggiungi al carrello", ecc).
Ci sono fondamentalmente due modi per utilizzare lo spazio in più: inserire contenuti aggiuntivi nella pagina (cioè il contenuto che è disponibile solo a risoluzioni di grandi dimensioni), e presentare il contenuto della pagina esistente in un modo diverso (ad esempio riposizionare elementi, cambiare la loro disposizione, scala up, ecc).
Uno schermo più grande non significa che l'utente vuole improvvisamente un layout angusto , né uno schermo più piccolo significa che l'utente non vuole mai richiedere qualsiasi tipo di informazione che ha visto sul sito prima. Pertant occorre mostrare lo stesso contenuto, ma posizionato diversamente in modo che sia ottimizzato per lo schermo sul quale deve essere mostrato.

Contenuti irrilevanti non dovrebbero mai essere aggiunti alla pagina solo perché c'è spazio nella pagina. Allo stesso modo, il contenuto importante non dovrebbe mai essere lasciato fuori solo perché non puo' essere visibile sugli smarthphone. Il contenuto deve essere inserito in schermi ad alta risoluzione solo quando quel contenuto rende in qualche modo senso solo su schermi più grandi, ma non sugli schermi normali.

Ovviamente, contenuti importanti potrebbero essere presentati in modo molto diverso a seconda dello spazio disponibile, ma dovrebbe essere disponibile in tutte le versioni del web design durante la realizzazione siti web .

realizzazione siti web, responsive, upscaling, web design