Quali sono alcuni errori comuni che un designer può fare durante la progettazione per il web e come possono essere evitati?


9

Quali sono alcuni errori comuni da evitare durante la progettazione? So che il colore, il testo e le immagini giocano un ruolo importante nella progettazione, ma ci sono tante altre cose di cui dobbiamo occuparci! Non conosco quelle altre cose ma so che ce ne sono così tante ...

Molte volte otteniamo il risultato finale con errori (minore-maggiore-visibile-nascosto) ...

Quindi la mia domanda è:

  • Quali sono alcuni degli errori comuni che commettiamo? (sei incluso anche tesoro) (non è che nessuno commetta errori, lo fanno tutti)
  • Come posso evitare questi errori?

Risposte:


24

Sì, questa domanda è incredibilmente ampia. Forse va bene come articolo wiki.

Per cominciare, è necessario definire "noi". Ci sono molte, molte persone e ruoli coinvolti nella progettazione di siti Web e tutti tendono ad avere diversi errori comuni.

Ecco alcuni problemi che ho visto che sembrano apparire più e più volte:

  • Non riuscire a definire correttamente gli obiettivi aziendali per il sito Web.

  • Non riuscire a definire correttamente gli indicatori chiave di prestazione e successivamente non implementare i sistemi per misurare il successo del sito basato su di essi.

  • Progettare per le esigenze del cliente, piuttosto che per le esigenze dei clienti del cliente.

  • Non coinvolgere le persone necessarie, o almeno considerare l'attività dall'aspetto di tutti i ruoli necessari.

    Dovrebbero essere presi in considerazione tutti gli aspetti tecnici della gestione del prodotto, dell'analisi aziendale, del marketing, del copywriting, dell'amministrazione del database, dello sviluppo del back-end, della progettazione grafica, della progettazione dell'interfaccia utente, della progettazione dell'esperienza utente, dell'usabilità, delle metriche, della SEO e altro .

  • Non riuscire a pianificare o almeno disegnare il disegno.

  • Dimenticando i principi di web design adattivo e reattivo.

  • Dimenticando di progettare dispositivi con schermi di varie dimensioni e risoluzioni.

  • Non considerare tutti i fattori che influenzano la velocità di caricamento della pagina durante la fase di pianificazione e non testare la velocità durante il suo sviluppo.

    Gli errori comuni includono il caricamento di grafica altamente dettagliata in condizioni non ottimali (ad es. Come immagine di sfondo) e, in generale, il download di troppi asset di grandi dimensioni senza ottimizzare le condizioni di caricamento.

  • Usando i wireframe come documentazione, invece degli schizzi, devono essere usati come.

  • Non usare metodi Agili durante lo sviluppo.

  • L'eccessiva progettazione, un effetto collaterale molto comune del non utilizzo dei metodi Agile.

  • Scelta delle tecnologie anziché delle soluzioni.

    Ad esempio, la scelta di un prodotto aziendale per tutti i motivi che lo rendono buono; anche quelli che non ti riguardano; piuttosto che chiedersi se è in grado di risolvere i problemi specifici per cui lo desideri, bene.

  • Dimenticando copywriting / contenuto. Questo deve avvenire all'inizio del processo, non più tardi.

  • Progettare un file PhotoShop anziché una pagina Web effettiva.

    Se focalizzato solo su Photoshop, non si considerano fattori come varianze di caratteri, altri dispositivi, dimensioni dello schermo, ridisposizione dei contenuti, design dell'interazione e molti altri.

  • Progettare un file flash o idee stravaganti che possono essere raggiunte solo con un file flash, invece di un sito web SEO friendly pieno di contenuti leggibili.

  • Sviluppare il design di un sito Web funzionante concentrandosi su un browser specifico anziché testare continuamente il maggior numero di browser possibile.

  • Mancata applicazione dei principi di accessibilità durante la pianificazione, la progettazione e l'implementazione del sito Web.

  • Aspettare troppo a lungo per coinvolgere gli utenti, quindi spesso è necessario cambiare qualcosa che potresti conoscere prima.


4
Se valutassimo le domande in base alla qualità delle risposte che producono, questa sarebbe in cima alla lista. Risposta fantastica.
Alan Gilbertson,

1
Accetto di fare molte di queste cose :( vorrei poter votare due volte ...
Jack,

1
cosa significa "Progettare un file Photoshop invece di un sito Web"? troppi effetti? puoi espanderci un po 'su quel proiettile?
Lauren-Clear-Monica-Ipsum,

2
@lauren Intendo principalmente dedicare tutto il tempo a progettare visivamente il sito in Photoshop, piuttosto che in HTML, CSS e JS. Se focalizzato solo su Photoshop, una volta non si considerano cose come varianze di caratteri, altri dispositivi, dimensioni dello schermo, ridisposizione dei contenuti, ecc.
DA01

1
@utente vai per questo!
DA01,

3

Penso che un errore molto comune nel web design sia evidente sul web mobile.

Se navighi sul Web su un piccolo dispositivo mobile, come iPhone o BlackBerry, noterai che a volte i pulsanti sono troppo piccoli.

Ora questo non è sempre il pulsante stesso, ma un errore che viene fatto è che spesso non c'è abbastanza spazio attorno al pulsante.

Supponiamo che stiamo facendo un sondaggio e che ci sia un pulsante Indietro e uno successivo l'uno accanto all'altro, hanno bisogno di spazio per respirare in modo che l'utente possa premere il pulsante e non toccare quello sbagliato per sbaglio.

Questa è una cosa comune e una considerazione importante nella progettazione della posta elettronica per l'utente mobile.


Trovo che questo sia vero sui siti mobili SE. Tocco costantemente il link "fai domanda" quando intendo ottenere il menu a discesa dell'account utente.
Farray,

2

Penso che la risposta di DA01 sia già un eccellente elenco di cose da considerare. Sto aggiungendo la mia risposta sia perché è importante che per rispondere alla domanda poiché mi piacerebbe davvero vedere più risposte a questo.

Un'altra considerazione molto importante nella progettazione di un sito Web è la velocità. Essere consapevoli di tutti i fattori che influenzano la velocità di caricamento della pagina prima di iniziare a progettare dovrebbe aiutare a non perdere molto tempo a creare grafica e architettura che in seguito dovrai cambiare completamente perché il sito Web impiega 30 secondi (esempio estremo) per caricare.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.