Cosa aspettarsi nel Web Design nel 2015

Dodici mesi fa abbiamo pubblicato alcune previsioni su cosa avremmo visto (e non visto) nel 2014. Ha colpito un cordone con tutti voi, quindi abbiamo deciso di fare la stessa cosa quest'anno!

L'anno scorso abbiamo previsto la continua ascesa dell'SVG, il declino delle affettazioni di PSD e un sovraccarico del design orientato ai video, tra molte altre cose. Quest'anno, vedremo più o meno la stessa cosa. Ecco cosa pensiamo che vedrai nel web design nel 2015!

Prototipazione extravaganza

La prototipazione non è solo una moda passeggera, è una parte importante del futuro del web design.

Man mano che il web diventa sempre più avanzato e complicato, continueremo a muoverci più lontano dai prototipi statici e più verso esperienze completamente interattive che richiedono molto più di una descrizione ancora visiva da descrivere. Gli strumenti di prototipazione consentono al progettista di mostrare non solo l'aspetto di una particolare esperienza digitale, ma anche ciò che può fare.

Gli strumenti di prototipazione sono utilizzati per diverse interazioni specifiche, tra cui progettazione di animazioni semplici, transizioni e considerazioni sul supporto di dispositivi multipli. Ma i prototipi possono fare molto di più che mostrare solo l'estetica visiva, possono funzionare come soluzioni wireframing ad alta risoluzione. I progettisti e gli architetti dell'informazione inizieranno a interagire reciprocamente nel territorio degli altri un po 'di più poiché l'architettura dell'applicazione continuerà ad essere integrata con il processo di progettazione.

Strumenti che potresti utilizzare per prototipare

  • Framer: strumento di prototipazione integrato con Sketch-Coffeescript per la creazione di prototipi di interazioni ad alta risoluzione. 
  • Origami - costruito da gente di Facebook, Origami lavora con Quartz Composer per costruire prototipi interattivi. 
  • InVision - InVision è un ottimo modo per iniziare con la prototipazione. Prendendo screenshot statici e rendendoli interattivi a un livello molto semplice, gli utenti possono collegarsi tra le visualizzazioni, commentare su punti specifici del design e utilizzare una vista versione del prototipo stesso. 
  • Codepen - Codepen è uno strumento che ti permette di provare qualcosa nel browser molto rapidamente. Con pochi semplici clic, puoi avere una tela bianca con le più comuni librerie JavaScript, CSS e HTML. Codepen include il supporto per cose come HAML, LESS / SASS e il collegamento di file esterni (come jQuery). Costruire demo nel browser ha anche il vantaggio di essere portatile e immediatamente utilizzabile in un vero progetto dal vivo.

Ulteriori letture, ascolto e sorveglianza:

  • Che cos'è un prototipo (e non lo è) 
  • Prototyping: A Practitioner's Guide (Book) di Todd Zaki Warfel
  • Prototipazione (@ Facebook) | Origami | Compositore di quarzo | Framer 
  • Introduzione alla prototipazione
  • PrototypingTools.co

Cosa non vedrai: strumenti per portare il prototipo direttamente alla produzione

Gli strumenti di prototipazione non sono ancora stati perfezionati abbastanza da portarli direttamente nel browser (a meno che, ovviamente, non inizino nel browser, come Codepen). Alcuni cercheranno di ottenere questo risultato, ma alla fine la conversione dei prototipi in prodotti digitali codificati pronti per la produzione verrà comunque eseguita dagli sviluppatori umani. Avere le competenze per convertire i prototipi in codice pronto per la produzione continuerà ad essere uno skillet di grande valore per i progettisti altrimenti strettamente visivi da possedere.

Adozione più Sketch

Sketch è cresciuto in popolarità dalla sua uscita da Bohemian Coding. Sketch è specificamente progettato per creare progetti digitali. Potresti non aver mai sentito parlare di Sketch, ma pensiamo che cambierà e quest'anno vedrai che continuerà a crescere.

Il precedente leader del pacchetto, Photoshop, non è mai stato concepito per essere utilizzato specificamente per il web design. Adobe ha continuato a rilasciare prodotti come Muse e Edge per affrontare alcune delle sfide di progettazione specifiche per il web in cui Photoshop non è all'altezza. Tuttavia, Sketch e altre alternative costruite da piccole società di sviluppo sono in aumento.

Cosa non vedrai: morte di Adobe

Anche se sono stati adottati Sketch e strumenti simili, Adobe è ancora una forza potente nella comunità del design. Adobe ha continuato a rispondere pubblicamente alle voci dei progettisti. Ad esempio, Adobe ha creato un sito per riconoscere l'argomento di Photoshop for Design. 

Adobe è anche una società molto grande, che offre loro il vantaggio di cicli di rilascio più rapidi e di più risorse per il lancio di funzionalità su larga scala. A causa della base utente esistente, le funzionalità di collaborazione sono più facilmente adottate. La presenza persistente di Adobe nella community di design continuerà a mantenere la suite di applicazioni nell'elenco dei prodotti essenziali per i progettisti.

Uso eccessivo e abuso di "Material Design"

Il material design è la struttura concettuale a lungo attesa di Google per come i prodotti digitali dovrebbero essere disposti e razionalizzati. Come parte del design dei materiali, Google ha pubblicato guide pratiche su come implementare i suoi concetti.

Il design dei materiali è ampiamente ispirato all'estetica del design "piatto". Poiché l'estetica di Google segue questa tendenza, l'adozione di massa è già iniziata. La progettazione dei materiali viene integrata nei temi Wordpress e nei widget riutilizzabili / librerie scaricabili, plug-in e persino Polymer, una potente libreria di componenti Web che non solo offre funzionalità plug-and-play, ma anche uno stile specifico dei componenti.

Sebbene il Material Design di Google fornisca sicuramente una linea di base e una direzione eccellenti per il web, possiamo anche aspettarci il seguito della tendenza a scapito dei prodotti che vengono creati. L'estetica del design dei materiali non è una soluzione "one size fits all" per il web in generale. Proprio come stiamo vedendo sia le grandi e orribili implementazioni di sfondi video che gli effetti di parallasse sul web, vedremo anche grandi (e incredibilmente terribili) implementazioni di Material Design.

Cosa non vedrai: meno paradigmi di design

Quando il web era nella sua infanzia, il web design era relativamente simile in una data selezione casuale di siti. Né la tecnologia né la cultura avevano spinto il mezzo a essere una via di espressione.

Questo è stato vero per la maggior parte dei media. Ad esempio, molti dei primi libri erano probabilmente molto simili, presentavano layout simili e si basavano principalmente sul contenuto per le differenze espressive.

Con l'avanzare della tecnologia, la velocità di internet è aumentata e il CSS è stato adottato, sono state introdotte nuove novità sul web. Anche questo progresso non era piccolo; esplose la tecnica estetica sul web. Tuttavia, anche nei primi anni 2000, molti siti web esibivano stili simili.

Avanti veloce alla proverbiale morte di Flash e all'introduzione di smartphone e applicazioni mobili. Questo è stato un periodo in cui il design è maturato sul web. Nuovi e potenti progressi ci portarono a superare l'era del "Web 2.0" guidata dal business e in un'era in cui il web divenne una tela bianca. Oggi, qualsiasi selezione casuale di siti Web può sembrare molto diversa e questo non cambierà.

La potenza e la versatilità del browser e la varietà di dispositivi che accedono a Internet continueranno a incoraggiare nuove e diverse soluzioni di progettazione a problemi nuovi e diversi. Material Design non è un segnale di convergenza, ma piuttosto un segnale di un riconoscimento collettivo dell'importanza del design pensoso.

Modello in crescita: le raccolte come un'interazione condivisibile

Ovviamente Internet ha fornito a chiunque abbia accesso un palcoscenico per la creazione di contenuti. Una parte significativa della popolazione mondiale accede regolarmente a Facebook, e in un dato giorno la razza umana crea ben oltre 2,5 miliardi di gigabyte di dati.

Naturalmente, il tipo di cose che creiamo cambia col passare del tempo e si aprono nuove strade per la creazione. Ad esempio, cinque anni fa avremmo potuto creare solo post di Facebook sui muri e caricare foto, ma ora creiamo interi negozi di marca su Etsy e vendiamo articoli fatti a mano e digitali online con facilità.

Nel 2015, probabilmente vedremo una tendenza continua verso tastemaking come forma di espressione. I creatori del gusto sono individui che curano e pubblicano oggetti o una collezione di oggetti che altri possono vedere e potenzialmente adottare come parte dei propri gusti. Questo modello esiste da molto tempo con la creazione di playlist musicali; ci esprimiamo attraverso la cura delle canzoni e poi condividiamo le playlist tramite Spotify (o, negli anni '80 e '90, mixtape).

Ma va oltre la musica.

Oggi condividiamo tavole Pinterest, elenchi Amazon, playlist YouTube e infinitamente più raccolte. Le opportunità in questo spazio non si sono ridotte, ma stanno solo continuando a crescere. Apprezziamo questi tipi di interazioni perché sono umani e molto più personali dei "suggerimenti" forniti da un algoritmo.

Una grande spiegazione del perché questo è così potente può essere trovata su ASongADay.co:

"Nessun algoritmo elaborato (ancora), nessuna automazione (ancora). Ti manderò personalmente una canzone che penso ti piacerà ogni giorno, interamente determinata dalle tue preferenze musicali indicate di seguito e dalla mia opinione musicale. Non sono un esperto, ascolto solo molta musica e le persone sembrano fidarsi di me. Ogni canzone arriverà come una sorpresa, probabilmente non alla stessa ora ogni giorno. Perché io sono umano, non un robot (ancora). "

Il servizio di Shannon è così richiesto che ha dovuto iniziare a chiedere volontari per aiutarla a inviare semplicemente una canzone personalizzata selezionata in base ai gusti musicali di quella persona.

Possiamo aspettarci che cose come i film curativi (come le playlist / raccolte Netflix) possiamo sperare, giusto?), La cura dei prodotti delle celebrità e persino le preferenze e le impostazioni delle applicazioni che vengono condivise.

La domanda di business per i dispositivi mobili diventerà universale

Abbiamo saputo che il futuro del Web continuerà a diversificarsi e ad spostarsi maggiormente nello spazio mobile. Ma fino a quest'anno, abbiamo ancora visto la resistenza alle considerazioni "full on on mobile" come requisito comune per qualsiasi azienda seria.

Quest'anno una massa critica di utenti accederà a Internet principalmente tramite dispositivi mobili. Ciò richiede una risposta aziendale, per andare dove i clienti stanno spendendo il loro tempo e il loro denaro.

Per i web designer, questo significa che oggi è il momento di iniziare a pensare a come progettare per un mondo multi-dispositivo.

I clienti chiederanno un'esperienza utente Premium Handcrafted (anche se potrebbero non sapere che cosa significa)

A causa della continua saturazione della cultura del design di startup, il linguaggio di una "esperienza utente artigianale" ha continuato a permeare le discussioni su ciò che rende un ottimo prodotto. Potrebbero non sapere cosa significa, ma dovresti.

Un grande prodotto non è necessariamente il seguire le tendenze. "Le esperienze utente artigianali di alta qualità" non sono facili da ottenere; richiedono esperienze molto intenzionali, mirate e complete che sono altamente rilevanti per l'utente e che cosa l'utente sta cercando di realizzare. "Handcrafted", in particolare, si riferisce al senso del carattere e dell'anima che potresti trovare in un tavolo fatto a mano o in un paio di stivali. Il senso dell'artigianalità e l'attenzione ai dettagli sono sempre più importanti per i clienti. Gli sviluppatori web di livello mondiale saranno quelli che svilupperanno lo skillset necessario per aggiungere quel senso di artigianalità e anima in quello che altrimenti potrebbe sembrare un freddo e senza vita di pixel.

Carte, "Micro-esperienze" e Composable Portable Embed

Potresti vedere questa previsione in altre raccolte di fine anno altrove, ma è così importante che non abbiamo potuto fare a meno di concordare: design di carte portatili è un enorme componente del presente e del futuro del web design. Twitter ha fatto questo per un po ', ma altri siti stanno prendendo piede. I contenuti online continuano a essere referenziati in tutto il Web in una varietà di modi che vanno ben oltre i semplici collegamenti ipertestuali. YouTube e altri siti di video sharing lo hanno fatto fondamentalmente sin dal loro inizio.

Lo schema è semplice: crea un'interfaccia incorporata e incorporabile che fornisca all'utente un insieme coesivo di interazioni e visualizzi il contenuto pertinente per il contenuto remoto referenziato.

Neanche queste schede incorporabili devono necessariamente vivere in remoto dai loro siti host. Queste carte esibiscono un altro modello chiamato "micro-esperienze". Un ottimo esempio di micro-esperienza è il pulsante Mi piace. Come utente di Facebook, l'azione "Mi piace" è un singolo clic che contiene una quantità significativa di significato. Innanzitutto, consente a Facebook di continuare a raccogliere le tue preferenze e i tuoi gusti. Permette anche agli altri utenti di vedere queste preferenze e gusti. Questo tipo di micro-esperienza consente all'utente di interagire con un determinato marchio o sito senza dover abbandonare il proprio contesto attuale. Consente inoltre a un utente di interagire a diversi livelli di risoluzione. In altre parole, l'utente non deve passare attraverso una serie di passaggi e utilizzare l'intera applicazione o esperienza in una sola volta; possono interagire a diversi livelli di requisiti di input.

Ci sono molte ragioni per cui le micro-esperienze sono importanti, ma la ragione principale sono le diverse risoluzioni dei diversi dispositivi. Un determinato utente che sta camminando lungo un marciapiede contro un utente seduto sul proprio divano con il proprio laptop ha abilità di interazione e obiettivi molto diversi. Le micro-esperienze consentono un approccio progressivo ai requisiti di interazione per gli utenti.

Indossabili: non ancora un grande affare, ma preparati comunque

Apple Watch segna l'inizio della rivoluzione indossabile, ma non aspettatevi che salga alle stelle troppo velocemente. Per Apple, altre grandi aziende di dispositivi e sviluppatori di applicazioni, la coltivazione di pipeline di applicazioni per dispositivi indossabili richiederà del tempo. Come sviluppatori web, dovremmo prepararci per questa espansione in una nuova classe di dispositivi, ma non accadrà immediatamente. La scommessa più sicura è mettere i tuoi soldi su dispositivi mobili con touch screen, in particolare "phablet" (telefoni grandi e tablet più piccoli).

Da http://sketchresources.com/elements/apple-watch

Conclusione

C'è un tema comune in molte delle previsioni per il 2015. Se il 2014 è stato un anno per i dispositivi mobili, il 2015 è l'anno di più dello stesso tipo di cambiamento. Il mondo continuerà a muoversi verso la mobilità e un panorama multi-dispositivo. L'estetica del Web continuerà a diversificarsi e i web designer dovranno spostare l'attenzione dal design "a pagine" e verso un design digitale flessibile, adattabile, basato su forti capacità di prototipazione e una consapevolezza dell'interazione in una varietà di ambienti.

Cosa vedi che succederà nel prossimo anno? Fateci sapere nei commenti!