Acasă Finanțe personale Vizualizări de date: Modele Visual comune - dummy

Vizualizări de date: Modele Visual comune - dummy

Cuprins:

Video: ШАНС НА ГРАНИ 2024

Video: ШАНС НА ГРАНИ 2024
Anonim

Când începeți să creați vizualizări, vă puteți îngrijora de plasarea graficelor, a graficelor și a altor date cheie. Deoarece sunteți nou în vizualizarea datelor, puteți simți că nu aveți cunoștințe despre ce funcționează și ce nu. Unele motive pentru care vă puteți simți îngrijorate sunt următoarele:

  • Nu sunteți sigur de plasarea fiecărui element în diagramă.

  • Nu știți cine vor fi utilizatorii dvs. pentru datele vizibile.

  • Nu știți unde să puneți articolele de meniu astfel încât acestea să fie văzute.

Din fericire, oamenii de stiinta cognitivi au stabilit ca oamenii citesc textul si imaginile in anumite modele specifice. Pe măsură ce organizați informațiile în vizualizare, folosiți aceste modele standard, ajutați utilizatorii să scaneze informațiile rapid și ușor.

modelele Z și F

Iată cele două modele obișnuite vizuale:

  • model Z: modelul Z este adesea utilizat pentru text și vizual. Așa cum se aștepta, atunci când ochii unei persoane urmează modelul Z, ochii îi urmăresc de la stânga la dreapta în partea de sus, în jos spre stânga și apoi peste pagina din partea de jos. Figura de mai jos prezintă punctele Z numerotate în ordinea în care ochii cititorului urmăresc informațiile de pe o pagină.

    Cum influențează acest tipar aspectul conținutului dvs. într-o vizualizare? Cititorul dvs. va scana conținutul de-a lungul căii Z, așa că ar trebui să plasați titlul în partea de sus a Z, împreună cu orice conținut cheie. Poziționați mai mult conținut vizual în mijloc și de-a lungul fundului.

  • Modelul F: Oamenii de știință cognitivi au creat hărți de căldură pentru a determina unde se află ochiul uman când se uită la o pagină web. După cum se arată în figura următoare, hărțile de căldură sunt compuse din concentrații de culori care arată unde cititorii au scanat pagina. Cele mai intense culori (roșii și galbene) arată că ochii cititorilor au rămas mai lungi; cititorii au petrecut mai puțin timp privind zonele albastre. După cum puteți vedea, zonele roșii și galbene seamănă cu un model F.

    F pe o hartă a căldurii.

Dacă rămâneți la aceste două modele de layout la început, nu puteți merge prea departe atunci când vă proiectați datele, și anume.

Design de model

Iată câteva linii directoare pentru utilizarea cunoștințelor dvs. de modele vizuale pentru a crea o vizualizare bine concepută:

  • Balanță: Când plasați elemente în vizualizare, asigurați-vă că mențineți echilibrul. Atunci când prea multe elemente sunt grupate împreună, este dificil pentru oameni să vadă cum sunt legate elementele respective.

  • Culoare: Utilizarea aleatoră a culorilor, cum ar fi roșu, poate fi înșelătoare, determinând vizualizatorul să vadă o alertă atunci când nu există nici un motiv de alarmă.

  • Ierarhia: Sunteți familiarizați cu utilizarea ierarhiei deoarece se referă la o schiță de text. Nivelul superior al conturului poate avea o cifră romană, următorul nivel poate avea o literă mare și apoi al treilea nivel poate avea un număr. Într-o vizualizare, puteți spune pe baza dimensiunii sau poziției care elemente sunt mai mari sau mai mici pe ierarhie. Nu este nevoie să utilizați numerotarea ca și dvs. într-o schemă scrisă.

  • Repetarea: Repetarea îi ajută pe oameni să se familiarizeze cu elementele dintr-un design. Dacă folosiți aceleași elemente în întregime, oamenii văd un întreg unificat și nu trebuie să ghicească ce înseamnă anumite elemente pentru că au văzut aceste elemente înainte.

  • Spațiul alb: Utilizarea spațiului alb a fost susținută de zeci de ani. Spațiul alb permite conținutului să "respire" - adică imaginea dvs. beneficiază de un spațiu amplu în jurul obiectelor din vizualizare. Prea multă aglomerație îngreunează oamenii să ia imaginea dintr-o privire.

Vizualizări de date: Modele Visual comune - dummy

Alegerea editorilor

Evaluarea Vizualizărilor de date - dummies

Evaluarea Vizualizărilor de date - dummies

Vizualizările de date pot fi foarte colorate și impresionante. Dar amintiți-vă că cheia pentru crearea unor vizualizări eficiente de date nu depinde de faptul dacă este interesantă, ci mai degrabă de faptul dacă descoperă problemele reale de afaceri care trebuie abordate. O foaie de lucru vă ajută să creați propriile vizualizări de date sau să evaluați creațiile altora. Aici ...

Determinarea programului care funcționează cel mai bine pentru nevoile tale informatice

Determinarea programului care funcționează cel mai bine pentru nevoile tale informatice

Să lucreze mai bine decât celălalt. În timp, veți dezvolta un sentiment dacă Illustrator sau Photoshop se potrivesc mai bine pentru diverse sarcini. Până atunci, iată un exemplu despre modul în care fiecare program gestionează diferite elemente ale lucrării de design grafic. Graphing Photoshop nu este un program de grafic. Tu ...

Infografice nevergreen: Închirierea obiectelor Build - dummies

Infografice nevergreen: Închirierea obiectelor Build - dummies

Infografics evergreen nu sunt legate de niciun eveniment sau persoană în știri . Ele nu au o componentă sezonieră și nu sunt legate de ceva în timp util. O infographic despre cum se fac CD-urile se va aplica pentru că este vorba de muzică, dar nu este specifică nici unui artist sau gen. Cu infografiile veșnic verzi, ignorați complet evenimentele curente și explorați ideile ...

Alegerea editorilor

Utilizați Zoom în Adobe Photoshop CS5 - manechine

Utilizați Zoom în Adobe Photoshop CS5 - manechine

Adobe Creative Suite 5 oferă scurtături pentru Zooming în Photoshop. Imaginile care arată bine la un nivel de zoom pot părea extrem de proaste la altul. Veți mări și micșora destul de des în timp ce lucrați la imagini în Photoshop. Puteți găsi opțiuni de meniu pentru zoom în meniul Vizualizare; o modalitate mai rapidă de a mări este ...

Text în Photoshop CC - dummies

Text în Photoshop CC - dummies

Când editați o imagine cu text în Photoshop CC, puteți schimba linia care fluxul dvs. de tip fie folosind funcția Warp Text sau tastând pe o cale. Tipul de deformare utilizează forme predefinite la care se formează tipul dvs. (și poate fi utilizat atât cu tipul de punct, cât și cu paragraful) și tastând ...

Alegerea editorilor

Cum se adaugă Biblioteca RegEx în C ++ - dummies

Cum se adaugă Biblioteca RegEx în C ++ - dummies

Cea mai mare parte a bibliotecii Boost funcționează bine adăugând la codul aplicației. Cu toate acestea, câteva componente, cum ar fi RegEx, necesită o bibliotecă. Înainte de a putea folosi o bibliotecă, trebuie să o construiți. După ce ați construit biblioteca, trebuie să o adăugați în aplicație. Există două tehnici de adăugare a ...

Cum Heap Works în C ++ - dummies

Cum Heap Works în C ++ - dummies

Halda este un bloc amorf de memorie pe care programul C ++ îl poate accesa după cum este necesar. Aflați de ce există și cum se utilizează. Așa cum este posibil să treci un pointer la o funcție, este posibil ca o funcție să returneze un pointer. O funcție care returnează adresa ...

Cum să evitați codul de injectare în C ++ - dummies

Cum să evitați codul de injectare în C ++ - dummies

Prima regulă de evitare a codului injectat în programele C ++ , permiterea prelucrării datelor de către un interpret de limbă cu scop general. O eroare obișnuită cu SQL-injectarea este că programul acceptă intrarea utilizatorului ca și cum ar fi fost întotdeauna acceptabilă și îl inserează într-o interogare SQL pe care o trimite apoi la ...