risposta-alla-domanda-sullo-sviluppo-web-bd.com

La scarsa qualità dell'immagine può influire negativamente sull'esperienza dell'utente anche se migliora le prestazioni del sito Web?

La scarsa qualità delle immagini può influire negativamente sull'esperienza dell'utente, sebbene migliori le prestazioni del sito Web? Utilizziamo 3 tipi di immagini sul nostro sito Web:

  • Icone, logo, proiettili
  • Foto di riserva come persone reali, natura, immagini dei prodotti ecc.
  • Immagini CSS ripetute o non ripetute

L'ottimizzazione delle immagini per le prestazioni è considerata la migliore pratica; il più delle volte lo facciamo. Mi confondo spesso su quanta compressione dovrei usare.

Le mie domande sono: la riduzione della qualità di un'immagine per ridurre le dimensioni del file può influire negativamente sull'esperienza dell'utente? Gli utenti si aspettano immagini nitide e chiare? E quanto sono importanti le immagini di alta qualità per gli utenti?

3
Jitendra Vyas

, per i seguenti motivi

  • Se vedo un sito con immagini di scarsa qualità o schiacciate o addirittura allungate, a meno che il sito non abbia un marchio forte dietro di esso, dubiterei seriamente della qualità del marchio poiché non sembrano interessati a presentare un fronte positivo con immagini di scarsa qualità.
  • In secondo luogo, se il sito ha un buon contenuto ma immagini di scarsa qualità, c'è un margine di significato per me essere distratto dalle immagini (poiché gli elementi visivi si distinguono più del contenuto) che degradano la mia esperienza utente.
  • Se vado a un sito di prodotti o a un sito di e-commerce che mi fornisce immagini di scarsa qualità del prodotto che sta cercando di vendermi, la mia fiducia è naturalmente ridotta e esiterei ad acquistarlo.

Per esempio. Recentemente volevo comprare un contenitore per disco rigido per laptop e stavo faticando a trovarne uno nella mia città. Alla fine ho trovato un rivenditore online che lo ha venduto, ma la qualità dell'immagine che aveva messo sul sito era così vaga che non avevo dubbi su quando il prodotto fosse reale o un falso e non ho effettuato l'acquisto

Consiglio di guardare questo eccellente discussione sulla qualità dell'immagine e su come influenza la conversione

Riassumendo cosa dice l'articolo in merito all'importanza di avere un'immagine di alta qualità:

Ciò è importante perché il tuo obiettivo è fornire informazioni sufficienti agli utenti affinché possano valutare/confrontare il prodotto e prendere una decisione di acquisto. Se i dettagli di un prodotto sono importanti per l'utente ma non riescono a distinguerli, ci sono buone probabilità che lascino il tuo sito web e guardino altrove.

Questo articolo Come scegliere le immagini per il tuo sito Web evidenzia anche alcuni punti chiave:

  1. Le immagini di bassa qualità non sono solo spiacevoli da vedere, ma danno anche l'impressione di un'operazione amatoriale, e questa è l'ultima cosa che desideri che le persone associno al tuo sito web.

  2. Le immagini non sono solo un bel condimento. Sono uno strumento di marketing, arricchiscono i contenuti del sito e creano fiducia per i visitatori che il tuo sito non è una bufala.

2
Mervin

È davvero un'ottima domanda. Eppure, come hai formulato la tua domanda, la risposta è molto chiara: la scarsa qualità dell'immagine può avere un effetto negativo sull'esperienza utente? -> assolutamente, può!

Certo, quindi la domanda è: cosa fare al riguardo? Quali sono i modi migliori per ottenere buone prestazioni del sito Web e una buona qualità delle immagini?

Alcuni suggerimenti:

  • a mio parere, puoi e dovresti usare grafica di qualità superiore per i display Retina e sapere che tali grafici (se li implementi nel modo giusto) verranno utilizzati solo per dispositivi con display Retina. I dispositivi con display "normali" continueranno a utilizzare l'altra grafica. Pertanto, è necessario fornire due risoluzioni per ogni immagine.

  • sì, è vero che i dispositivi con display Retina non avranno sempre una connessione Internet veloce, come è vero per i dispositivi senza display Retina. Ma prima questo cambierà in futuro poiché ci saranno molti più servizi e funzionalità disponibili, quindi è solo una questione di tempo. Se guardi al futuro, non preoccuparti troppo.

In secondo luogo, per gli utenti con connessioni Internet lente il tuo sito non sarà l'unico che impiegherà molto tempo a caricarsi. Questa non dovrebbe essere una scusa, ma ciò che intendo è che è simile agli utenti che utilizzano vecchi browser Web: sono in minoranza e non si aspettano che il tuo sito sia diverso da qualsiasi altro.

E infine, sì fino ad ora solo l'iPhone e l'iPad avevano display retina, tuttavia ora il primo MacBook Pro con display retina è stato lanciato da Apple e ci si può aspettare che in futuro anche il laptop linee e computer desktop avranno risoluzioni più elevate.

Quali sono le migliori pratiche e soluzioni?

  • usa il minor numero di immagini possibile! Per qualsiasi cosa relativa al layout, non utilizzare affatto le immagini se è possibile. Questo è più facile che mai con CSS3. Esempio: ho sentito (mai verificato in realtà) che il menu in alto su www.Apple.com sia basato solo su CSS. Quindi, molto è possibile al giorno d'oggi.

  • sapere come comprimere le immagini nel modo giusto! Leggi la differenza tra JPEG, JPEG 2000, GIF e PNG. I buoni programmi di modifica delle immagini possono comprimere le immagini molto bene senza ridurne molto la qualità. Molto facile - pensa a siti come Facebook o Flickr, devono gestire milioni di foto e molte foto su una pagina - quindi IS possibile.

  • alla perfezione l'esperienza dell'utente: è possibile precaricare le immagini. Google lo fa senza che tu lo sappia, ad es. inserisci un termine di ricerca inizia già a precaricare le immagini dei primi risultati elencati.

  • e tuttavia: pensa a quali foto sono davvero necessarie per essere visualizzate e alla risoluzione. Inoltre, durante il caricamento del sito, il caricamento delle immagini interrompe il caricamento del layout? Prova a caricare prima il layout e poi le immagini.

Complessivamente ci sono molte altre cose che potresti migliorare prima di ridurre le dimensioni dell'immagine. Spesso le persone si concentrano sulla riduzione delle dimensioni delle immagini sulle pagine Web senza sapere che i plug-in di terze parti come i social plugin di Facebook rallentano il sito molto più di quanto farebbe qualsiasi immagine.

4
Chris