În acest articol aveți posibilitatea de a învăța despre designul web experimental, modul în care acesta poate crea noi oportunități pentru designeri, precum și fundamentele acestuia.
Designul web experimental ne permite să trecem dincolo de bariere și limite. Ca și designeri, adesea folosim aceleași metode și scheme în realizarea anumitor proiecte, fără a încerca să aducem ceva nou. Această practică nu este cu nimic greșită atâta timp cât s-a dovedit eficiența și funcționalitatea acestora. Cu toate acestea, designul poate însemna mult mai mult. În aceste circumstanțe, să aruncăm o privire asupra designului web experimental și să explorăm câteva exemple care să ne ofere încrederea de a ieși din zona noastră de confort.
Designul web experimental sfidează layouturile tradiționale
O singură coloană, modelul Z, ecranul divizat și alte astfel de aspecte sunt foarte numeroase deoarece au reușit să-și demonstreze utilitatea. De multe ori, navigarea în acest fel a devenit deja o obișnuință insesizabilă.
Designul web experimental provine de la designul clasic, însă nu se limitează la aspectele impuse de acesta. Scopul principal este de a se detașa de abordarea clasică, înglobând o viziune mai liberă și creativă.
Designul UI experimental
Designul UI tradițional se axează pe navigarea familiară și intuitivă. Scopul designului experimental este de a întrerupe acest flux repetitiv pentru a oferi o amprentă originală. Primul contact al utilizatorilor ar putea crea puțină incertitudine, precum în crearea unui puzzle de la 0. Însă, odată ce aceștia s-au obișnuit cu logica din spatele designului experimental, au posibilitatea de a explora tot ceea ce doresc și pot găsi pe website.
Zilnic, creierul nostru repetă aceeași activitate de rutină încât de prea puține ori ne dăm seama de acest lucru. Suntem atât de familiarizați cu navigarea pe un website încât chiar și o acțiune simplă presupune o activitate care solicită mai mult gândirea. Designul web experimental ne determină să trecem dincolo de aceste instincte.
Spre exemplu, un website cu design experimental poate implica navigarea pe orizontală. Ne poate îndemna să facem anumite operațiuni cu care nu suntem obișnuiți (Apăsarea tastei de spațiere) pentru a observa elemente sau informații noi. Deși aceste elemente au tente jucăușe, afectează cu siguranță accesibilitatea site-ului. Realizarea unui site web care să permită atât accesibilitatea cât și experimentarea poate fi o adevărată provocare. În condițiile în care vă orientați spre adaptarea unui design web experimental, asigurați-vă că oferiți suficiente instrucțiuni cu privire la navigarea și ghidarea utilizatorului pe pagină.
Acest website deținut de Stykovka ignoră complet regulile de navigare. În schimb, include instrucțiuni clare privind modul de interacțiune cu website-ul. Designul web experimental funcționează adesea în afara standardelor cu care sunt obișnuite persoanele, astfel încât îndrumările și ghidările oferite de Stykovka sunt utile și necesare pentru o navigare corespunzătoare.
Designul experimental explorează diferite moduri de a lucra cu elementele vizuale
De obicei, site-urile web tradiționale, nu au un impact vizual atât de neobișnuit și nu oferă experiențe vizuale nemaiîntâlnite. Designul experimental însă este plin de surprize. El pleacă de la formele de bază și inovează prin forme care depășește convenționalitatea.
Este important să vă dați seama când este cel mai oportun să folosiți designul experimental, întrucât acesta nu este potrivit pentru orice pagină. Spre exemplu, nu este de recomandat să-l folosiți pentru website-uri precum instituțiile bancare, însă poate fi implementat pe o pagină de destinație interactivă special concepută pentru a atrage vizitatorii.
Mai jos vom ilustra câteva implementări ale unui design web experimental eficient.
Realitatea virtuală oferă spații tridimensionale suprareale
Muzeul Experiențelor Ciudate (Zendesk) oferă o călătorie în realitatea virtuală prin frustrările minore ale vieții moderne. Designerii web se eliberează de convențiile grilelor, a textului și a elementelor grafice statice, creând lumi tridimensionale care pot fi exploatate cu ușurință. Designul web experimental permite interactivitatea într-un mod aparte, lucru imposibil de realizat prin designul web tradițional.
Datele sunt afișate într-un mod creativ
Spațiul web a deschis noi oportunități pentru reprezentarea datelor. Vizualizarea acestora devine mult mai captivantă și interesantă, întrucât numerele și analizele sunt ilustrate într-un mod mult mai creativ.
Un exemple relevant în acest sens este website-ul The Pudding. Ei folosesc designul web experimental pentru a prezenta informații care se pot întinde pe o perioadă îndelungată de timp sau care conțin cantități mari de date. Designul web experimental oferă libertatea de a exprima și reprezenta datele într-un mod unic și cât mai creativ.
Integrarea noilor progrese tehnologice în web design
Noile tehnologii au o istorie lungă în ceea ce privește modelarea designului. Tipografiile au schimbat modul în care cărțile erau create. Calculatoarele au oferit designerilor mai multă libertate în explorarea propriilor pasiuni. În tehnologie, experimentarea și progresul sunt adesea conectate cu evoluția în artă și design.
Cu cât inteligența artificială devine tot mai accesibilă, designerii găsesc diverse modalități de aplicare a acestor tehnologii în dezvoltarea web. Predictibilitatea în materie de UX oferă o experiență mult mai personalizată și benefică utilizatorului. Inteligența artificială alimentează algoritmi pentru recomandarea anumitor produse.
Mai mult, ea poate fi folosită pentru a crea o experiență vizuală mult mai bogată. Sistemele de recunoaștere a gesturilor vizitatorilor oferă noi modalități de interacționare cu un website. Un exemplu în acest sens puteți vedea pe ASL Fingerspelling https://fingerspelling.xyz/.
Grafica în stil Bitmoji oferă vizitatorilor o reprezentare distractivă și personalizată a lor, reprezentarea fiind generată parțial și prin elementele de inteligență artificială. În prezent, suntem abia la începutul dezvoltării acestui sistem, iar scopul este de a îmbunătăți vizualizarea și interacțiunea unui design web.
Designul Web experimental deschide noi posibilități
Acum că am enumerat câteva principii ale designului web experimental, ne putem inspira de la câteva site-uri web care au depășit barierele tradiționale de design. Vom observa cât de divers este designul web experimental pentru fiecare caz în parte.
1. Project Turntable
Este un website creativ, cu idei unice și inovatoare. Existența acestei pagini oferă o experiență inedită și memorabilă utilizatorilor. În partea de sus a ecranului, este amplasată o săgeată care direcționează vizitatorii către butonul de redare/standby. Când acesta este pornit, discul începe să învârtă într-un mod inspirat, conform unui stil specific anilor 60. ThreeSixtyEight folosește designul web experimental pentru a-și reliefa sensibilitatea creativă, oferind vizitatorilor ceva diferit comparativ cu alte agenții.
2. Reminiscence Movie
Acest site web a fost creat pentru agenția fictivă Bannister and Associates, care face parte din universul creat în filmul SF Reminiscence. Chiar dacă filmul nu vă este cunoscut, merită să vizualizați acest website.
Site-ul folosește inteligența artificială pentru a crea “amintiri” vizitatorilor săi. Aceștia sunt rugați să încarce o imagine cu ei sau o persoană cunoscută din viața lor. Fiecare etapă ulterioară îl conduce printr-un proces de generare a unei amintiri. La final vi se cere să conectați o serie de sinapse între ele. Ulterior, imaginea pe care ați încărcat-o va prinde viață. Acesta este un exemplu perfect care demonstrează cum poate fi implementată inteligența artificială într-un website astfel încât experiența să fie captivantă și unică.
3. The Pudding
Unul din cele mai interesante aspecte ale acestui website este modul în care reușesc să comunice ideile și poveștile prin intermediul imaginilor. Indiferent de tema pe care o abordează sau de domeniu, reușesc întotdeauna să găsească noi modalități de a prezenta informațiile.
Acest grafic pe care l-au ales pentru reprezentarea artiștilor muzicali este mult mai atrăgătoare decât un grafic obișnuit și face ca informația să fie mult mai ușor de înțeles. Designul web experimental oferă noi modalități de prezentare a datelor. The Pudding nu doar că excelează în prezentarea eficientă a unor cantități mari de date, ci le prezintă pe acestea într-un mod captivant și atractiv din punct de vedere vizual.
4. Music Theater Showcase
Acest website reușește să surprindă, într-o manieră creativă, esența actoriei. Este realizat pentru departamentul de teatru al Universității Baldwin Wallace și depășește limitele unui website academic. Navigarea se realizează într-un mod aparte, scoțând în evidență cu ușurință cele mai importante aspecte. Designul ne propulsează în centrul scenei, unde ajungem să aflăm mai multe despre studenții care au absolvit programul. În loc de aceleași grile și coloane clasice pe care le vedem întotdeauna, acest site ne conduce cu adevărat în lumea teatrului.
5. Krivitzky
Atunci când navigăm pe website-ul aparținător unei firme de avocatură ruse, avem impresia că lecturăm o carte cu benzi desenate. Pentru secțiunea legată de faliment, este ilustrat un bărbat legat de un diamant, care reușește să scape cu ajutorul unui jetpack. Pe măsură ce navigați pe site, sunt ilustrate o serie de imagini semnificative conform subiectului respectiv.
Adesea nu ne gândim să asociem domeniul juridic cu elemente creative. Tocmai de aceea, designul web experimental demonstrează că, indiferent de domeniu, există modalități de a reliefa povestea unui brand într-un mod unic și neconvențional.
6. Stonewall Forever
The Stonewall Riot este considerat un punct important al mișcării LGBTQ+. Această călătorie în realitate virtuală își spune povestea prin imagini uimitoare.
Designerii web se rezumau cândva la o paletă limitată. Imaginile bidimensionale, coloanele, rândurile și textul erau singurele elemente pe care le foloseau pentru a comunica idei sau pentru a spune o poveste. Realitatea virtuală a deschis noi orizonturi pentru creativitate, oferit designerilor posibilitatea de a se conecta și exprima mai ușor.
7. Black dog story
Black Dog Story îmbrățișează toate posibilitățile de web design, folosind interacțiuni, animații și alte elemente vizuale pentru a spune o poveste într-un mod care imită arta plastică. Există elemente care-l ghidează pe utilizator cu privire acțiunile pe care trebuie să le exercite pentru a vizualiza secțiuni de conținut. Elementele au diverse animații, ceea ce întărește ideea unui vis.
8. Bivak
În timp ce majoritatea firmelor de arhitectură afișează colecțiile de proiecte într-un mod clasic, Bivak adoptă o abordare interesantă. În loc de un cursor clasic de tip carusel, Bivak folosește derularea orizontală pentru a ne duce la fiecare pagină a proiectelor. Ei evidențiază serviciul lor de arhitectură modernă, iar estetica site-ului întărește această idee. Tuturor ne place să vedem cum designerii își folosesc creativitatea pentru a depăși limitele clasice de design. Adesea, depășirea acestora implică anumite instrumente cu care trebuie să vă obișnuiți și pe care trebuie să le înțelegeți, iar designul web experimental este un pilon principal în acest proces. Puteți citi în articolele noastre despre aplicații care te ajută să-ți construiești propriul website fără a fi necesar să scrieți cod. Mai mult, Equal Web Design oferă o gamă largă de modele de design pentru viitorul tău website.
