Butoane de navigare LuckyTemplates

De cele mai multe ori, pictogramele sunt, de asemenea, folosite împreună cu butoanele de navigare LuckyTemplates atunci când se realizează rapoarte LuckyTemplates. Dacă vedeți o pictogramă de pornire, dacă faceți clic pe ea, veți reveni acasă la pagina de destinație.

O pictogramă de informații vă va oferi mai mult context despre un anumit grafic sau pagină. O pictogramă LinkedIn sau Twitter vă va direcționa către contul designerului.

Dorim să folosim pictograme ușor de identificat, dar acest lucru nu este suficient, motiv pentru care ar trebui să oferim întotdeauna utilizatorilor noștri un context suplimentar .

Din punct de vedere al poveștii de date, trebuie să controlăm experiența utilizatorului.

În calitate de designer, suntem responsabili pentru ce să arătăm utilizatorului, când să-l arătăm utilizatorului, să anticipăm întrebările, să oferim interacțiuni și navigare clare și să oferim context suplimentar.

Ar trebui să avem întotdeauna un scop pentru raportul nostru, cum ar fi să conducem schimbări, să oferim recomandări și multe altele. Dacă folosim pictograme cu interacțiuni specifice sau butoane de navigare LuckyTemplates și utilizatorul nu le vede sau înțelege, povestea noastră se pierde.

Utilizatorul final nu va vedea o parte a analizei dvs. care duce la o concluzie specifică. Încă o dată, contextul este extrem de important. Nu doriți să adăugați o pictogramă doar pentru a o adăuga pe ecran.

Îl doriți pentru un anumit scop și dacă acest scop nu este clar pentru utilizatorul final, asigurați-vă că adăugați context.

Când utilizați o pictogramă de pornire ca buton, spuneți utilizatorilor să facă clic pe ea pentru a reveni la pagina de destinație. Dacă este un buton de informații, indicați-le utilizatorilor să treacă cu mouse-ul peste pentru informații despre descrierea tabloului de bord.

Dacă utilizați un buton de pictogramă Twitter sau LinkedIn, adăugați și această descriere. Să reținem că trebuie să oferim context pentru zonele care necesită interacțiunea utilizatorului.

Cuprins

• Rapoarte LuckyTemplates cu butoane de navigare
• Utilizarea tooltips în rapoartele LuckyTemplates
• Butoane de navigare LuckyTemplates direcționate către site-uri web
• Adăugarea de pictograme lângă KPI-uri
• Adăugarea benzilor ca KPI
• Concluzie

Rapoarte LuckyTemplates cu butoane de navigare

Să intrăm acum în LuckyTemplates și să vedem câteva exemple din viața reală.

Pentru acest raport, am plasat pictogramele aproape de butoanele de navigare. Le-am asociat după principiul asemănării pentru stilul articolului și proximitatea dintre butoane.

Poziția pe pagină, spațiul negativ și culoarea de pe conturul primului articol atrage atenția și indică faptul că acestea sunt butoane de navigare LuckyTemplates.

Nu există nicio etichetă în interiorul sau lângă butonul care să acționeze ca un identificator; prin urmare, plasarea unui context suplimentar va fi utilă utilizatorilor, astfel încât aceștia să știe ce pagină vor fi direcționați .

Utilizarea tooltips în rapoartele LuckyTemplates

Informațiile afișate într-un sfat explicativ atunci când treceți cu mouse-ul peste buton sunt o funcționalitate bună atunci când construiți rapoarte.

Dacă nu utilizați această funcționalitate, nu uitați să dezactivați această opțiune pentru că dă un aspect neșlefuit rapoartelor atunci când publicați pe serviciu.

Pentru a ilustra cât de ușor este să păstrați sfaturile instrumente activate și dezactivate, să adăugăm un buton gol în pagină.

Sub butonul Acțiune , opțiunea Fără indicații nu este activă în mod implicit.

Înseamnă că atunci când treceți cu mouse-ul peste acest buton, veți vedea mesajul „ CTRL+click aici pentru a merge la pagina anterioară din acest raport ”, ceea ce nu este frumos.

Prin urmare, trebuie să-l activăm pentru a dispărea. Sfatul meu este să păstrați indicațiile cu instrumente activate dacă le utilizați; dacă nu, dezactivează-le.

Butoane de navigare LuckyTemplates direcționate către site-uri web

Un alt mod în care putem folosi pictogramele este să direcționăm utilizatorii către anumite pagini ale site-ului. De exemplu, făcând clic pe sigla companiei va duce direct la site-ul web.

În acest raport, am sigla JIRA și am și acest buton invizibil cu tooltip activat. Să-l dezactivăm pentru a arăta mai bine.

Dacă dau clic pe butonul sigla JIRA, voi fi direcționat către site-ul companiei, care în acest caz este .

Cu toate acestea, majoritatea utilizatorilor nu vor ști că această interacțiune există. Și mai rău, s-ar putea aștepta ca acesta să funcționeze ca un buton de pornire. Este foarte obișnuit ca pe site-uri web atunci când dai clic pe logo, să fii direcționat către pagina de destinație.

Să nu uităm de percepția utilizatorului. Utilizatorul ar putea fi obișnuit cu acest tip de navigare de pe alte site-uri web și cea mai bună modalitate este de a avea un sfat explicativ care să spună „Hai să ne conectăm sau să accesăm site-ul web”.

Adăugarea de pictograme lângă KPI-uri

Să trecem la un alt exemplu. 

Conform principiului proximității și asemănării, puteți folosi și pictograme lângă KPI-uri care pot fi asociate butoanelor păstrând un stil similar între ele. De asemenea, eticheta KPI-urilor sunt identificatorii pentru pictograme, deci nu este nevoie de context suplimentar.

Adăugarea benzilor ca KPI

KPI-urile sunt cunoscute și ca benzi. În acest caz, tipul de benzi pe care le vedem sunt principalele valori care oferă informații excelente pentru urmărirea activității. Avem timpul mediu de livrare , materiale , PO , tone necomandate și clienți .

Totuși, aceste cifre sunt bune sau rele? Și dacă sunt proaste, numerele sunt proaste pentru o anumită lună sau există o dinamică proastă? Tendința crește sau scade? De ce ar trebui să-mi pese de asta?

Privind acest raport de la început, am observat că, în calitate de utilizator final, trebuie să lucrez, să explorez și să descopăr singur informațiile sau mesajul pe care designerul a vrut să-l creeze.

Când trec cu mouse-ul de la primul KPI la al treilea KPI, nu există informații suplimentare. Dar pe cel de-al patrulea KPI, găsim câteva informații foarte interesante care arată totalul PO peste livrat .

Apoi, când mergem la Clienți , putem vedea Marja per client , ceea ce este foarte important.

De asemenea, putem observa că 80% din marja totală provine din doar 11 materiale. Această informație este grozavă.

În acest tutorial , am explicat modul în care utilizatorii scanează ecranul într-un model Z de la stânga la dreapta și de sus în jos.

Principalii mei doi KPI-uri sunt situate în partea de jos a ecranului. Aceasta este o alegere proastă de design, deoarece aceștia sunt singurii doi KPI-uri creați cu informații suplimentare.

Lasă-mă să mă pun în locul publicului. Dacă aș dori să explorez singur datele, de ce m-aș deranja să cer unui dezvoltator LuckyTemplates să creeze raportul?

E amuzant pentru că eu am fost cel care a creat acest raport. Aceasta este una dintre primele mele depuneri pentru organizată de LuckyTemplates anul trecut.

Îmi critic propria muncă timpurie. În călătoria noastră de a ne îmbunătăți rapoartele, toți facem greșeli și învățăm din ele .

Adăugarea pictogramelor lângă KPI este mișto, deoarece oferă un aspect profesional, dar nu este suficient pentru a crea un KPI. Când creați un KPI, primul lucru pe care trebuie să vă întrebați este „Și ce?”

Puteți să adăugați o referință, să faceți o comparație cu un buget al previziunii de anul trecut sau să arătați cât timp a fost bun sau rău adăugând o tendință.

Dacă este cu adevărat rău, anticipați întrebările utilizatorului final . De exemplu, dacă unul dintre KPI-uri a atras atenția unui utilizator, atunci va trebui să cerceteze detalii. Puteți adăuga context suplimentar sau puteți detalia pentru a oferi mai multe detalii utilizatorului .

Odată ce utilizatorul are informații detaliate, ce ar trebui să facă în legătură cu acestea? Acolo trebuie să fie utilizatorul în momentul în care vă veți prezenta recomandările pentru un plan de acțiune.

Pictograme personalizate LuckyTemplates | Tehnica de vizualizare PBI
Dezvoltare de rapoarte LuckyTemplates: crearea de teme, sigle de companie, pictograme și fundaluri
Cum să adăugați pictograme LuckyTemplates personalizate în rapoartele dvs.

Concluzie

Sper că prin aceste exemple veți înțelege o lecție importantă referitoare la butoanele de navigare în povestire.

Punerea întrebărilor potrivite cu privire la KPI și plasarea unui context suplimentar la butoanele de navigare ajută povestea să devină mai puternică.

În calitate de designer, rețineți întotdeauna că nu creăm doar rapoarte; avem un impact real.

Toate cele bune,