Progettazione di punti di ingresso efficaci in Web Design

La creazione di un "punto di ingresso" invitante è importante in qualsiasi tipo di disciplina progettuale, ma soprattutto nel web in cui l'attenzione è ridotta e i primi momenti della visita dell'utente possono farcela o interromperla. Se il tuo obiettivo è creare un "splash screen" appariscente o stai progettando una homepage più tradizionale, ci sono semplici decisioni di progettazione che puoi prendere per migliorare le tue possibilità di mantenere i visitatori sul tuo sito.

In questo articolo, illustreremo i principi principali della progettazione di un punto di ingresso efficace per il tuo sito web. Non discuteremo approfonditamente di alcun elemento specifico; Piuttosto, esamineremo i principi generali che ogni designer dovrebbe avere in mente quando crea la prima impressione sempre importante di un sito.


Libri del giudice della gente per le loro copertine

Indipendentemente da ciò che le ha insegnato loro la mamma, la gente non sembra avere l'abitudine di giudicare le cose dalle loro prime impressioni. Mentre un pessimista potrebbe dire che questo è tragico, i designer di libri di tutto il mondo gioiscono ogni volta che lo sentono, e anche tu dovresti!

I ricercatori sembrano concordare sul fatto che hai tra 3 e 5 secondi per attirare l'attenzione di un visitatore. Questa impressione iniziale di un sito Web influenza notevolmente la percezione del sito da parte del visitatore e il suo atteggiamento nei confronti del contenuto di quel sito. Una pagina di caricamento lento o un fastidioso splash screen possono mandare le persone lontano dalla pagina prima ancora di vedere cosa ha da offrire. Inoltre, i siti che utilizzano pubblicità pop-up, finestre modali e fanno saltare le persone attraverso gli altri cerchi solo per arrivare alla schermata principale possono sembrare invadenti, anche se i proprietari del sito web hanno buone intenzioni.

Creare un punto di accesso che funzioni effettivamente per migliorare le possibilità di mantenere i visitatori non è poi così difficile. Di seguito sono riportati i tre principi principali di "buona progettazione del punto di ingresso" che ogni designer può utilizzare nel proprio sito, indipendentemente da cosa sia il sito Web:


Principio 01: abbattere le barriere

Considera il punto di ingresso del tuo sito come se fosse una vetrina: non costringere i visitatori del tuo negozio a stare in piedi e ascoltare un discorso introduttivo di 30 secondi prima che gli fosse permesso di acquistare; Inoltre, non si riempiono le mani di pubblicità per altri negozi, abbonamenti, sondaggi o qualsiasi altra cosa mentre camminavano nella porta. Il tuo obiettivo principale quando si progetta una vetrina è semplice: rendere il processo di acquisto più semplice, agevole e diretto possibile. Le stesse regole si applicano al web design: minori sono le distrazioni che offri al punto di ingresso, migliore sarà l'esperienza dei tuoi visitatori.

Non costringere i visitatori del tuo negozio a stare in piedi e ascoltare un discorso introduttivo di 30 secondi prima che gli fosse permesso fare acquisti ...

Stile, carattere, personalizzazione e personalità sono tutte cose grandiose per il tuo sito Web, ma se il tuo sito non riesce a far sì che gli utenti facciano clic in realtà, anche il design più accattivante non migliorerà il tuo posizionamento sul traffico.

Non dovrebbe mai esserci una barriera tra il visitatore e ciò che stanno cercando. Esempi di barriere includono le famigerate pubblicità pop-up e gli splash screen a caricamento prolungato, ma possono includere molte altre cose. Considera un sondaggio che invita gli utenti a condividere i loro feedback per migliorare il sito: questa potrebbe sembrare una grande idea in superficie, ma molti utenti vedranno tutto ciò che si mette sulla loro strada come una ragione per andarsene. Ricorda, il web è un posto grande - se gli utenti vengono presentati con barriere tra loro e le informazioni che cercano, partiranno rapidamente per trovare un altro sito privo di barriere.

Ci sono una serie di motivi per cui potrebbe essere necessario includere una barriera. I siti che richiedono la verifica dell'età, richiedono plug-in speciali o richiedono che gli utenti specifichino un paese di origine richiedono tutti una pagina di "checkpoint" in cui gli utenti possono essere convogliati nel posto giusto. Se devi assolutamente includere uno di questi elementi barriera, assicurati che sia immacolato; Proprio come un visitatore della nostra ipotetica vetrina potrebbe non entrare se all'esterno del tuo negozio se sembra sporco o disordinato, i visitatori del tuo sito web potrebbero andarsene in fretta se la schermata iniziale è confusa o li convince che il sito Web non è quello che stanno cercando per.


Esempio: Coda


Esamina la homepage di Coda: viene offerta una piccola manciata di scelte chiare, nient'altro per distrarre o confondere il visitatore.

Coda è un'applicazione di sviluppo web che combina un'ampia varietà di strumenti sotto lo stesso tetto. Sembra complicato (e lo è se ci pensi davvero!), Ma l'homepage di Coda è sempre stata l'epitome della semplicità. Limitando la quantità di informazioni che forniscono agli utenti sulla home page, invitano gli utenti a A) scaricare l'app o B) ottenere maggiori informazioni. Qualsiasi scelta fatta da un utente, l'obiettivo di portarli nel sito è stata raggiunta!


Principio 02: Design Punti di interesse

Un punto di ingresso efficace dovrebbe consentire ai visitatori di orientarsi rapidamente con dove sono ora e dove possono andare. Nella nostra ipotetica vetrina, questo potrebbe significare fornire una visione chiara dei corridoi principali nel negozio. In un sito Web, questo può essere semplice come progettare un menu di navigazione chiaro e ben organizzato. Il principio di base è consentire alle persone di rivedere le proprie opzioni senza confusione o confusione. Compreso "spunti orientativi" per aiutare i visitatori a sapere dove possono cercare e come trovare i contenuti che stanno cercando sono semplici modi in cui il design può aumentare l'usabilità di un sito.

La progettazione di punti di interesse non deve essere complicata; Al contrario, i punti di interesse in un progetto dovrebbero essere semplici, ben distanziati e facilmente riconoscibili. L'imballaggio in troppi punti di interesse può effettivamente interrompere un progetto sovraccaricando un utente con opzioni.

Pensa al design del tuo sito web come a un menu di un ristorante: se un cameriere ti consegna un menu lungo 100 pagine, non saprai da dove cominciare a cercare ciò che vuoi mangiare. Se il tuo cameriere ti consegna un menu semplice con 5 o 6 gustose opzioni di antipasto, probabilmente sarai in grado di decidere in pochi istanti (e poi potrai passare ad un pasto piacevole)!


Esempio: iTunes Music Store


Questo è iTunes Music Store di Apple. Notare l'ampia gamma di opzioni che l'utente presenta con un semplice colpo d'occhio.

L'esempio di iTunes Music Store è curioso; Non ci sono molti compiti di progettazione più difficili del tentativo di progettare un catalogo musicale che sia attraente per gli hard-rocker, gli amanti dell'hip hop e la mia cara madre. Lo storefront di iTunes fa proprio questo però - progettando i punti di interesse attraverso la pagina, così come i link che funzionano da archivio sul lato destro, quasi ogni tipo di utente riceve qualcosa di interessante - che si tratti di persone che cercano un artista molto specifico o browser casuali che cercano solo le novità. Sono sicuro che ci sono persone che non amano questo design per un motivo o per l'altro (questo è un prodotto Apple dopo tutto!), Ma è difficile discutere con la funzione del design qui.


Principio 03: Progettazione di esche progressive

Gli elementi sulla pagina di destinazione di un sito dovrebbero essere utilizzati per attrarre e spostare le persone attraverso il punto di ingresso. Includere elementi che attirano l'attenzione, come un cursore jQuery interattivo, può portare rapidamente un visitatore in un sito invitandoli a fare clic per saperne di più su una particolare diapositiva. Utilizzare titoli convincenti per contenuti nuovi o eccitanti può attirare l'interesse di un visitatore; Suddividi i contenuti in categorie chiaramente definite per aiutare gli utenti a trovare qualcosa che li interessi. L'insieme perfetto di elementi di design sarà diverso per ogni sito, ma considera il contenuto che hai e progetta la tua home page per presentare quel contenuto come se fosse una festa apparecchiata su un tavolo (al contrario di un confuso dispensa di ingredienti!).


Esempio: The Daily Beast


La homepage di Thedailybeast.com svolge un lavoro efficace nella creazione di un punto di ingresso che offre una vasta gamma di esche.

Thedailybeast.com è un altro animale interessante. Sono essenzialmente un giornale politico - un tipo di sito che non ha sempre visto i più alti standard di progettazione. Ma dove altri siti di "giornali" hanno provato e fallito, The Daily Beast ha successo. Lo fanno creando più "punti di ingresso" nel loro sito dalla homepage. C'è un cursore per le immagini, un audace "cheat sheet", molti titoli principali e molto altro ancora. Che tu sia d'accordo o meno con la loro scrittura, è terribilmente difficile non fare clic su qualcosa.


Conclusione

La progettazione di un punto di ingresso efficace non deve essere complicata o difficile. Se riesci a rompere il messaggio principale del tuo sito in pochi semplici punti, puoi usare quei punti come una roadmap per il tuo progetto. Elimina le barriere tra i tuoi utenti e i tuoi contenuti e si troveranno naturalmente tra loro. Lascia alcuni commenti qui sotto!