6 suggerimenti per creare migliori siti Web con una sola pagina
I siti web di una sola pagina sono caldi e popolari - non c'è dubbio. Ma non sono per tutti o per tutti gli affari. È facile volerne uno perché sono popolari; e se fatto correttamente, il tuo potrebbe essere un successo. Ma assicurati che il tuo progetto sia qualificato per primo.
Un buon candidato per un sito web di una sola pagina non è super-pesante sul contenuto. Hai solo una pagina per ottenere il tuo punto di vista, e ci sono solo tante animazioni e trucchi che puoi introdurre prima che diventino stantii.
Inoltre, la maggior parte dei siti web di una sola pagina non sono convenzionali nel loro layout. Cercare di adattare un sacco di contenuti su una pagina senza sembrare ingombra è piuttosto difficile.
I potenziali usi variano, ma alcuni dei candidati più popolari per siti Web di una sola pagina sono portafogli personali e siti Web per aziende che vendono solo alcuni prodotti o servizi.
Se sei idoneo, assicurati che il tuo sito web raggiunga il punto. Ci sono sempre alcune cose che devi seguire durante la creazione di qualsiasi sito web, ma i punti seguenti sono particolarmente importanti per i siti web a pagina singola.
1. Rimani concentrato
Rendi tutto il più semplice possibile per il pubblico. È probabile che, se stai considerando un sito web a pagina singola, probabilmente non hai un sacco di contenuti. Va bene. A volte siamo tentati di aggiungere un sacco di pelucchi ai nostri siti web. I siti web a pagina singola non richiedono alcun tipo di fluff perché il loro unico scopo è raggiungere il punto. Se sei un designer che mette insieme un portfolio, presenta il tuo miglior lavoro; non farti distrarre da progetti mediocri o dal tuo business da t-shirt laterale.
Spoglia il tuo sito web di qualsiasi tipo di peluche e prendi le cose che contano. Sebbene questa sia una buona strategia per qualsiasi sito Web, la maggior parte dei siti Web di più pagine può farla franca, perché gli utenti solitamente sanno dove trovare le informazioni che desiderano. Con un pager, ottieni uno scatto, e se le informazioni che qualcuno sta cercando non sono lì, le perderai.
Non c'è dubbio su cosa stia vendendo questo sito di e-commerce.
Questo portfolio arriva dritto al punto. Un bellissimo design minimalista, anche.
2. Dare al layout una gerarchia
Oltre a mantenere l'attenzione del visitatore, un sito web a pagina singola dovrebbe mostrare il tuo prodotto o servizio. Se pensi ai siti web di una sola pagina che hai incontrato, probabilmente hanno uno scopo singolare, che sia quello di mostrare il lavoro di progettazione di un'agenzia o di suscitare interesse in un evento imminente.
Un ottimo design e un layout mirato possono aiutare a definire lo scopo del tuo sito web. Tu, come designer, hai il potere di dirigere gli occhi del visitatore dove vuoi che vadano. Le persone notano naturalmente grandi cose prima e le piccole cose durano, quindi usale a tuo vantaggio. Le cose importanti non dovrebbero essere le cose più piccole o le ultime sulla pagina.
Quei paragrafi introduttivi di caratteri grandi sono diventati così popolari nei portafogli dei designer perché arrivano rapidamente e sembrano interessanti per le persone che cercano un designer. L'ultima cosa che probabilmente vorresti vedere è da quale scuola si sono diplomati. Ma tu vuoi sapere in cosa si specializzano e che tipo di lavoro fanno.
Ancora una volta, hai poche opportunità preziose per trasmettere il tuo messaggio, quindi fallo bene. Se ritieni di avere troppi contenuti per poterlo fare, prendi in considerazione l'idea di utilizzare un sito Web di più pagine.
Mentre questo sito web fa diversi punti, anche all'interno di questo screenshot, possiamo dire più o meno la cosa più importante.
Possiamo dire cosa fa questa compagnia, ma la gerarchia visiva potrebbe essere migliore.
3. Cancella la navigazione
Alcuni siti Web di una pagina sono pagine statiche la cui navigazione porta il visitatore a siti Web esterni. Ad esempio, un musicista potrebbe avere un'opzione di navigazione sul proprio sito Web etichettata "Video" che ti porta al suo account YouTube. Non c'è assolutamente nulla di sbagliato in questo, e rende anche le cose facili (specialmente per i non-programmatori). L'unica cosa è che i visitatori dovrebbero sapere quando vengono indirizzati a una pagina esterna.
Se il tuo sito web di una pagina deve mostrare un prodotto e il tuo link di acquisto invia i clienti a una piattaforma di pagamento esterna senza comunicarli, potresti perdere alcune vendite.
Il tuo obiettivo è di mantenere tutto semplice. Reindirizzare gli utenti a siti Web esterni senza preavviso può creare confusione. Potrebbero presumere che il collegamento sia rotto o errato. Prendi in considerazione l'utilizzo di icone (molte di quelle gratuite sono disponibili) o le intestazioni per far sapere ai visitatori dove sono diretti.
Ecco cosa non fare. I link in alto ti portano fuori dal sito web senza preavviso. Questo mi ha davvero sconvolto.
Il design e la codifica di questo sito sono molto insoliti. Tuttavia, i collegamenti alle pagine esterne si distinguono dai cerchi verdi e sono etichettati come tali.
4. Vai pazzo design
Ora arriviamo alla parte divertente: usare un sito web a pagina singola da mostrare. Non vuoi che il sito web sia noioso o ripetitivo, quindi impazzisci. Porta il design al livello successivo e pensa fuori dagli schemi. Un design non ortodosso va bene per attirare l'attenzione sul tuo prodotto e renderlo memorabile.
Gli one-page sono diventati sinonimo di grande design, perché puoi fare di più con la tela più grande. Non sei obbligato a usare lo stesso sfondo ovunque; lo cambi attraverso le sezioni. Scorrere tra i siti Web di una sola pagina è spesso come sfogliare una rivista o una presentazione di diapositive ben assemblata. Sfruttare le possibilità.
Rendi il design eccezionale, utilizzando foto di grandi dimensioni che coprono l'intera finestra del browser o creando un fantastico sfondo illustrato. Otterrete punti bonus e potrebbe finire per essere presenti nelle vetrine del design Web.
Questo design è mozzafiato, qualcosa come un poster. E il resto del sito non delude.
La pulizia di questo design (e del codice) è sorprendente. Ti fa fermare e fissare.
5. Vai codifica pazzo
Proprio come con il design, vuoi mostrare anche le tue capacità di codifica. Si suppone che i siti Web a pagina singola siano interagiti con. L'esperienza dell'utente è fondamentale, quindi fai attenzione ai dettagli. Il codice può portare il tuo sito Web al livello successivo.
Alcune cose a cui prestare attenzione sono i colori e il comportamento dei collegamenti (specialmente il selettore al passaggio del mouse); l'aspetto e il comportamento delle forme (ad esempio, rendendo la forma adatta al progetto e utilizzando i validatori AJAX e JavaScript); invio e messaggi di errore (utilizzati con i moduli e alcuni AJAX); e la griglia e il posizionamento del contenuto (nonché il comportamento del contenuto nella finestra del browser). Tutti questi dovrebbero allinearsi con il design.
Un bel modo semplice per far funzionare il codice su un sito web a pagina singola.
Potrei essere di parte perché mi piace il trucco in cui il contenuto si carica sullo scroll, ma l'attenzione ai dettagli nel codice qui è incredibile tutto intorno.
6. Muovilo
Oltre a occuparsi dei dettagli della codifica, è possibile utilizzare il codice per creare movimento ed eccitazione nella pagina. Ancora una volta, evitare di essere noiosi. Dai alla tua pagina un senso di vita e di movimento; fai sembrare che si stia muovendo con i visitatori. Aggiungi alcune divertenti animazioni o transizioni per far risaltare la pagina.
Lingue come jQuery e AJAX sono diventate lo standard per la creazione di movimento su un sito web. Se rendi il contenuto sfumato da lati diversi o che lo sfondo diventi una presentazione, mantieni il pubblico coinvolto.
Questo sfondo è un'animazione. Non ho idea di cosa sia il sito web, ma sembra pulito.
Le transizioni su questo sito sono eccellenti. Ama questo!
Quali altre cose sono necessarie per rendere un sito Web di una pagina speciale?