Aplicațiile web și mobile devin absolut unice în timp. În loc de paginile obișnuite, acum putem vedea adesea "cărți" - un nou concept creativ de design. Indiferent de modul în care îl tratezi, există, și devine mai popular, așa că trebuie să ne ocupăm de ea.
Ce fel de cărți?
Cardurile servesc drept punct de plecare pentru informații mai detaliate. Aceste pătrate cu imaginea și textul interior servesc ca o punte între estetică și uzabilitate. Comoditatea cardurilor este aceea că acestea afișează informații în combinație cu diverse elemente vizuale, simplificând astfel percepția lor.
Cardurile din design sunt o metaforă excelentă, pentru că arată ca niște cărți reale și tangibile. Cardurile, în plus față de designul web, ne însoțesc și ne însoțesc pretutindeni: cărți de vizită; Carduri colecționate cu imagini ale sportivilor dvs. preferați, eroi fictivi, mașini pe care mulți dintre noi le-am colectat ca copii; cărți de joc și așa mai departe. De aceea este foarte important să faci un design de carte care seamănă cu cardurile reale familiare tuturor.
Tabelele de baseball sunt un exemplu excelent de "design card" în viața reală. De pe carte puteți afla toate cele mai importante lucruri despre player, citiți informațiile scrise pe ambele părți ale acestuia.
Cardurile împart conținutul în secțiuni substanțiale, permițându-i astfel să ia mai puțin spațiu pe ecran. Cardurile din design împart conținutul în părți succesive în același mod în care paragrafele separă textul.
Facebook a folosit carduri în loc de un flux continuu de conținut în versiunea mobilă și desktop a site-ului, în aplicația oficială.
Succesul designului cardului este de 90% dependent de imagini. La urma urmei, ei instantaneu nituie ochii utilizatorului. Prin urmare, pentru a crea un design de card de succes, atenția principală ar trebui să fie acordată imaginilor.
Celebrul site Dribble, în care designerii își stabilesc activitatea, utilizează de asemenea designul cardului UX. Și, după cum vedem, este minunat pentru conținut de acest tip.
Crearea unui card
Este mai bine să faceți colțurile cărților rotunjite. Deci, blocul de conținut va arăta mai atractiv și delimitat. Frumos se potrivesc și dau adâncimii imaginii o umbra scurtă (umbra scurtă).
În mod remarcabil, designul cardului va arăta ca o animație:
Avantajele cardurilor
Proiectarea corectă a cartelei UX face interfața intuitivă și funcțională.
Formă ușor percepută
Cardurile din design acționează ca recipiente, în care poți pune tot ceea ce dorește inima ta. Ele sunt plăcute pentru ochi și ușor percepute de utilizatori. Cardurile facilitează accesul la informații și interacțiunea cu interfața aplicației sau site-ului.
Design receptiv și mobil
Cardul UX arată bine atât pe dispozitive mobile cât și pe computer, deoarece împarte conținutul în bucăți ușor percepute, face ca designul să fie mai receptiv. Cardurile sunt mai ușor de manipulat: tragerea, ștergerea, "deschiderea" și crearea unui card - toate acestea fac UX mai mobil și mai plăcut. În plus, afișarea cardurilor este mai convenabilă la scară.
Un alt detaliu important: designul cardului vă permite să creați aceeași estetică a aplicației pe diferite dispozitive, ceea ce face ca experiența utilizatorului cu aplicația să fie mai consistentă, indiferent de dispozitivul pe care este lansată această aplicație.
Design-ul cardului este simplu și intuitiv, utilizatorul nu are nevoie să înțeleagă deloc aplicația. De aceea designul cardului este popular pentru majoritatea utilizatorilor.
În cazul în care mai bine să utilizați design carte
Utilizați designul cardului în loc să transmiteți informații în flux. Cardurile vor separa înregistrările unul de celălalt și vă vor permite să urmăriți mai clar cronologia plasării lor. Aplicația mobilă Facebook, așa cum am menționat deja, este un exemplu minunat de utilizare adecvată a designului cardului.
Pinterest folosește un design al cardurilor, plasând acele ca niște cărămizi în zidărie pentru a face banda de derulare mai plăcută pentru utilizatori.
Designul cu carduri de succes va arăta în casetele de dialog. Adică, caseta de dialog va fi o carte. De exemplu, în serviciul AirDrop, când primiți o notificare despre transferul de fișiere, puteți vedea o casetă de dialog în care o puteți confirma sau respinge.
Cardurile sunt ideale pentru monitorizarea lucrărilor asupra proiectului. Nu este un serviciu necunoscut Trello - la acea recunoaștere. Trello folosește o paradigmă pentru gestionarea proiectelor, cunoscută sub numele de kanban, unde totul este păstrat pe carduri. Cardurile reprezintă sarcinile și "plăcile" înseși, cărora pot fi plasate aceste sarcini. Oricine care a folosit Trello cel puțin o dată va fi de acord că utilizarea acestui serviciu este foarte convenabilă.
Unde este mai bine să nu folosiți designul cardului
Nu utilizați designul cardului în cazul în care informațiile sunt monotone. În acest caz, o listă simplă sau o rețea va fi o soluție mai bună.
Designul cardului nu este absolut potrivit pentru galerii. O grilă de "dale" cu imagini este o modalitate mai ușoară și mai ușor de înțeles de a prezenta o galerie de imagini. Acest lucru este demonstrat perfect în următorul exemplu:
Un alt punct important: pe afișajele mari, designul cardului arată ca o mizerie aproape necitită. Arată bine, dar funcția principală a cardului este cu siguranță pierdută. Designul cartelei arată mai bine pe afișajele mici, mobile, dar pe mare pare extrem de incomod și acest lucru ar trebui luat în considerare. Un bun exemplu este vechiul Pinterest pe ecranul mare:
Designul cardului nu trebuie folosit ca o reproiectare a unei aplicații existente. Această decizie poate duce la pierderea audienței. În primul rând, merită să construiți un feedback personalizat și apoi să schimbați treptat designul. Designul cardului, în ciuda simplității și intuiției sale, înlocuind designul anterior, poate afecta percepția utilizatorilor aplicației sau site-ului. Merită să fii atent cu asta.
În concluzie
Sper că, datorită acestui articol, înțelegeți avantajele designului cardului și influența acestuia asupra UX, popularitatea unei astfel de soluții și capcanele care pot apărea. În zilele noastre, oamenii absoarbe informații foarte repede, iar cardurile din design deservesc aceste informații cât mai bine posibil, indiferent de dispozitiv. Design-ul cardului poate îmbunătăți în mod semnificativ UX, deci pentru dezvoltarea acestuia, merită să urmați ceea ce, desigur, vă va ajuta Say-Hi!
Citiți și:
Trimiteți-le prietenilor: