Trucuri de cărți: utilizarea cărților în design web. Cele mai recente tendințe din lumea designului web: faceți cunoștință cu Card Design

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ă pe fișele 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 metrou în design este foarte popular, este utilizat pe scară largă pentru a îmbunătăți gradul de utilizare și ușurința de percepere cantitati mari 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.
• Modern si estetic aspect, paletă largă 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: pictograme, 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.

Deci, probabil că doriți ca designul dvs. de card la modă să arate nu numai uimitor, ci și să fie cât mai ușor de utilizat? Să ne dăm seama cum să realizăm acest lucru folosind exemple din mass-media mondială celebră.

Ideea de a face un design bazat pe carduri este pur și simplu grozavă.

in primul rand, aceasta este o tendință destul de populară în designul de conținut, care face posibilă afișarea unei cantități destul de mari de conținut și să o facă frumos!

În al doilea rând, desigur, acest design este, de asemenea, destul de ușor de utilizat.

Al treilea, acest design arată grozav pe toate tipurile de ecrane în toate rezoluțiile posibile.

Cel mai important lucru în orice design bazat pe card este să creați ceva pe care utilizatorul dorește să facă clic - aceasta este cea mai mare și mai dificilă sarcină pentru designeri. Fiecare card ar trebui să servească unui scop specific - să conțină o imagine cu un link către știrile complete, formularul de abonare, playerul video sau orice alt conținut cu care utilizatorul va interacționa.

Începeți cu un cadru alb-negru

Totul pare destul de simplu: începeți cu un cadru alb-negru. Gândiți-vă la carduri și la ce părți ale cardului se vor putea face clic și care vor conține doar conținut grafic. Este o practică destul de normală să faceți clic pe întregul card.

Planificați spațierea, imaginile, tipografia și toate celelalte lucruri mici. „Adunați” cardurile împreună pentru a înțelege în cele din urmă dacă designul funcționează, structura este clară, este totul convenabil de utilizat? Gândiți-vă la modul în care veți folosi acest set de elemente structura generala proiecta.

Încercați să gândiți ca un utilizator final:

• Unde ați face clic pentru a trece la pasul următor?
• Obțineți conținutul la care vă așteptați când faceți clic pe un element de card?
• Este ușor să navigați între ecrane?

Utilizați căptușeală sporită

Desigur, nu ar trebui să utilizați elemente intermitente sau butoane roșii „Click Here” precum designul anilor 90. Dar nu uitați de accente, nu ar trebui să ascundeți prea mult îndemnurile culorile gri. Uitați-vă cât de bine sunt folosite culorile în următorul design:

Cea mai mare provocare în crearea cardurilor este crearea unui design compact, fără a vă simți aglomerat cu elemente inutile. Aici vine vorba de salvare spatiu alb. În unele cazuri, cum ar fi un card de produs, poate fi de mare ajutor pentru a concentra atenția asupra zonele necesare. Cu cât ecranul este mai puțin ocupat, cu atât utilizatorul va acorda mai multă atenție obiectului la care ar trebui să se uite:

Acum este momentul să ne gândim la culori și umbre. Faceți-le naturale și stilizate într-un singur concept general. Nu, cu siguranță nu discutăm aici despre skeuomorfism, vorbim doar despre crearea unui design cu contururi și umbre naturale. Oferă cărților tale aspectul pe care l-ar avea dacă le-ai ține în mâini.

Utilizare principii de bazași legile fizicii pentru a vizualiza și proiecta fiecare carte ca și cum le-ai ține în mâinile tale în fața ta:

• Iluminarea ar trebui să arunce umbre ușoare pe partea de jos și pe părțile laterale ale cardului.
• Cel mai întunecat loc de pe card este baza acestuia.
• Nu plasați conținutul prea aproape de margini.
• Elementele pe care se poate face clic ar trebui să fie localizate în părțile cele mai ușor accesibile ale cardului în orice rezoluție. Ar trebui să fie la fel de ușor să faceți clic cu mouse-ul, precum și să faceți clic cu un deget pe un smartphone.
• Un card - o informație.

Creați straturi simple

Acum că v-ați deranjat deja cu fizica, creați un card unificat pentru toate părțile interfeței. Nu știi de unde să începi? instrucțiuni Google De Design material este un excelent punct de plecare.

În proiectarea materialelor, proprietățile fizice ale hârtiei sunt translate pe ecran. Fundalul aplicației seamănă, în același timp, cu o foaie de hârtie plată, opaca.

"Proprietățile aplicației copiază capacitatea hârtiei de a schimba dimensiunile, de a amesteca și de a plia împreună din mai multe componente. Elementele de operare și afișare sunt de obicei procesate diferit. Ele diferă de conținut și nu respectă proprietățile fizice ale hârtiei."

De fapt, sarcina este de a crea un obiect digital care să arate ca unul material. Și dacă utilizatorul dorește să-l atingă, atunci va dori să facă clic pe el. Da, conceptul este atât de simplu.

Rămâneți la interfețe simple

Când vine vorba de tipografie sans serif- întotdeauna răspunsul. Evitați să utilizați fonturi prea subțiri sau greu de citit, deoarece textul va fi atunci destul de greu de citit.

Cele mai multe carduri funcționează bine cu un sistem de două fonturi (chiar dacă sunt din aceeași familie) - unul pentru textul corpului și unul pentru titlu sau îndemn elementele sunt ușor de citit Asigurați-vă că oferiți contrast între fonturi, precum și între fundal și elemente de text pentru fiecare card.

Reduceți numărul de elemente UI

Repeta: o carte - o acțiune.

Și asta înseamnă probabil că nu ar trebui să includeți o grămadă de elemente interfața cu utilizatorul ca nasturi si asa mai departe. De fapt, în designul cardurilor, puteți face cu totul fără butoane. Dar dacă credeți că utilizatorii au nevoie de un indiciu, un buton este suficient. Ține-te de ea forme simpleși design simplu, abordarea Material Design este destul de bună în acest caz - respectați regula unui singur buton și, în general, butonul este singurul element de care aveți nevoie.

Concluzie

Pur și simplu nu există o formulă magică pentru designul perfect al cardului. Dar există abordări prin care puteți forța utilizatorul să facă clic sau să atingă un element. Urmează minimalismul cu mai mult spatiu liberși contrastează, subliniază tipografia simplă și rămâi la principiu o acțiune pentru o carte. Urmând aceste principii, este mai bine să prezentați și să conceptualizați proiecte cu design de card. Combină aceste teorii de design și abilitățile tale și vei obține cu siguranță un design uimitor, ușor de utilizat și la modă.

Deci, în acest articol, vă voi explica ce este „designul cardurilor” și cum afectează acesta în general designul web.

Înălţime tehnologii mobile a condus treptat la o schimbare a arhitecturii site-ului web către receptivitate și adaptabilitate. Acești doi parametri au devenit obligatorii. Aceste evenimente au contribuit mare succes„carduri” - una dintre principalele domenii ale designului web în 2015.

Cu toate acestea, putem spune cu încredere că hărțile nu sunt doar un mod de design, ele sunt viitorul dezvoltării web, deoarece sunt Cel mai bun mod organizați și afișați conținutul într-o manieră coerentă. Deci, în acest articol, vă voi explica ce este „designul cardurilor” și cum afectează acesta în general designul web. Merge!

Design de carduri de-a lungul veacurilor

În timp ce hărțile au devenit de curând extrem de populare în designul web, acestea au fost deja mijloace eficiente comunicare vizuală, conform macar, o mie de ani. Introdus pentru prima dată ca joc în China imperială în secolul al IX-lea, cărțile au devenit ulterior utile în lumea afacerilor.

Într-adevăr, în secolul al XVII-lea, „cărțile de schimb” au apărut pentru prima dată la Londra, cu ajutorul lor oamenii și-au găsit de lucru: acesta a fost primul exemplu de „cărți de vizită” moderne.

În zilele noastre, cardul este de obicei o formă de cupon de la un magazin sau supermarket, oamenii le colectează pentru a le obține reduceri speciale.

Majoritatea dintre noi trebuie doar să ne uităm în portofel pentru a vedea Carduri de credit, carduri de fidelitate, carduri de magazin și chiar un permis de conducere obișnuit. Toate aceste carduri au propriile lor standarde.

În orice caz, există o legătură puternică între utilizarea tradițională a hărților și utilizarea lor în design web: cărți obișnuite conțin informații pe ambele părți, iar hărțile web redirecționează utilizatorii pentru a vedea conținut suplimentar.

Ce sunt hărțile de pe Internet?

Din perspectiva internetului, putem defini un „card” ca un mic dreptunghi care este asociat cu un anumit gând. Hărțile sunt pline de elemente interactive, cum ar fi text, linkuri sau imagini. Dar toate servesc aceluiași scop - să vă direcționeze către conținut suplimentar atunci când dați clic.

Scopul principal al cardurilor este de a oferi scurtă recenzie un anumit subiect într-un spațiu restrâns. Și dacă cititorul este interesat de știri, poate merge la pagina noua cu textul integral. Site-urile Facebook sau Twitter profită de aceste avantaje și au încorporat un șablon de card în designul lor, afișând cantități mari de conținut economisind în același timp spațiu prețios.

Astfel, cel mai mult caracteristică importantă carduri este ideea de interacțiune interactivă. În timpul dezvoltării, designerii trebuie să aibă în vedere că hărțile servesc nu numai ca modalitate de afișare a știrilor, ci și ele trebuie să atragă atenția cititorului. De aceea, cardurile afișează like, repostează sau link-uri către textul integral al articolului.

Pe lângă utilitatea lor, hărțile sunt o alegere comună de design datorită compatibilității lor cu cadrele receptive. Structura Chunked poate fi folosită pentru a crea interfețe atractive și este ideală pentru dezvoltarea limbajului. platforme mobile. Forma cardului este extrem de asemănătoare cu cea a smartphone modern.
Deseori vorbim despre layout-uri „fluide”. Hărțile ne oferă mici bucăți de conținut cu care putem „umple” pagina de sub marimi diferiteși forme de ecran.

De ce ar trebui să folosești carduri?

Deoarece cardurile au devenit universale, ele pot fi folosite în moduri diferite, în funcție de funcții necesare. Mai jos sunt câteva motive pentru care să folosiți carduri:

Aceasta este o tendință: tendințele sunt de natură temporară, dar folosind hărți vă puteți face în mod eficient site-ul celebru.

Hărțile introduc ordine: hărțile introduc straturi de organizare pentru conținut.

Cardurile sunt ideale pentru design receptiv: se potrivesc cu ușurință în site-uri web și aplicatii mobile. Cel mai important, pe smartphone-uri, cardurile pot fi stivuite cu ușurință pe verticală, creând fluxuri de stiri.

Hărțile încurajează economia de gândire: datorită dimensiunii lor, hărțile nu vor putea niciodată să stocheze cantități mari de informații. La prima vedere poate părea un dezavantaj, dar cred că este un lucru grozav! Cardul ar trebui să afișeze un text scurt din articolul complet, încurajând cititorii interesați să urmeze linkul.

Sunt sociale: cardurile sunt ideale pentru social media, nu numai datorită utilizării lor în rețelele sociale, ci și pentru că cardurile facilitează accesul utilizatorilor la informații prin diverse platforme sociale si prin posta.

Tendințele moderneși abordări în dezvoltarea web

Aflați algoritmul pentru o creștere rapidă de la zero în construirea site-ului web

Importanța conținutului este uniformizată: hărțile vă ajută să decideți ce articol este cel mai bine plasat în partea de sus a paginii. Atunci când utilizați hărți, blocurile de conținut de importanță egală pot coexista cu ușurință pe aceeași pagină fără a fi nevoie să le clasăm. Utilizatorul decide ce este important pentru el și ce vrea să citească.

Cine folosește cardurile?

Dribling

Aspectul site-ului se bazează pe carduri care conțin o imagine și câteva informații despre fiecare design. Ceea ce îmi place la Dribbble este că poți să dai clic pe un card și să vezi toate detaliile referitoare la design și, de asemenea, poți să treci cu mouse-ul peste card și să vezi o mică descriere.

Pinterest

Când vorbim despre designul cardurilor, nu putem să nu menționăm Pinterest. De fapt, mulți oameni cred că Pinterest a fost pionier în designul cardurilor. Pinterest demonstrează în mod clar „importanța întregului conținut” nu există carduri pe site care să iasă în evidență vizual în vreun fel.

Twitter, folosind o limită de 144 de caractere pe postare, s-a născut cu un „aspect de card încorporat”. Anul trecut rețea socială a lansat propriul produs numit Twitter Cards, o aplicație concepută pentru a vă ajuta să vă mapați conținutul pe măsură ce îl postați în sistem. Dezvoltatorii descriu aplicația lor ca fiind capabile să:

„Atașați o mulțime de fotografii, videoclipuri și alt conținut media la tweet-urile dvs., ceea ce va genera trafic către site-ul dvs.”

Drept urmare, acasă Pagina de Twitter acum plin de carduri de tweet. Când faceți clic pe unul dintre ele, tweet-ul se extinde pentru a fi afișat continut suplimentar sau opțiuni.

Gardianul

Celebrul ziar britanic The Guardian a aplicat un design de card pe site-ul său pentru a „gândi diferit și a îmbunătăți descoperirea și promovarea conținutului”.

Ei au reușit să creeze un aspect modular constând din diferite carduri: fiecare legat de un titlu și, atunci când făceau clic, redirecționat către textul integral al articolului. Site-ul evocă un sentiment de eleganță și curățenie.

Concluzie

Hărțile sunt o metodă utilă pentru a crea site-uri web atractive și sunt, de asemenea, extrem de flexibile, permițându-vă să implementați o varietate de machete. Toate acestea sunt pentru a ne asigura că utilizatorul este mulțumit de site. Cota de piață în continuă creștere a tabletelor și smartphone-urilor va consolida, de asemenea, designul de carduri în vârful designului web pentru o lungă perioadă de timp.

Interfața cardului este una dintre cele mai populare tendințe anii recenti. Este ușor de utilizat și se adaptează perfect la tipuri diferite dispozitive.

Cum arată un design de card de succes? Astfel încât utilizatorul să dorească să facă clic pe card și să se familiarizeze cu conținutul ascuns în spatele acestuia. Cardul ar trebui să servească drept container pentru conținut specific - text, formular de înregistrare, video.

Independent.Astăzi vă va spune cum să proiectați cu succes un design de card pentru site-ul dvs.

Începeți cu un aspect alb-negru

Începeți-vă designul cu un cadru alb-negru. Gândește-te la fiecare card și la ce conținut va sta în spatele ei.

Planificați elemente precum spațierea, imaginile și fonturile și luați în considerare cardurile fără culoare sau imagini. Vedeți cum funcționează fiecare card în timpul fazei de proiectare. Toate elementele hărții sunt acolo. Este ușor de înțeles de ce este aici? Ai face clic pe el? Structura ar trebui să fie clară, fără butonul roșu „Click aici”.

Ca și în cazul oricărui design, dacă conturul nu funcționează în alb-negru, probabil că nici designul final nu va funcționa.

Lăsați mai mult spațiu alb între cărți

Cel mai o problema mare Când vine vorba de lucrul la modele de carduri compacte, nu este vorba despre crearea unei atmosfere aglomerate. Aici sunt locurile utile. Si ce mai multe spatii, cu atât va fi mai confortabil pentru utilizator.

Adăugarea de spațiu alb va oferi elementelor mai mult spațiu de respirație; acest lucru va face imaginea de ansamblu mai spațioasă și va avea un efect bun asupra lizibilității.

Puteți seta distanța la dublul distanței normale. Spatiu suplimentar vă va ajuta să creați design deschisși organizați conținutul mai clar.

Hărțile pot concura între ele pentru atenția utilizatorului ecrane mari. Adăugarea de spațiu alb va ajuta să faceți designul mai ușor de citit.

Adăugați culori și umbre naturale

Acum este timpul să ne gândim la culoarea și umbrirea pentru design. Respectați culorile naturale și imitați realitatea în stilurile de design.

Nu, nu vorbim aici de skeuomorfism, ci despre crearea culorii cu contururi și umbre naturale. Gândiți-vă la modul în care va fi vizualizată cardul. Utilizatorul ar trebui să aibă aceeași senzație ca și cum ar ține cardul în mâini, în realitate.

Utilizarea unor reguli de bază ale fizicii vă va permite să prezentați designul fiecărei cărți mai natural:

Iluminarea ar trebui să arunce niște umbre în fundal și în jos;

Cea mai întunecată parte a designului ar trebui să fie partea de jos a imaginii, din cauza condițiilor de iluminare, care de obicei cad de sus.

Butoanele și apelurile la acțiune ar trebui să fie poziționate astfel încât să fie ușor de interacționat cu acestea.

Nu trebuie să existe mai mult de un mesaj de informare pe un card.

Creați straturi simple

Utilizați straturi simple și creați stil uniform hărți pentru întreaga interfață. Nu știi de unde să începi? Ghidul Google pentru proiectarea materialelor poate servi drept ghid pentru tine.

ÎN design material proprietățile fizice ale hârtiei sunt translate pe ecran. Fundalul aplicației seamănă cu textura plată, opacă a unei foi de hârtie. Drept urmare, obiectul digital pare real, iar utilizatorii doresc să-l atingă, să facă clic pe hartă. Conceptul este extrem de simplu și funcționează garantat.

aplica fonturi simple

Cel mai Cea mai bună decizie este un font simplu sans serif. Pentru a evita îngreunarea citirii, evitați opțiunile prea subțiri sau groase. Pe majoritatea hărților, două fonturi diferite (chiar dacă sunt din aceeași familie) funcționează bine - unul pentru titlu și unul pentru cea mai mare parte a textului.

Ce altceva este important pentru lizibilitate? Asigurați-vă că includeți contrast între culoarea fontului și fundalul fiecărei cărți.

Limitați numărul de elemente UI

O carte - o acțiune. Aceasta este o axiomă.

Aceasta înseamnă că nu ar trebui să includeți o grămadă de elemente ale UI, cum ar fi butoanele. Ele nu arată deloc bine pe hărți și de fapt nu sunt necesare acolo.

Dar dacă credeți că utilizatorii au nevoie de un ghid vizual pentru acțiune, un buton este suficient. Păstrați formele și desenele simple.

Poate că un buton este singurul element de interfață de care aveți nevoie.

concluzii

Nu există o formulă magică pentru a crea designul perfect al cardului, dar există soluții de design care încurajează fiecare utilizator să facă clic pe card. Urmați o abordare minimalistă de la început, lăsați mai mult spațiu alb, concentrați-vă pe fonturi simple, creați o acțiune separată pentru fiecare card.

Rezultatul este un design de card care este ușor de utilizat și arată uimitor.

În lumea designului web apar în mod constant noi tendințe, care ulterior capătă amploare. Cine poate uita de paralax scrolling, care a apărut în urmă cu câțiva ani și este popular și astăzi? Deși în În ultima vreme, pagini din pergament lung atrage mai multă atenție din partea vizitatorilor site-ului.

O tendință care nu a primit la fel de multă recunoaștere ca altele și a fost oarecum populară de ceva vreme este designul cardurilor.

Cel mai popular site web care prezintă această tendință de design este Pinterest, dar există și alte site-uri care folosesc adesea această abordare de design și din motive întemeiate. Când vizitatorii vizualizează un site web care utilizează această tehnică de design, ei vor observa imediat ordinea și structura bine organizată din spatele abordării designului simplu, dar elegant.

Există multe beneficii în utilizarea acestei abordări de design pe propriul site web.

Abordarea grilă a arhitecturii informaționale

Când te uiți la orice design de card, nu poți să nu vezi o grilă la bază. Acest lucru se datorează faptului că fiecare margine a cardului este de fapt alcătuită din diferite grile într-un mare, ok sistem organizat, care promovează o mai mare consistență și armonie în modul în care arată site-ul.

Acest lucru, la rândul său, ajută foarte mult arhitectura informațională a site-ului. Arhitectura informației este ordinea și secvența inteligentă în care vizitatorii dvs. percep informațiile despre site, în mod ideal în conformitate cu scopul fiecărei pagini și al site-ului în ansamblu.

Gândește-te: designul cardurilor „ghidează ochii” vizitatorilor tăi pe o cale logică. Fiecare card face parte dintr-un rând sau coloană care direcționează câmpul vizual al vizitatorilor de-a lungul liniilor orizontale și verticale uniforme. Acest aranjament îi ajută pe vizitatori să înțeleagă care informații sunt mai importante.

Luați Contrastly, o revistă de fotografie, de exemplu. Urmărirea aspectului grilei/cartelelor vă va ajuta să înțelegeți ce este cel mai important în ierarhia informațiilor. Ultimele articole postat pe linia de sus, în timp ce articolele mai vechi apar în rândul de jos. Noutatea tinde să fie asociată cu o importanță mai mare, așa că urmărirea acestei ordini descrescătoare într-un sistem de carduri permite utilizatorilor să înțeleagă rapid ce conținut este mai important. În acest fel, ei pot prioritiza în ce ordine să citească aceste informații.

Dependență puternică de imagini

Am auzit vechea zicală că oamenii iubesc cu ochii de atâtea ori încât a devenit un clișeu, deși în designul cardurilor capătă un nou sens. Designul cardului se bazează aproape exclusiv pe modalități vizuale; orice copie de pe aceeași pagină este de obicei secundară vizualului, din punct de vedere al arhitecturii informaționale.

Utilizarea imaginilor este punct forte design de card, deoarece cercetările confirmă că imaginile determină designul web. De exemplu, și fotografii de înaltă calitate și utilizare chipuri umane fotografiile cresc rata de conversie. De fapt, în afară de tot ce s-a menționat mai sus, există câteva alte moduri prin care, dacă folosești imagini în designul tău, poți crește rata de conversie a site-ului tău.

Cu alte cuvinte, concentrarea pe utilizarea imaginilor face ca designul cardului să fie mai atractiv pentru vizitatori. Nu este o coincidență că Pinterest este al 15-lea cel mai popular site din SUA, potrivit Alexa.

Privind rezultatele Pinterest după ce ați introdus cuvântul „mâncare” în motorul de căutare, puteți vedea că imaginile sunt primul lucru care atrage atenția atunci când sunteți pe site. Nu-ți pasă ce scrie sub fotografii, cel puțin nu este o chestiune de importanță primordială. Calitate superioară, poze uluitoare care iti atrag atentia, si abia atunci, dupa ce ai luat o decizie, vrei sa afli mai multe (dar deja din prezentarea acestei poze), motiv pentru care citesti pana la urma descrierea.

Îmbunătățit experiența utilizatorului

Orice designer vă poate spune că experiența utilizatorului este cel mai important lucru. Acestea sunt cele pentru care ar trebui să le proiectăm în primul rând. Un alt motiv este că designul cardului rezonează atât de bine și va continua să o facă în viitorul apropiat, deoarece ajută experiența utilizatorului. Și acesta este ceea ce îi face pe vizitatorii site-ului să revină în continuare și, la rândul său, îi ajută să petreacă mai mult timp acolo, ceea ce duce în cele din urmă la Mai mult tranziții!

O experiență excelentă de utilizator se bazează pe faptul că oamenii pot găsi ceea ce au nevoie pe site-ul dvs. fără bariere; Practic, trebuie să găsească ceea ce își doresc și să-l găsească imediat și fără bătăi de cap.

Dribbble este un site care înțelege bine acest lucru, deoarece dezvoltatorii săi au folosit carduri pentru a face experiența utilizatorului mai ușoară și mai bună. Acest site este bine cunoscut în comunitatea creativă online ca model pentru generate de utilizator artă.

Ideea site-ului este ca oamenii să admire ilustrațiile, grafica și imaginile de tot felul, așa că designul cardurilor este într-adevăr cel mai potrivit mod de a implementa o astfel de idee. Deoarece imaginile atrag ochiul vizitatorului în mod eficient și imediat, experiența utilizatorului este mult îmbunătățită atunci când vizitatorii pot scana rapid carduri într-un aspect de grilă pentru a vedea care îi interesează. Odată ce văd ceva ce îi interesează, pot face clic instantaneu pe card pentru a arunca o privire mai atentă.

Un site precum Dribbble permite vizitatorilor să găsească locul pe care îl caută într-un mod super convenabil. Acesta este simbolul experienței excelente pentru utilizator!

Ideal pentru design mobil

Poate ai auzit asta dispozitive mobile au depășit deja computerele desktop de o cantitate mare utilizatorii. Numai în 2015 în SUA, utilizarea mobilă media digitală mass media ajunge la 51% comparativ cu computere desktop, care au 42%. Designul bazat pe card este ideal, deoarece ține cont de această tendință, fiind ușor compatibil cu cadrele receptive. Deoarece cardurile oferă conținut în „porțiuni digerabile”, făcând mai ușor afișarea pe cadrele mobile.

Priviți cardurile din acest punct de vedere: forma și dimensiunea lor sunt aproape o imitație a formei și dimensiunii unui smartphone sau tabletă. Desigur, nu chiar o asemănare perfectă din cauza un numar mare variat modele disponibile, dar totuși o asemănare destul de apropiată atunci când este privit dintr-o perspectivă a raportului de aspect.

Drept urmare, cardurile nu vor fi niciodată din uz atâta timp cât cererea de dispozitive mobile și internetul crește și nu există semne de încetinire a utilizării cardurilor în curând.

Acesta nu este doar un alt moft

Problema cu unele tendințe de design este că devin moduri, făcându-le de scurtă durată și de nememorat. Deși, designul cardului poate fi o excepție! Datorită numărului mare aplicație practică iar beneficiile pe care le oferă, va deveni mai popular în timp. Aceasta înseamnă că va „supraviețui”.

Asigură consecvența arhitecturii informaționale a site-urilor și susține obsesia utilizatorilor pentru imagini clare, care la rândul lor acționează ca o modalitate de creștere a traficului pe site. În consecință, întreaga experiență a utilizatorului beneficiază, de asemenea, foarte mult de pe urma designului cardului, pur și simplu pentru că, de fapt, face mai ușor pentru utilizatori să găsească ceea ce au nevoie pe site. Datorită creșterii internet mobilÎn ultimii câțiva ani, această abordare a designului a devenit una curentă de care tot mai mulți oameni o experimentează și se bucură.

Ideea cărților în realitate concept vechi, dar i s-a dat o altă încercare și a fost actualizat la o nouă abordare a designului web. Acesta este doar un exemplu pentru a vă arăta că designerii creativ pot lua ceva vechi și banal și îl pot transforma în ceva extrem de relevant și util în secolul XXI.