Ho guardato un sacco di siti portfolio. La buona notizia è che sono pagato per farlo. Guardo un sacco di portafogli, scelgo quelli che mi piacciono di più, e poi trasformo magicamente quei portafogli in un articolo mensile. Il caffè conta come per magia.

Prendo i portafogli su criteri prevalentemente estetici. Scelgo ciò che mi sembra buono, sia professionale che familiare, o selvaggio e postmoderno. Prendo questi siti per come potrebbero ispirare altri designer a rompere gli schemi, e provare qualcosa di nuovo.

Li giudico anche segretamente sulla base del fatto che li assumerei o meno per lavoro. Molti designer con un forte senso estetico sono carenti nel reparto UX e il loro sito è quasi impossibile da navigare. A volte l'interfaccia utente è facile da navigare, ma ci sono possibili problemi funzionali. A volte sono problemi che potrebbero essere facilmente risolti con un miglioramento progressivo, ma nessuno si è preoccupato.

Ci sono due ragioni per questo: la sperimentazione del vagabondaggio e la sperimentazione fuori posto.

Il "non fare"

Bandwagon-hopping

Seguire le tendenze non è una cosa intrinsecamente negativa. In questo momento, le tendenze sono fondamentalmente ciò che spinge in avanti il ​​web design. È così che siamo passati dai gradienti "Web 2.0" allo skeuomorphism, e poi al design piatto e oltre. Le persone che seguono le tendenze e l'inevitabile reazione contraria alle persone che seguono le tendenze sono ciò che mantiene la disciplina viva, interessante e in continua evoluzione.

Più di recente, le tendenze sono il modo in cui ci siamo ritrovati con alcuni siti di stile postmoderni altamente creativi:

blackballoon
samlordflavin

Le tendenze sono il modo in cui siamo finiti con siti audaci basati sulla tipografia:

B14

Le tendenze sono la ragione per cui abbiamo parlato di brutalismo e pseudo-brutalismo per un mese prima che ce ne dimentichiamo:

claudiadoms
01Buero

Il rovescio della medaglia è che molte persone abbracciano le tendenze senza pensarci troppo. Non pensano allo scopo dietro l'estetica, o alle preoccupazioni di usabilità delle persone che hanno iniziato queste tendenze. Questi stili estetici non vengono dal nulla. Venivano dalle menti di persone che avevano bisogno di risolvere un problema specifico, per grattare un particolare prurito.

Non c'è niente di sbagliato nell'avere un design in uno stile attualmente di tendenza, ma assicurati di adottare la tendenza per i giusti motivi.

Sperimentazione malriposta

Se fai qualche lavoro creativo, ti verrà sempre voglia di provare qualcosa di nuovo e diverso. Potresti sentire come se stai vendendo se crei due progetti di siti simili di seguito.

La sperimentazione è buona, sia per la progettazione che per lo sviluppo. Dovresti fare cose nuove. Tuttavia, forse il tuo portafoglio non è in realtà il posto migliore per farlo. Sostengo che se hai intenzione di impazzire con l'animazione, il posizionamento di navigazione, o cosa-hai-te, potrebbe essere meglio farlo con un progetto parallelo.

Troppi dei portafogli che ho visto lanciano principi di usabilità di base al vento in favore della creatività selvaggia. Il tuo portafoglio dovrebbe vendere i tuoi lavori o servizi. Se il sito si interrompe perché il JS non si carica correttamente, o se è solo difficile da navigare, i risultati sono altrettanto negativi che su un grande sito eCommerce o su un blog importante. Perderai soldi.

Anche le persone con problemi di internet hanno bisogno di siti web.

Il "Do"

Ok, è abbastanza negativo nella tua vita. Come dovresti avvicinarti al look del tuo portfolio, allora? Beh, non ho tutte le risposte, ma ho due risposte abbastanza buone:

Approccio 1: progetta il sito che i tuoi clienti desiderano

Progetta il sito che il tuo cliente aspira ad avere. Rendili invidiosi e poi dai loro ciò che vogliono. Voglio dire, hai una nicchia prescelta, giusto? Un pubblico di destinazione? Rendi il tuo sito portfolio molto simile ai siti che crei per i clienti. Conosci il tuo mercato. Usalo.

Forma fa abbastanza bene. L'aspetto generale del sito è vagamente simile a quello di un modello di e-commerce. Bene, progettano siti di e-commerce, quindi è assolutamente perfetto.

forma

Ora che ne dici di un portafoglio che non riguarda il web design? Di Stefanie Bruekler portafoglio ha una sorprendente somiglianza tematica con il lavoro di stampa presentato sul suo sito.

stefanie

Approccio 2: Metti al centro il tuo lavoro

Non dare loro il tempo di giudicare l'estetica del tuo portfolio portfolio mettendo il tuo lavoro proprio di fronte a loro. Questo approccio viene in genere utilizzato con siti minimalisti, ma può funzionare praticamente ovunque. Metti un'anteprima o due sulla home page, o metti il ​​portfolio completo lì. Se stanno già guardando il tuo lavoro, l'aspetto del tuo sito (e qualsiasi cosa tu possa dire di te stesso, in realtà) è incidentale.

Christopher Hall fa questo mettendo in mostra le sue due principali discipline (design dei mobili e design degli interni) fianco a fianco, senza fronzoli. Guarda, e tu hai l'idea.

Christopherhall

Will Sanders fa praticamente la stessa cosa, solo la sua fotografia è organizzata come un collage. Le foto disegnano negli occhi così velocemente, è facile perdonare la navigazione orientata in modo disorientato.

willsworld

Potresti aver notato che il portfolio di Stefanie Bruekler dell'ultima sezione potrebbe anche essere facilmente in questa sezione. Puoi facilmente combinare entrambi gli approcci.

Conclusione

Osservatori esperti noteranno che questi metodi da soli non risolveranno tutti i problemi che ho sollevato in precedenza. Indipendentemente dal modo in cui scegli l'estetica del tuo sito, l'accessibilità e l'usabilità sono su di te. Tuttavia, l'utilizzo di questi approcci più semplici alla domanda può rimuovere parte della tentazione di andare in mare.

Noterai che questi due approcci consentono molte variazioni e creatività. Tuttavia, non è necessario limitarsi a loro. Se si finisce con un sito pieno di tendenze, è grandioso. Se si inventa un tipo di interfaccia utente completamente nuovo, ci sono (purché sia ​​utilizzabile).

Se hai preso queste decisioni con cura, allora ho fatto il mio lavoro, qui. Inoltre, sono curioso di vedere cosa accadrà dopo questa grande tendenza all'asimmetria.