Ce să așteptați de la Web Design în 2016

2015 a fost un an de amintit! De la primul transfer al Apple Watch la aterizarea lui Mars, la lansarea mult așteptată a viitoarei tranșe Star Wars (și a valului inevitabil de spoilere care a urmat), a fost o perioadă de 12 luni plină de evenimente. Dar, pe măsură ce ne îndreptăm spre Anul Nou, merită efortul nostru și timpul să așteptăm cu nerăbdare și să ne gândim la ceea ce se întâmplă pentru industria de design web.

În articolul din anul trecut despre ce să aștept de la designul web în 2015, am prezentat o listă de previziuni, dintre care multe sunt mândru să spun că s-au împlinit (popularitatea tot mai mare a prototipurilor și Sketch-ului, "colecțiile ca interacțiune" mai mult). După cum văd, anul acesta ne va da mai puțin Schimbare și altele creştere. Să aruncăm o privire la ceea ce va veni în 2016.

Mai mult "Live-Now" Design și Creșterea IoT

În 2015, am văzut creșterea continuă a instrumentelor "experienței live", cum ar fi Periscope și Meerkat. De asemenea, am fost martori la popularitatea rock a lui Slack. Platformele precum Producthunt și Reddit continuă să găzduiască AMA-uri și discuții live. Toate acestea sugerează un lucru foarte important pentru anul 2016: aplicațiile și experiențele în timp real preiau toate aspectele produselor digitale și care vor avea un impact major asupra designului în fiecare etapă, incluzând designul web.

Internetul obiectelor va fi o parte a acestei creșteri a presei în timp real. Am văzut noi produse conectate care intră pe piață pentru aproape toate sectoarele de afaceri. 

Termostatul Nest (de acum, foarte familiar)

Orchestrarea datelor pe care aceste dispozitive le creează este un spațiu larg deschis care sporește "oportunitatea". Un exemplu foarte bun al creșterii IoT poate fi găsit în Amazon Echo. 

Echo-ul Amazonului

Odată cu comanda de produse la câteva cuvinte distanță, Echo-ul și dispozitivele asemănătoare introduc un nou mod de a înțelege conectivitatea omniprezentă între diferitele noastre servicii, spațiile noastre fizice și interacțiunile noastre.

Ce nu veți vedea: Adoptarea IOT DIY

Uite, suntem de acord; Zmeura Pi Zero la 5 dolari este un lucru minunat. De fapt, aceste computere de buzunar de la open source vor fi mai ieftine decât oricând în 2016, marcând linia "liberă". 

Mmm Pi

Și, în timp ce aceasta va crește ratele de adopție a acestor mici minuni de calcul, nu veți vedea că toți vecinii tăi vor găzdui o grămadă de gadget-uri de la Arduino în toate casele lor.

Există câteva motive pentru acest lucru, dar poate cel mai important este faptul că curba de învățare necesară pentru a face ceva deosebit de interesant cu un Pi sau Arduino sau CHiP este încă destul de descurajantă pentru media non-dezvoltator. Ca să nu mai vorbim, ele nu sunt deosebit de frumoase să se uite fără unele lucrări suplimentare de carcasă. IoT va fi adoptat în primul rând prin experiențele utilizatorilor care sunt abordabile de către cei netratați, cu puțină curbă de învățământ sau învățare, cum ar fi Nest sau Philips Hue. Ca de obicei, DIY va rămâne o mică fracțiune a populației.

mulțime de discuții în domeniul designului politic din S.U.A.

Alegerile americane din 2016 vor fi responsabile pentru o mulțime de materiale de design și comentarii de ordin politic, atât din partea candidaților oficial, cât și din partea comunității de design. Ultimele alegeri au adus multă atenție deciziilor de proiectare în cadrul cursei de președinte al Statelor Unite și nu ne putem aștepta decât să crească acest nivel de interes. Campania lui Barack Obama este cunoscută pentru inteligența predictivă digitală și o puternică echipă de web, iar candidații prezidențiali următori ar putea să se aplece puternic pe designul bazat pe analiză pentru a câștiga cursa.

Ne putem aștepta la numeroase logo-uri reproiectate, materiale de campanie și comentarii privind furajele de proiectare de pe ambele părți ale cursei, pe baza deciziilor celorlalți de proiectare. Sigla lui Hilary Clinton a primit deja recenzii mixte, la fel ca și lui Jeb Bush, iar opiniile vor continua cu siguranță să curgă în apropierea zilei alegerilor.

Realitatea este că, deși este posibil să observați câteva actualizări ușoare ale tendințelor de pe ambele părți ale culoarului, cel mai sigur pariu pentru candidați este să rămână în ton pentru audiență. Acest lucru este valabil în special pentru candidatul republican și este probabil că dacă vom vedea multe inovații sau decizii îndrăznețe de proiectare, acestea vor proveni de la candidații progresivi și liberali.

Ce nu veți vedea: Direcții diferite de design oficiale din partea candidaților

Adevărul este că deciziile de proiectare ale acestor curse majore de candidaturi se bazează în primul rând pe date, nu pe integritate artistică, ca justificare a designului de conducere. Deși va fi important ca candidații să rămână implicați în mediile digitale în cele mai noi forme într-un mod relevant, este puțin probabil să vedem o paletă de culori neon care se află în afara albului roșu și albastru, pe care suntem deja obișnuiți să. 

Acest lucru ar fi prea mult ca o abatere de la ceea ce se așteaptă pentru acești candidați și poate înstrăina audiențe care nu sunt pregătite pentru schimbare. Doriți să vedeți o versiune nepolitică a acestui lucru în acțiune? Consultați Facebook.com.

Importanța continuă a JavaScript

Anul acesta a fost, în multe privințe, un an al Renașterii pentru JavaScript. Am văzut adoptarea ES6 prin multe proiecte foarte importante. Am văzut lansarea React Native. De asemenea, vedem numărul de depozite primare JavaScript care se dezvoltă pe GitHub. Proiecte mari precum Microsoft Visual Studio cu deschidere redusă au suport puternic pentru JavaScript, iar companiile foarte mari, cu bugete mari și o mulțime de resurse de dezvoltare, pariază puternic pe viitorul limbii.

Interesant de citit: Rezultatele sondajului dezvoltatorilor JavaScript

Ce nu veți vedea: Plecarea în masă din PHP sau Rails

În timp ce JavaScript ar putea avea, probabil, un an mai mare în 2016, nu vom vedea o plecare în masă de la dezvoltatorii de unelte deja cunoscuți și îndrăgostiți. Limbile precum Ruby, Python și PHP au în continuare baze puternice de utilizatori și sunt în curs de dezvoltare. În schimb, vom vedea adoptarea de noi practici în aceste limbi și o creștere a numărului de dezvoltatori. Vor trece unele persoane la un mediu de dezvoltare bazat doar pe JavaScript? Cu siguranță. Va fi un exod în masă? Cu siguranță nu.

Cinemagrafele vor deveni trenduri

Dacă nu știți ce este un film, nu sunteți singuri, deoarece nu sunt un tip fundamental de mediu. De fapt, un cinematograf este pur și simplu o imagine care este în mare parte statică, cu excepția unei mici porțiuni (de obicei, numai un singur element) care animă pe o buclă. Dacă ați văzut vreunul dintre filmele Harry Potter, gândiți-vă la portretele lor de familie și la ziare.

Pentru real cinemograful verifica cinemografs.com

Cinemograful nu va deveni faimos pentru că, brusc ca acest tip de animație, ci mai degrabă pentru că iPhone și alte instrumente populare fac ca acestea să fie mai ușor de creat. În mod fundamental, un film poate fi realizat cu mai multe imagini, un singur GIF sau un element video. Creează un nou mod de a gândi despre imagini; în loc de imagini statice și de imagini video fiind singurele noastre două moduri de a reprezenta conținutul captat de cameră, acum avem de asemenea o interfață cinematografică.

Citirea ulterioară:

  • Cinemografe: Cum se creează fotografii animate în Adobe Photoshop
  • Editare video în Adobe Photoshop

Ce nu veți vedea: video mai puțin drastic

Cinemografii probabil vor deveni la modă, dar cu siguranță nu vor înlocui videoclipul. După cum am menționat deja, cinemografiile reprezintă o reprezentare mediatică fundamentală. Video oferă în continuare un conținut mult mai mare în același spațiu. Probabil vom vedea cinemegrafe ca fundaluri pentru text - în cazul în care video creează probleme de lizibilitate, dar animația controlată minimă funcționează bine.

video.envato.com

Related: dacă sunteți interesat să creați videoclipuri direct de pe iPhone, consultați versiunea recentă a aplicației iOS de la Envato Video.

Cresterea realitatii virtuale

Creșterea realității virtuale va începe cu jocuri, va deveni video și, în cele din urmă, va deveni un mediu important de luat în considerare pentru orice experiență digitală. Atunci când ne gândim la realitatea virtuală, reducem deseori folosirea unei experiențe complet scufundate. 

Samsung VR Gear

Cu toate acestea, scara alunecătoare de la realitatea reală la realitatea virtuală trece prin multe repere importante, foarte puternice pe parcurs, inclusiv realitatea augmentată. În timp ce Google Glass nu era neapărat un stop-stop, ar trebui să ne așteptăm ca VR să ne ofere noi modalități de a trăi, de exemplu:

  • Medii de învățare în clasă online
  • Explicații în spatele scenei pentru filme, benzi și chiar medii corporative și mai tradiționale
  • Mai aproape de egal la egal cu comunitățile noastre
  • Evenimente de lansare a produselor, cum ar fi Apple Keynotes

În timp ce nu vom vedea neapărat o adoptare uriașă pe scară largă a VR în acest an, vom vedea un hype în creștere (și multe proiecte Kickstarter) care creează un impuls pentru viitoarele iterații de proiectare care includ considerații pentru produse precum Google Cardboard sau Oculus Rift.

Ce nu veți vedea: standardizarea browserului pentru API-urile VR

Navigatorii nu vor standardiza API-urile VR timp de câțiva ani, deoarece rata de adopție este semnificativ mai mică decât este necesară pentru adoptarea pe scară largă și VR-ul la nivel de browser nu va fi incredibil de util în anul următor. Jocurile de noroc, pe de altă parte, vor avea probabil bune practici VR bine stabilite până la sfârșitul anului.

Related: Mozilla lansează un A-Frame: site-uri Web capabile de VR începând cu o singură linie de cod

Animație ca un set de competențe de bază

Animația devine deja o parte importantă a setului de competențe pentru dezvoltatori, dar în acest an va aduce mai multă animație decât oricând. Animația este necesară pentru natura fluidă a designului pe care o vedem în majoritatea produselor de astăzi; oamenii nu mai gândesc în termeni de pagini, ci mai degrabă în termeni de interfețe și modele familiare. Din acest motiv, puterea unui model este mărită atunci când un utilizator primește indicii contextuale de la interfața însăși. Un mod foarte puternic de a comunica un tactic contextual este prin mișcare; animaţie.

Demo-ul de mai sus este preluat de la adăugarea apelului la animațiile dvs. pe web de Donovan Hutchinson.

Ce nu veți vedea: noi abilități de animație pentru CSS

În timp ce CSS este foarte puternic, API-ul de animație nu este programat să schimbe mult în anul care vine. În schimb, instrumentarea în jurul animației CSS va fi probabil dezvoltată pentru a permite un control mai granular asupra aspectelor animației, cum ar fi relaxarea. Mai mulți oameni vor începe să se bazeze pe animația exclusivă CSS (mai degrabă decât să recurgă la bibliotecile JavaScript) și din cauza limitărilor API-ului în sine, comunitatea de dezvoltare va construi probabil mai multe unelte pentru a gestiona animațiile complexe.

Elemente suprapuse, gradienți saturați și umbre mari

Aceasta este o tendință foarte simplă: elementele suprapuse. Am văzut mari lideri de design estetic, cum ar fi Spotify, adoptă această tendință și se pare că se lipesc. Tendința "fantomă-buton" din 2015 va fi extinsă la elementele care nu pot fi accesate, iar elementele goale cu contururi care rupe cutii care se vor restrânge altfel, se vor afișa între modele. 

Textul va fi utilizat într-un mod similar - este încă probabil să vedeți un text puternic îndrăzneț asupra imaginilor, însă imaginile în sine și textul în sine vor vedea o schimbare pentru a adopta colorarea și niveluri mult mai mari de saturație.

Împreună cu suprapunerile, vom vedea culorile saturate sub formă de înclinări mari, curbate. Aceste gradiente vor veni, de asemenea, însoțite de umbre foarte mari, pentru a nu reintroduce skeuomorfismul, ci, pur și simplu, pentru profunzimea estetică. 

Popularitatea SVG va continua să crească

SVG ca format continuă să crească în popularitate. Cu mai multe instrumente de utilizare și de utilizare decât oricând, vom vedea că SVG va deveni o tehnologie mult mai adoptată în 2016. Acest lucru va aduce în mod mai mult elemente vectoriale orientate spre design, animație, Un alt efect secundar ar putea fi siturile mai ușoare, deoarece dimensiunea unui SVG este mult mai mică decât PNG-ul său echivalent, dar acest lucru este puțin probabil ca imaginile, videoclipurile și fonturile (vinovații paginilor grele) să nu meargă nicăieri în curând.

Shoturi lungi

Un Transpilator JavaScript de succes bazat pe Swift sau Web App Framework

Swift este open source! Limbajul lansat de Apple pentru dezvoltarea iOS pentru a înlocui obiectivul C a fost oficial deschis. Acest lucru va stimula mai multe instrumente open source, însă limba va continua să fie folosită în primul rând pentru dezvoltarea iOS. În timp ce aproape sigur va fi un transpilator JavaScript-to-Swift (sau, mai probabil, Swift-to-JavaScript) într-un anumit moment, pariez că nu va fi lansat într-o versiune oficială până cel puțin 2017. Watch out pentru versiunile alfa și beta ale acestor instrumente în acest an!

Instrumente de editare multimedia bogate în browser

Editarea media va fi bazată, în orice moment, pe întregul conținut al cloud-ului. Am văzut un sprijin puternic pentru această teorie și face cel mai mult sens pe termen lung pentru lumea dispozitivelor noastre agnostice. Dar nu se va întâmpla în acest an. Lățimea de bandă este încă prea limitată pentru adoptarea în masă de către marile companii interesate de acest spațiu; cei mai mulți utilizatori nu ar fi capabili să efectueze acțiunile grele necesare pe firul pe care le pot efectua pe mașina proprie.

Dat fiind că fibra de internet ajunge în orașe mari din întreaga lume, acest concept va fi introdus încet, dar infrastructura fizică necesară pentru a avea loc nu este încă pregătită și va dura mai mult de un an.

Un Fur de WordPress bazat pe JavaScript

Putem visa toata ziua cand JavaScript este limbajul de conducere din spatele celei mai populare platforme web. Dar probabilitatea ca acest lucru să se întâmple în anul următor este scăzut; în schimb, WordPress va continua, cel mai probabil, să lucreze la linia de scriere care a reușit să înceapă cu succes: instalarea de 5 minute bazată pe PHP.

Calypso pentru WordPress - clientul de interfață de administrare lansat la sfârșitul anului 2015

Concluzie

În timp ce în acest an sa văzut o mulțime de iterație și șansă, 2016 va fi în mare parte un an de "mai mult același", cu unele mici schimbări în designul estetic. Vom vedea o mulțime de progrese în ceea ce privește aspectele fundamentale ale seturilor noastre de instrumente și mentalități existente, cu toate acestea, care se vor alimenta din 2017 și dincolo. 2016 reprezintă oportunitatea perfectă de a privi în față, de a adopta noi instrumente și de a obține noi cunoștințe despre instrumentele pe care le folosiți deja.