Cele mai recente tendințe din lumea designului web: faceți cunoștință cu Card Design! Model de interfață de utilizare a cardului pe un dispozitiv mobil și design receptiv. Design de carduri de-a lungul veacurilor

Mulțumită atracție vizuală, interfețele cardurilor sunt mai mult decât o tendință.

În 2014, internetul a început să fie folosit mai des pe dispozitivele mobile decât pe computere. De aceea, designul web de astăzi favorizează ecranele mici și design adaptiv devine obligatorie. Ce putem spune despre 2018, când, conform statisticilor agenției de presă RNS, 54% dintre ruși folosesc deja Internet mobil. Ca urmare, în stiluri simple interfețe precum noul design plat, minimalismul și mai ales cardurile sunt acum mai populare ca niciodată.

Adecvarea modelului de interfață a cardului este mai mult decât timpii de încărcare rapid și adaptabilitatea la diferite dimensiuni ecrane. Conținutul limitat se potrivește atenției majorității utilizatorilor web (în special pe dispozitivele mobile). Hrănit de Pinterest și apoi popularizat de rețelele sociale precum Facebook și Twitter, șablonul de card poate fi găsit acum pe site-uri web din toate industriile.

În acest articol, vom explora ascensiunea modelului de interfață a cardului: de ce este practic, cum este compatibil cu designul receptiv și material și la ce să ne așteptăm de la acesta în viitor.

Ce este design web container?

Pentru a înțelege acest model, mai întâi trebuie să înțelegeți care sunt cărțile în sine. Cardurile sunt de obicei mici containere de informații. Fiecare card are propria sa subiect propriu. Cardul poate conține orice conținut - vizual, text, link-uri etc. - dar toate informațiile sunt dedicate unui singur subiect.

Umplerea ecranului cu aceste containere independente de informații este ceea ce The Guardian a numit „modelul de container”. Ea oferă curat și interfață clară, ideal pentru vizualizare rapidă, astfel încât utilizatorul să găsească cu ușurință ceea ce caută. (În plus, această metodă este ideală pentru comenzile tactile, despre care vom scrie mai jos).

Practic și atractiv: beneficiile modelului de interfață a cardului pe scurt.

Trello permite utilizatorilor să creeze orice card doresc. Oricine poate crea carduri de sarcini și le poate clasifica după cum este necesar. Acest lucru demonstrează nu numai flexibilitatea șablonului de card, ci și puterea sa de organizare. Trello prosperă deoarece formatul său de card pare mai simplu decât lista de sarcini a unui planificator tradițional.

Esti interesat? Citiți cel mai recent articol cu ​​o selecție a TOP 18 tendințe din 2018.

Model de interfață de utilizare a cardului pe un dispozitiv mobil și design receptiv.

După cum sa spus mai devreme, cardurile sunt incredibil de compatibile cu designul responsive, făcându-le, în cuvintele lui Des Traynor de la Intercom, „viitorul web-ului”. Modelul se potrivește bine pe dispozitivele mobile din mai multe motive, pe care le vom descrie mai jos.

În primul rând, în cadrele care se extind și se contractă, grila cardului se poate restructura pentru a se potrivi oricărei poziții sau dimensiune a ecranului. Designerii pot modifica dimensiunea cardurilor după cum doresc (și, de asemenea, le pot ajusta unul la celălalt). De exemplu, puteți seta o lățime fixă ​​și o înălțime variabilă cu o distanță constantă între cărți. Folosim acest lucru tot timpul când creăm site-uri web receptive.

Comparați captura de ecran a site-ului The Verge de mai sus cu versiunea sa mobilă de mai jos:

Observați cum textul, imaginile și modelul de culoare rămân aceleași. Când se dezvoltă adaptiv web design cardurile vă permit să obțineți design permanent pe diverse dispozitive. Acest avantaj poate fi văzut în laborator gratuit Design UXPin. Observați cât de curat decurge aspectul versiune mobila La modul ecran întreg vizionare.

Zona de vizualizare a versiunii mobile:

Zona de vizualizare pe tot ecranul:

Un alt avantaj este modul în care designul cardului este compatibil control tactil. Pe ecrane tactile cărțile joacă rolul de butoane. Ideea este simplă: faceți clic pe un card pentru a accesa conținutul. După cum arată Legea lui Fitts aplicată designului web, butonul mai mult pentru un clic, cu atât este mai ușor să lucrezi cu el. Cât de des trebuie să ne luptăm cu butoanele minuscule de pe dispozitivele mobile?

Carduri și design de materiale

Design material, ideal pentru , se bazează foarte mult pe carduri, iar analiza lor tehnică detaliată va necesita mult spațiu. Deci, dacă doriți o explicație cuprinzătoare, merită să citiți descrierile cardurilor din ghidul de proiectare a materialelor.

Dezvoltare site web. Viitorul designului de carduri.

Deoarece modelul interfeței de utilizare a cardului își schimbă constant forma pentru a îndeplini noile cerințe, va avea probabil cel mai mare impact asupra designului receptiv și al aplicației. Această modificare se bazează parțial pe impactul pagină cu pagină pe care designul materialului îl are asupra aplicațiilor Android.

1. Tehnologie

Este posibil ca cardurile să nu rămână statice mult timp. Pe măsură ce implementările web se îmbunătățesc, la fel se va îmbunătăți și capacitatea lor de a accepta mai mult conținut multimedia. Probabil că vom vedea elemente mult mai granulare, cum ar fi conținutul cu reîmprospătare automată, care nu vor încetini experiența generală.

Din ce în ce mai mult, videoclipurile vor înlocui imaginile (o idee cu care unii designeri se joacă de ani de zile). Utilizați interfața (mai sus) utilizează carduri GIF animate care se umplu pagina principala o mulțime de informații.

2. Aprofundarea interacțiunii

În viitorul apropiat, creativitatea utilizării cardurilor poate crește și ele, iar acestea nu vor mai fi doar link-uri. După cum vedem în exemplul designului materialului, cărțile diferă în ceea ce privește nivelul de interacțiune între ele și mediu inconjurator, de exemplu, cum ar fi sortare automatăși actualizări în timp real (cum ar fi prognozele meteo).

Windows Phone a introdus deja sortarea automată a cardurilor, dar această abordare ar putea fi aplicată utilizatorilor altor dispozitive mobile.

Marimea 3

Ținând pasul cu tendința personajelor de benzi desenate, cărțile folosesc, de asemenea, o politică „mai mare este mai bine”.
Cardurile mari permit mai multe detalii și o tipografie complicată, ceea ce înseamnă, la rândul său, mai multe oportunități pentru un design vizual uimitor. Folosite alternativ cu carduri mai mici, cardurile mari oferă o mai mare libertate vizuală.

CUM Arkitekter (mai sus) amestecă carduri mari și medii în navigare. Unele carduri sunt link-uri, în timp ce altele prezintă pur și simplu informații statice. Spații largi separă cărțile, dând designului o senzație aerisit.

4. Dispozitive purtabile

Mulțumită Google Glass, cardurile au devenit acum un element de bază al designului UI pentru dispozitivele portabile.

În timp ce criticii pot vedea Google Glass ca un eșec comercial, unii cred că are o șansă pe piață. Indiferent de ce, articolele purtabile trebuie să utilizeze eficient spațiul. Și în acest caz, cardurile vor fi cea mai practică alegere.

Dezvoltare site web 2016-2018. Concluzie

Design-urile cardurilor devin baza organizării și funcționalității în toate mediile și dispozitivele. Forma lor actuală se poate schimba pe măsură ce evoluează alături de tehnologie, dar prezența lor este garantată. La urma urmei, zonele digitizate de pe ecrane nu sunt forma principală de carduri. Nu uitați că până de curând, un card era doar o bucată de hârtie care conținea un set de informații despre o anumită temă.

Citiți articolul despre altul - duoton sau duplex.

Designul web este foarte dinamic. Vedem constant cum aspect site-urile web se schimbă odată cu apariția noilor tehnologii, metode, tendințe și stiluri. Așadar, astăzi conceptul principal este designul cardurilor.

Îl poți vedea peste tot: de la site-urile agențiilor imobiliare până la portaluri de știri. De fapt, giganții internetului precum Twitter, Facebook și Google folosesc și modele de carduri.

Cărți, în în acest caz,, acestea sunt dreptunghiuri mici pline cu imagini și informații interactive. Au devenit populare în primul rând datorită capacității de reacție, estetică și caracter practic.

Deși există multe concepții greșite despre ceea ce se califică drept design de card, un lucru este sigur: cardurile nu sunt doar dreptunghiuri pe site-uri web. Pentru a califica un anumit design drept un design de card, acesta trebuie să aibă funcţionalitateși fii autosuficient.

Poate cea mai bună metaforă de descris design card este următoarea zicală: „Cartea este plată, dar are două fețe”. Adică, fiecare card nu ar trebui să conțină doar un fel de conținut, ci și să ofere consumatorilor săi posibilitatea de a interacționa cu acesta într-un fel.

Pur și simplu, cărțile nu sunt doar un design frumos, ci și ușor de utilizat.

Diferite tipuri de modele de carduri

Designul cardului a suferit modificări semnificative de la începuturi. Și acum poate fi făcut în următoarele stiluri.

1. Design plat



Designul plat al cardului a fost introdus pentru prima dată de către Microsoftîn 2006 și sa bazat pe stilul de design GUI Metro, care arată destul de solid și colorat. Adevărat, în a lui versiune modernă Gradientele, umbrele și skuemorfismul sunt utilizate pe scară largă.

2. Stilul revistă

Un design în stil revistă are nevoie de un echilibru vizual bun. Cardurile în acest caz conțin un bloc cu o imagine și un text care acționează ca un „teaser”, adică ademenesc vizitatorul la mai multe informatii detaliate pe altă pagină sau site. După cum sugerează și numele, acest design este folosit pe site-urile revistelor și portaluri de știri, dar este potrivit și pentru alte resurse axate pe o cantitate mare de conținut, precum bloguri sau portofolii, precum și pentru site-uri care sunt actualizate în mod regulat.


Acest stil este întruchipat pe site serviciu social Pinterest și a devenit o tendință populară de design tematică pentru Platforme WordPress. Inițial, cardurile conțineau doar link-uri și o anumită cantitate dintr-un anumit tip de conținut. Ele pot conține acum mai multe link-uri și tipuri de conținut, inclusiv videoclipuri, formulare, imagini și instrumente de partajare. în rețelele sociale. În unele interfețe, cardurile oferă opțiuni de mini-interacțiune, cum ar fi activarea/dezactivarea notificărilor Facebook.



Cunoscut și ca stilul „zidărie”, conține blocuri interconectate sau distribuite pe întregul aspect.

Cum să utilizați eficient designul cardului?

Mânca întreaga linie motive pentru care modelele de tip card sunt atât de populare. Iată doar câteva dintre ele:

  • O varietate de stiluri de design sunt compatibile cu acest format, de la modele plate la soiuri mai complexe.
  • Funcționează bine cu tipuri variate conținut și, de asemenea, îl face mai ușor de consumat.
  • Funcționează bine cu cadre responsive.
  • Oferă un aspect organizat și structurat multor informații.

Pentru de acest tip design nu există reguli fixe. Cu toate acestea, în efectiv layout-uri de card Două elemente sunt aproape întotdeauna prezente - simplitatea și varietatea bogată de conținut. Există, de asemenea, tehnici care pot îmbunătăți estetica și funcționalitatea designului cardului.

Spațiu gol

Un element comun în designul cardului este spațiul alb. Acest lucru este necesar pentru ca toate elementele să fie clar vizibile și înțelese. La urma urmei, tot ce aveți este o zonă de 600 de pixeli și trebuie să vă asigurați că titlul, butonul de îndemn, imaginile și textul linkului sunt proeminente și își fac treaba eficient.

Un numar mare de spațiu golîn jurul fiecărui element le oferă vizitatorilor site-ului timp să proceseze ceea ce văd în timp ce privesc de la un card la altul.

Fiecare card are propriul său conținut

Imagini clare

În designul bazat pe carduri, imaginile sunt critice. Ele trebuie să fie impecabile, chiar și atunci când sunt introduse spatiu limitat pentru a atrage atenția. Dacă nu există imagini, utilizați un font artistic sau un titlu creativ pentru a atrage atenția vizitatorilor.

Fonturi simple

Fontul nu trebuie să distragă atenția de la imagine. Pentru a face acest lucru, utilizați un font simplu într-o culoare ușor de citit, adică negru și gri. Cele mai populare fonturi, datorită designului lor neutru și ușor de citit, sunt fonturile sans serif. În plus, este recomandabil să folosiți un tip de font cu dimensiuni diferite.

Detalii neașteptate

Elementul surpriză face minuni. Încercați să adăugați detalii neașteptate, cum ar fi un efect 3D sau o procesare creativă a marginilor, pentru a vă face designul mai original. Alte metode care s-au dovedit eficiente includ efectele hover și suprapunerea de culoare. De asemenea, puteți aplica efectul numai la cel mai mult conținut semnificativ pentru a echilibra greutatea vizuală a fiecărei cărți.

Deschideți plasă

Oricât de importante sunt elementele din fiecare card, spațiul dintre ele este la fel de important. Creați un cadru de grilă care va oferi un anumit contrast și, de asemenea, să ofere distanta egalaîntre cărți și elementele lor. Acest lucru devine și mai important atunci când luați în considerare plasarea punctelor de întrerupere într-un aspect receptiv.

Utilizabilitate

Designul nu este doar despre estetică, ci și despre utilizare. Designul ar trebui să încurajeze utilizatorii să ia măsuri: faceți clic pe butonul de abonare, citiți întregul articol sau cumpărați un produs. Scopul final al interfeței dvs. este de a oferi o experiență ușoară care să-i determine pe utilizatori să ia acțiunea dorită.

În afară de aceasta, ar trebui să verificați și modul în care funcționează fiecare element de interfață, în special pe versiunea mobilă a site-ului. Adică, trebuie să vă gândiți nu numai la cât de convenabil este să faceți clic pe elemente cu mouse-ul, ci și la cât de convenabil este să interacționați cu ele folosind tehnici precum glisarea (glisarea degetului pe ecran) și atingerea (scurtă atingeți pe ecran). De asemenea, asigurați-vă că butoanele sunt vizibile clar și ușor de utilizat. Acest lucru, desigur, necesită să existe suficient spațiu între elemente pentru a preveni atingerea accidentală a butonului greșit sau inițierea unei acțiuni greșite.

Sortarea cardurilor

Odată ce designul cardului este finalizat, urmatorul pas este de a determina ce informații vor conține aceste carduri. Ar trebui să fie grupat conținutul după tip sau subiect? În ce categorie ar trebui clasificat acest sau acela conținut? Cel mai bun mod organizarea întregului conținut într-un mod ușor de utilizat este sortarea cardurilor.

Puteți face acest lucru folosind pix și hârtie sau puteți utiliza site-uri precum ConceptCodify sau Optimal Workshop. Fiecare metodă are avantajele și dezavantajele sale, deși metoda offline necesită o abordare mai individuală.

Designul cardurilor este unul dintre cele mai flexibile formate de aspect al site-ului web, care vă permite să creați excelent experiența utilizatorului. Cardurile sunt, de asemenea, plăcute ochiului din punct de vedere estetic. Utilizatorii caută în mod constant modalități de a consuma rapid cantitate mare informații, dar designul cardului vă permite să faceți acest lucru ușor și rapid.

Bazat pe carduri interactive care conțin imagini, conținut, hyperlinkuri. Stilul Metro a fost folosit pentru prima dată de Microsoft în 2010 în designul interfeței produselor sale. Beneficii al acestui stil, potrivit dezvoltatorilor companiei, erau stilate și aspect modern precum și funcționalitate. Utilizatorul nu a fost distras de elementele străine; toată atenția sa a fost concentrată asupra fișelor de index care îi furnizează conținutul pe care îl căuta. Acest design a fost considerat intuitiv și a simplificat experiența utilizatorului.

Astăzi, modelele de carduri pot fi găsite pe resurse cunoscute precum Twitter, Pinterest, Google și altele.

Caracteristici ale stilului cardului

Stilul Metro în design este foarte popular; este utilizat pe scară largă pentru a îmbunătăți gradul de utilizare și a face mai ușor perceperea unei cantități mari de conținut. Stilul cardului are caracteristici caracteristice:

  • Adaptabilitate. Designul este afișat corect pe orice dispozitiv.
  • Minimalist, fără elemente care distrag atenția. Toată atenția este acordată cardurilor funcționale.
  • Aspect modern si estetic, paleta larga de culori folosite.
  • Utilizarea de fonturi ușor de citit (Segoe), imagini tematice clare.
  • Accesibilitate, înțelegere intuitivă a funcționalității pentru utilizator.
  • Dinamism. Utilizarea efectelor de animație.
  • Prezența elementelor desenate manual: icoane, butoane tridimensionale, infografice, care facilitează percepția și stimulează acțiunile vizate.

Pentru ce site-uri web este potrivit stilul de design Metro?

Designul laconic și modern al cardurilor este folosit pe site-uri de diverse subiecte: portofolii, bloguri, site-uri corporative, site-uri de cărți de vizită, magazine online și chiar pagini de destinație. De exemplu, site-ul Microsoft încă arată exact în stilul metroului (https://www.microsoft.com/uk-ua): pe pagina principala există file mari cu produsele companiei și link-uri către pagini cu informatii detaliate despre ele. Sunt cărți între ei vedere standard Cu descriere scurtași hyperlinkuri către conținut. Există efecte de animație - când treceți cursorul, imaginile, butoanele sunt evidențiate, iar linkurile sunt evidențiate. Nu există elemente străine.

Pe cât de funcționale, pe atât de frumoase, interfețele cardurilor nu sunt doar o tendință. De când traficul web mobil a depășit traficul pe desktop în 2014, designul responsive a devenit standardul industriei, iar designerii web își concentrează eforturile pe ecranele mici. Drept urmare, stilurile simple, cum ar fi flat, minimalismul și în special cardurile câștigă o popularitate fără precedent.

Modelul cardului este convenabil nu numai pentru că reduce timpul de încărcare a paginii și simplifică scalarea interfețelor pentru diferite ecrane. Bucăți mici de conținut se potrivesc cu durata de atenție a utilizatorilor web (în special a celor care folosesc dispozitive mobile). Inspirat de Pinterest și popularizat de rețelele sociale precum FacebookȘi Stare de nervozitate, interfețele cardurilor de astăzi pot fi văzute pe site-uri web de orice subiect. În acest articol, ne vom uita la modelul UI al cardului în întregime: ce este bun la acesta, cum se încadrează în conceptele de design adaptiv și material și la ce să ne așteptăm de la acesta în viitor.

Sursa: Formal Da

Ce este designul bazat pe container?

Pentru a înțelege modelul, mai întâi trebuie să înțelegeți ideea cardului în sine.

În esență, cardurile sunt mici containere pentru informații, iar fiecare card poartă un gând independent. Poate conține orice tip de conținut: imagine, text, link-uri etc. - toate cărțile sunt unite printr-o temă comună.

Utilizatorii Trello pot crea orice carduri doresc. Oricine poate crea carduri cu liste de sarcini și le poate sorta așa cum dorește.
Acest exemplu arată cât de flexibile pot fi cardurile și, de asemenea, demonstrează capacitatea lor de a organiza informații. Trello își datorează popularitatea faptului că cardurile par mai simple pentru utilizatori. liste obișnuite sarcini utilizate de alți manageri de activități.

Carduri în interfețele site-urilor mobile și responsive

După cum am scris deja, interfețele cardurilor merg bine cu cadrele receptive, motiv pentru care Des Traynor de la Intercom însuși le-a numit viitorul web-ului. Acest model de interfață se traduce bine pe dispozitivele mobile din multe motive - vom vorbi despre ele acum.

Sursa: The Verge

În primul rând, în cadrele scalabile, structurile cardurilor pot fi reconstruite pentru a se potrivi cu orice punct de întrerupere sau dimensiune de ecran. Designerii au ocazia să se joace cu raportul dintre lățimea și înălțimea cărților și modul în care grupurile de cărți se relaționează între ele. De exemplu, cardurile pot avea o lățime fixă ​​și înălțimi diferite când interval datîntre ele.

Comparați fereastra de vizualizare desktop (sus) și mobilă (mai jos) de la The Verge:

Sursa: The Verge (site mobil)

Atenție la texte, imagini, degrade - sunt aceleași în ambele versiuni. Cardurile vă permit să creați o experiență de utilizator unificată și să o difuzați pe toate dispozitivele.

Puteți vedea acest principiu în acțiune vizitând pagina Bibliotecă gratuită pentru designeri pe UXPin. Observați cât de ușor se scalează aspectul de la ecranul mobil la ecranul complet.

Vizualizare mobilă:

Sursa: UXPin

Ecran de înaltă rezoluție:

Sursa: UXPin

Un alt avantaj al cardurilor este că funcționează excelent ca comenzi prin gesturi. Pe ecranele tactile, cardurile se transformă în butoane fără niciun efort suplimentar. Ideea este simplă: atingeți cardul pentru a începe să interacționați cu conținutul.

Viitorul cardurilor

Modelul de interfață bazat pe carduri evoluează în mod constant pentru a face față noilor provocări, cele mai multe dintre ele în design responsive și aplicații. După cum am discutat în Web Design Trends 2015 și 2016, aceste modificări se datorează parțial impactului pe care Material Design îl are asupra aplicațiilor Android.

1. Tehnologie
În curând cărțile pot deveni dinamice. Pe măsură ce site-urile devin mai productive, ele pot suporta active media mai complexe. Poate vom vedea elemente cu un numar mare detalii, de exemplu, conținut de auto-actualizare, în timp ce interacțiunea cu interfața nu va încetini.


Sărbătorile s-au încheiat, ceea ce înseamnă că este timpul să ne înveselim și să ne gândim la planuri de viitor, proiecte viitoare și perspective. La Wix, de când ne amintim, așteptăm cu nerăbdare noul an cu entuziasm și curiozitate. 2015 este înainte și cu siguranță va aduce o mulțime de lucruri interesante în domeniul web designului.

Desigur, nu putem prezice tot ce se va întâmpla, dar avem câteva presupuneri. Vă amintiți că nu este doar convenabil, ci și platformă modernă, așa că monitorizăm îndeaproape tot ce se întâmplă și știm unde bat vânturile schimbării.

Puneți-vă centurile de siguranță, dragi prieteni, începe călătoria către viitor! Anul acesta vom vedea câteva tendințe foarte interesante:


Design material

S-a inventat un tip de design „plat”. de Google. Ideea se bazează pe tehnici tradiționale de design și pe fenomene fizice reale, adaptate pentru web. Rezultatul sunt interfețe multistrat care pot transmite caracteristicile materialelor, iluminarea și simularea mișcărilor din lumea reala. Un exemplu despre cum arată acest lucru poate fi găsit la acest link.

Animaţie



Butoane fantomă

Uitați de butoanele strălucitoare pentru îndemnuri. În zilele noastre sunt la modă elemente simple și transparente separate de fundal. cadru subțire. Acestea sunt de obicei mai mari decât butoanele standard și sunt situate în cel mai vizibil loc al paginii. O apariție modestă nu înseamnă că nimeni nu observă sau apăsă astfel de butoane; dimpotrivă, oamenilor le place foarte mult simplitatea și relevanța lor elegantă. Apropo, avem doar astfel de elemente (și pe site-ul Urban Cup această tendință este deja folosită la maxim).


Povestirea

Povestirea în web design înseamnă că site-ul ar trebui să spună vizitatorilor o poveste - nu literal, desigur, ci prin senzațiile care apar într-o persoană în momentul vizionării. Pentru a face acest lucru, puteți utiliza imagini și texte care au înțeles legate sau derularea interactivă, astfel încât cititorul să nu fie doar un spectator, ci și un participant. Există atât de multe moduri de a spune o poveste prin design și sperăm să vedem această tendință să devină și mai populară în 2015. Un exemplu grozav de povestire poate fi văzut pe acest site Wix.

Design card

O versiune mai flexibilă și mai democratică a așa-numitului „design de plăci”, despre care lumea a aflat pentru prima dată în 2010 datorită serviciului Pinterest. Cardurile sunt acum folosite ca punct de plecare pentru mișcarea în jurul site-ului: acesta este un anunț al materialului care se va deschide când se face clic. În anul viitor, designul cardurilor se va dezvolta în continuare, cu noi stiluri și opțiuni interactive. Dacă doriți să faceți un astfel de site web, vă recomandăm să utilizați .


Video ca fundal

Videoclipurile frumoase, care nu sunt limitate de cadrul playerului video, arată cool și înlocuiesc tradiționalul imagini de fundal. Și nu este surprinzător - este proaspăt, frumos, poți veni cu ceva nou cu un videoclip și se potrivește bine cu ideea de povestire menționată mai sus. Acest fundal definește conceptul întregului site, îl înviorează și creează dinamică. Consultați site-ul Zenit și vedeți cât de frumos este.


Derulați în loc să faceți clic

Bun exemplu la fel de interfețe mobile web design influențat. Prevalența dispozitivelor tactile a schimbat modul în care interacționăm cu paginile: acum acțiunea este familiară, iar „clic” este un mod de navigare mai puțin intuitiv și natural. Acum este o practică obișnuită să postați conținut pe o altă pagină separată pagină verticalăși împărțiți-l nu în secțiuni, ci în „ecrane”. Site-ul Madsschou, realizat pe Wix, ilustrează perfect această idee.


Microinteracțiuni

Designul web din acest an va fi influențat de noi moduri de a atrage vizitatorii site-ului. Logica este aceasta: de fiecare dată când îi ceri unei persoane să efectueze o acțiune, se creează o interacțiune. Trecerea către micro-interacțiuni este o încercare de a crea cât mai multe motive pentru unele acțiuni mici. Exemplele clasice sunt o fereastră pentru abonamentul prin e-mail sau o caracteristică cu care puteți acorda evaluări. Va fi ceva nou în 2015? Suntem dispuși să pariem că da.