Vizualizare date: Proiectare pentru dispozitive mobile - dummy

Până acum câțiva ani, când un designer a creat un anunț sau o broșură pe hârtie, ea ar putea planifica exact cum ar avea grijă după ce a fost tipărită. Designerul știa formatul și cum îl vor vedea clienții. Cu toate acestea, popularitatea dispozitivelor mobile a crescut, iar designerii au trebuit să se confrunte cu două noi probleme de proiectare:

• Designul interfețelor dispozitivelor mobile

• Crearea de aplicații pentru dispozitive mobile

Odată cu apariția Internetului, designerii online au folosit puținele browsere web care erau disponibile pentru a planifica modul în care design-ul lor ar arăta pe ecran. Instrumentele disponibile erau oarecum crude, dar designul era destul de simplu. Dacă ar fi testat fiecare browser web, un designer ar putea determina ce ar fi trebuit să fixeze astfel încât designul să arate online.

Acum, designerii trebuie să proiecteze pentru o serie de dispozitive mobile, fiecare dintre ele având propriile sale nevoi ciudate. În consecință, complexitatea proiectării vizualizărilor a crescut.

Embracing design responsive

Pentru a rezolva problema mai multor dimensiuni ale ecranului și a sistemelor de operare, designerii folosesc principiul design-ului receptiv (RD). RD se referă la o interfață sau o structură care se poate reconfigura în funcție de locul în care este vizualizat. Termenul a fost inventat de Ethan Marcotte într-un articol din 2010 care a recunoscut necesitatea ca designerii să abordeze problema cerințelor multiple de ecran.

Un design de site care este receptiv încă arată bine dacă îl vizualizați pe computer sau pe telefonul smartphone. Marginile rotunde și pictogramele comune pe dispozitivele mai mici intră automat în poziție.

În articolul său, Marcotte citează cele trei domenii în care RD poate avea cel mai mare efect în designul web:

• Grilajele fluide: Grila este instrumentul pe care designerii îl folosesc pentru a-și stabili desenele, indiferent dacă acestea desenele sau modelele vor fi vizualizate online sau offline. În figura următoare, un model de rețea a fost transformat pentru trei forme de ecran.

  

  Designul grilei este tradus în diferite ecrane.

• Imagini flexibile: Când aveți imagini într-un post blog sau pe site-ul dvs., doriți să vă asigurați că nu sunt tăiate sau distorsionate. Asigurați-vă că imaginile dvs. se pot reformata ele însele este importantă.

• Întrebări media: Când introduceți un termen de căutare într-un motor de căutare, cum ar fi Google sau Bing, doriți să vedeți rezultatele pe oricare din ecranele dvs. Acesta este un principiu cheie al RD. Conținutul trebuie să fie vizionat pe orice dispozitiv mobil pe care îl poate avea un utilizator. Ceea ce face ca vizualizarea pe o varietate de dispozitive să fie o provocare este că designerul nu are cum să știe care va fi rezultatul returnat.

Aceste idei se aplică și vizualizărilor de date. Doriți să vă asigurați că rețeaua dvs. nu este distorsionată atunci când datele viz sunt vizualizate pe un dispozitiv mobil. Imaginile trebuie să fie clare, iar raportul de aspect (lungime-lățime) trebuie să fie aliniat indiferent de dispozitivul cu care lucrează utilizatorul.

Următoarele standarde de proiectare a aplicațiilor

Designerii nu doresc doar o interfață să arate bine, ci și să facă tot felul de trucuri. Ca rezultat, designul aplicației a devenit o disciplină pentru sine.

Vă puteți întreba de ce ar trebui să vă pasa de designul aplicației. Toți cei care trebuie să vizualizeze ceva online sunt supuși acelorași standarde ca orice proiectant de aplicații.

În articolul său "Regulile simple ale Apple pentru proiectarea unui iOS App Killer", Pete Pachal descrie ceea ce a trebuit să facă pentru a obține aplicația de știri Spun certificată pentru Apple App Store. (În acest articol, aplicația nu este disponibilă în App Store din S.U.A.) Echipa lui Pachal a trebuit să lucreze cu Apple timp de cinci luni pentru a obține totul perfecționat. În acea perioadă, Pachal a codificat șase reguli pentru echipa sa, dintre care patru se referă la date viz design:

• Simplitatea este forța. Această regulă este probabil cea mai importantă regulă pentru vizualizările de date. Scopul este de a explica sau de a descoperi noi informații care pot fi utilizate pentru a dezvolta informații. Dacă vă concentrați asupra prea multor puncte de date, povestea se va pierde. Dacă creați un tablou de bord, această regulă este deosebit de importantă, deoarece fiecare piesă de date trebuie să sprijine întregul.

• Nu sacrificați calitatea pentru timp. Această regulă este importantă pentru vizualizarea datelor. Dacă împărțiți o vizualizare care este greu de descifrat sau pur și simplu neglijent, nimeni nu va dori să o folosească. Luați timp pentru a dezvolta ceva minunat și continuați să îl perfecționați în timp.

• Răsplătește utilizatorul cu fiecare atingere. Fiecare element de meniu ar trebui să facă ceva util. Legătura de tipărire ar trebui să funcționeze, de exemplu. De asemenea, fiecare clic trebuie să furnizeze informații.

• Detalii contează. Înainte ca utilizatorul să facă clic pe un link într-o vizualizare de date, ar trebui să fie evident unde va lua legătura respectivă sau ce tip de date va vedea.