Dátami riadené rozprávanie a dizajn v akcii

V dnešnom blogovom príspevku chcem hovoriť o príbehu riadenom údajmi a dizajne v akcii. Bol som jedným z rečníkov na nedávno skončenom summite Data Visualization 2022, ktorý predstavil LuckyTemplates minulý rok v máji.

Pre moju tému som chcel nájsť niečo dostatočne zaujímavé pre ľudí, ktorí sledovali vzdelávaciu platformu LuckyTemplates, ale zároveň vytvoriť niečo hodnotné pre ľudí, ktorí sa nezapísali do môjho kurzu alebo ktorí nie sú členmi LuckyTemplates.

Ako som teda našiel príbeh, ktorý som chcel pre svoju reláciu povedať? Pozrel som sa na to z pohľadu publika, rečníkov a organizátorov . Myslel som si, že by bolo naozaj skvelé, keby som mohol mať viac informácií o tomto summite. Potreboval som vedieť viac o ostatných prezentujúcich a nájsť spôsob, ako ich nasledovať.

Takto som našiel príbeh. Chcel som vytvoriť niečo, kde by som mohol predviesť summit z pohľadu publika, rečníka a organizátora.

Obsah

• Obchodné potreby pred, počas a po summite
  • Pred summitom
  • Počas summitu
  • Po summite
• Budovanie ekosystému
• Naše tabuľky rozmerov: ID používateľa a ID reproduktora
• Vytvorenie aplikácie pre samit EDNA
• Hierarchia rozloženia: Zjednodušenie používania navigácie
• Tri časti aplikácie
• Najlepšie postupy dizajnu
  • Obmedzte počet kliknutí
  • Postupujte podľa Jakobovho zákona a Paretovho zákona
  • Použite popisky
  • Zobraziť návrh aktívneho stavu
  • Poskytnite stavy vznášania
  • Používajte zrozumiteľné označenia
  • Zabezpečte dostupné farby/štítky
  • Predvídať správanie používateľov
  • Spustite testy použiteľnosti
• Záver

Obchodné potreby pred, počas a po summite

Ak ste rečník, zaujíma vás spätná väzba publika. Ak ste organizátormi podujatia, chcete vedieť, koľko ľudí príde na vrchol a aké prezentácie sú pre nich najcennejšie.

Zo spätnej väzby môžeme získať veľkú hodnotu. Čím viac bude organizátor vedieť, čo publikum chce, tým viac publikum zo summitu dostane. Pre mňa to bola perfektná téma, ktorú by som mal dnes riešiť a prezentovať.

Zhrnul som potreby účastníkov a potreby organizátorov a tiež som si všimol rôzne momenty, ktoré bude publikum potrebovať na summite.

Myslel som si, že pre publikum bude veľmi cenné mať aplikáciu alebo správu, ktorá sa použije v troch rôznych momentoch: pred samitom , počas samitu a po samite .

Pred summitom

Pred summitom je veľmi dôležité, aby publikum malo informácie o rečníkoch a reláciách. Musíte vedieť, kedy to bude prezentované a kým to bude prezentované. Chcete tiež zistiť viac informácií o reproduktore. Rozvrh je tiež veľmi dôležitý. Chcete vedieť, kedy budú relácie vo vašom miestnom čase.

Počas summitu

Potom si musíte pripraviť a naplánovať svoju agendu. To znamená, že počas summitu skontrolujete všetky stretnutia a uvidíte, ktorých sa chcete zúčastniť.

Budete chcieť poskytnúť spätnú väzbu hneď po každej relácii a dať odporúčania pre ďalšie stretnutia. Môžete sa tiež rozhodnúť spojiť sa s reproduktorom na LinkedIn alebo Twitteri.

Po summite

Po samite budete chcieť poskytnúť všeobecnú spätnú väzbu o úplnom samite a povedať organizátorom, či boli vaše očakávania splnené alebo nie. A ak nie, budete im chcieť dať vedieť, prečo sa nestretli. Môžete tiež navrhnúť nápady na ich budúce samity.

Z pohľadu organizátorov vás zaujíma všeobecná spätná väzba po summite a odporúčania pre budúce témy. Chcete identifikovať nových rečníkov a vypočítať vplyv samitu na účastníkov.

Pravdepodobne budete chcieť vytvoriť správu, ktorú môžete zdieľať vo svojich tímoch, a na základe údajov v správe môžete diskutovať o tom, ako zorganizovať udalosť, ktorá je lepšia ako tá, ktorá sa práve skončila.

Počas samitu musíme vytvoriť niečo, čo dokáže odpovedať na tieto potreby. Čo potrebujete, je mať niečo v mobile a niečo, čo je ľahko dostupné, aby účastníci mohli ihneď nájsť odkaz na reláciu.

Ako môžete na základe týchto potrieb vytvoriť príbeh? Nehovoríme len o prehľade LuckyTemplates alebo prehľade Power Apps. Hovoríme o ekosystéme. Tieto ekosystémy majú v rôznych momentoch rôzne potreby, no zároveň spolu súvisia. Toto je príbeh, ktorý chcem dnes povedať.

Budovanie ekosystému

Po prvé, musíme plánovať. Musíme presne vedieť, čo chceme vytvoriť, a vytvoriť to tak, aby to bolo možné využiť inými vecami.

Aby sme teda odpovedali na potreby, o ktorých som hovoril vyššie, musíme vytvoriť aktorý sa stane vstupným bodom údajov, ktorý pomôže účastníkom summitu a dá im možnosť vyjadriť sa.

Naše tabuľky rozmerov: ID používateľa a ID reproduktora

Na základe tejto aplikácie vytvoríme prehľady na vizualizáciu dát spätnej väzby zo summitu. To znamená, že zostava LuckyTemplates sa bude musieť pripojiť k údajom vytvoreným aplikáciou.

Toto je miesto, kde môžete mať veľký vplyv ako dizajnér – musíte vytvoriť aplikáciu tak, aby boli údaje štruktúrované a uľahčilo vytváranie zostavy v LuckyTemplates.

Začneme uprostred a premýšľame o údajoch, ktoré aplikácia vygeneruje. Budeme musieť vytvoriť jednoduchý dátový model a vytvoriť aplikáciu, ktorá bude reagovať na konkrétne identifikované potreby. Nehovoríme o vytvorení jednej správy; hovoríme o úplnom ekosystéme.

Svoje nápady som si zapísal do excelovského súboru a začal svoje nápady uvádzať do praxe. Vytvoril som rôzne karty a rôzne tabuľky, ktoré musia aplikácie Power Apps používať.

Na vytvorenie aplikácie pomocou pred, počas a po potrebujem históriu používateľov. Tak som vytvoril tabuľku pre ID používateľa a začal som s ID používateľa, používateľským menom, heslom, vekom, krajinou a úrovňou skúseností s LuckyTemplates.

Samozrejme potrebujem aj ďalšiu tabuľku pre Speaker ID s informáciami o prednášajúcich, ich titulom, témou, dňom, hodinou, fotografiou, odkazom na YouTube, adresou LinkedIn a ID LuckyTemplates.

Nechcel som sa ľudí pýtať na ich presný vek, pretože to nie je to najdôležitejšie v tejto aplikácii a tiež na zachovanie dôvernosti ich informácií.

Namiesto toho som požiadal o vekové rozpätie, aby som získal predstavu o tom, koľko rokov majú účastníci týchto sedení.

ID používateľa a ID reproduktora sú rozmery, ktoré budem neskôr potrebovať v LuckyTemplates. Potrebujem tiež tabuľku faktov , kde prepojím ID používateľa s ID rečníka, aby som vytvoril svoje stránky plánovania a spätnej väzby o reláciách.

Na tomto súbore je pekné, že mám reálne dáta. Mám všetkých rečníkov na summite v správnom poradí, so správnymi témami a správnym popisom.

Toto je len na predvedenie prototypu toho, ako by takáto aplikácia vyzerala pre LuckyTemplates. Preto som chcel ísť tak ďaleko, ako sa len dá.

Máme tu Plánovanie , čo je tabuľka faktov v LuckyTemplates, kde môžem vytvárať vzťahy a mať informácie o ID používateľa a ID rečníka.

Potom tu máme Spätnú väzbu rečníka , čo je druhá tabuľka faktov s ID používateľa, ID rečníka, hodnotením relácie, spätnou väzbou, ktorú daná osoba relácii poskytne, používateľmi, ktorí sa pozerajú na túto reláciu naživo alebo nie, a údaje, na ktoré sa pozerajú.

Toto je niečo, čo môžete ľahko spravovať v LuckyTemplates tým, že máte iba jednu veľkú tabuľku faktov.

Je celkom ľahké si predstaviť dátový model v LuckyTemplates, keď máte rozmery a tabuľku faktov.

Stránka spätnej väzby je všeobecnou spätnou väzbou summitu, kde neexistuje žiadny vzťah medzi ID používateľa a ID rečníka.

Máme tu informácie ako celkový zážitok zo summitu, obľúbenú časť summitu, návrhy na zlepšenie, možnosť vrátiť sa a mnoho ďalších.

A potom posledná vec je časové pásmo krajiny. Ak prejdete na stránku summitu LuckyTemplates, uvidíte informácie o časoch stretnutí v Los Angeles, New Yorku, Londýne, Sydney a Oaklande.

Chcel som ísť ešte o krok ďalej výpočtom presného času relácie vo vašom miestnom čase pripojením k aplikácii.

Toto je štruktúra aplikácií, ktoré som chcel vytvoriť a ktoré možno využiť v zostavách LuckyTemplates a Power Apps.

Tiež sa musím uistiť, že nebudeme mať duplikáty. V tomto bode je dôležitá kvalita údajov.

Ak nemáte kvalitu údajov v zdroji údajov, neskôr narazíte na problémy vo vizualizáciách.

Vytvorenie aplikácie pre samit EDNA

Toto je celková aplikácia. Ukážem vám každú stránku, ako funguje a ako dynamicky funguje. Ukážem tiež zaujímavé tipy na dizajn, ktoré som pridal do aplikácie.

Začal som uvítacou stránkou . Ako môžete vidieť, sledoval som rovnakú štruktúru, tému a farby LuckyTemplates.

Táto dočasná obrazovka je prvou skúsenosťou. Keď sa pripojíte k tejto aplikácii, budete to mať niekoľko sekúnd a potom sa zmení na prihlasovaciu stránku.

Ak chcete získať skúsenosti s prihlásením, musíte zadať používateľské meno a heslo alebo si vytvoriť účet. Keď si vytvoríte účet a zaregistrujete sa, tieto informácie sa pridajú k údajom v našom súbore Excel.

Keď sa zaregistrujeme, prejdeme do hlavnej časti aplikácie, ktorá pozostáva z galérie so všetkými prednášajúcimi. Pre každú reláciu je dátum, hodina a čas uvedený v miestnom čase. Uvedený je aj názov a téma.

Ak chcete ísť do podrobností, môžete kliknúť na reláciu a získať ďalšie informácie, ako napríklad názov, čas, dátum a súhrn relácie. Ak to považujete za zaujímavé, môžete kliknúť na Uložiť a uložiť túto reláciu na neskôr.

Keď prejdete na stránku Plánovanie, môžete vidieť všetky relácie, ktoré ste uložili.

Reláciu môžete odtiaľto odstrániť alebo poskytnúť spätnú väzbu. Môžete si vybrať hodnotenie alebo napísanie spätnej väzby . Keď kliknete na Odoslať , tieto informácie sa zapíšu do zdroja údajov, ktorým je v našom prípade náš excelovský súbor.

Ako vidíte, celkový zážitok pre používateľa je veľmi pekný. Vytvára hodnotu pre používateľa a zároveň poskytuje hodnotu aj organizátorom, ktorí budú tieto údaje používať v LuckyTemplates.

Vytvára tiež všeobecnú spätnú väzbu pre samit. Tu je stránka, kde môžete povedať svoje celkové skúsenosti, obľúbené časti, návrhy atď.

Hierarchia rozloženia: Zjednodušenie používania navigácie

Vytváranie aplikácií pre mobilné zariadenia sa líši od tých, ktoré vytvárate v prehľade LuckyTemplates. Je to iné, pretože ich nepoužívate rovnakým spôsobom.

Rozloženie vnútri aplikácie je odlišné, pretože pri používaní počítača alebo tabletu majú ľudia tendenciu naskenovať stránku zhora zľava doprava a potom postupovať podľa vzoru Z alebo H. Prvá vec, ktorú uvidia, je vľavo hore a posledná časť je vpravo dole.

Nie je to to isté pre aplikáciu v telefóne, ako môžete vidieť na tomto obrázku nižšie. Zelená časť je miesto, kde bude mať palec ľahký tok, oranžová časť je trochu natiahnutá, zatiaľ čo červená časť je najťažšie dostupná.

Na základe toho vytvoríte rozloženie aplikácie. Na aplikácii je dobré, že máte veľa príkladov a na základe tých príkladov môžete vytvoriť niečo podobné.

Tri časti aplikácie

Takže v podstate máte v aplikácii tri časti. Primárnou časťou je galéria, ktorú môžete posúvať palcom a vyberať informácie.

Sekundárnou časťou sú záložky. Sú to tlačidlá, ktoré používate na navigáciu v aplikácii.

Terciárna časť , s ktorou budete najmenej komunikovať, je názov summitu, profilový účet alebo funkcia vyhľadávania.

Pri vytváraní aplikácie pre telefón existuje niekoľko osvedčených postupov dizajnu, ktoré možno použiť aj v LuckyTemplates aj Power Apps. Keď budete mať dobrú úroveň porozumenia v LuckyTemplates a Power Apps, zistíte, že dobré UX a UI sú dôležitejšie, keď pracujete na malej obrazovke.

Najlepšie postupy dizajnu

Obmedzte počet kliknutí

Musíte obmedziť počet krokov alebo počet kliknutí na . Obmedzte počet informácií, ktoré požadujete, alebo požiadajte len o tie informácie, ktoré potrebujete v danej chvíli, keď ich potrebujete.

Musíte použiť informácie, ktoré sú už dostupné, aby ste mohli využiť odpovede, ktoré vám používatelia poskytli.

V neposlednom rade, keď vytvárate aplikácie (hovoríme tu o zadávaní údajov), musíte skontrolovať informácie, ktoré boli napísané.

Automaticky dokončiť, keď je to možné, a uistite sa, že používateľ nekliká navyše, takže sa uistite, že zadané informácie sú správne.

Postupujte podľa Jakobovho zákona a Paretovho zákona

Jakobov zákon hovorí, že používatelia uprednostnia, aby vaša aplikácia fungovala rovnakým spôsobom, akým fungujú ich ostatné aplikácie . Nižšie je uvedený príklad najpoužívanejších aplikácií na svete: WhatsApp , Messenger a Kontakty .

Máme podobnú skúsenosť s aplikáciami, ktoré som vytvoril. V strede máme galériu, dole tlačidlá a navrchu funkcia vyhľadávania či kontaktov.

Paretov zákon hovorí, že 80 % výsledkov je výsledkom 20 % príčin. Rovnaký princíp funguje v UX a UI v tom zmysle, že musíte vynaložiť úsilie na funkcie, ktoré sú pre používateľa najcennejšie.

Nemusíte vytvárať všetky funkcie v aplikácii, ale funkcie, ktoré potrebujete na vytvorenie, musia byť naozaj dobre implementované a dobre otestované.

Na konci dňa nechcete mať v aplikácii príliš veľa možností, pretože ak sa to skomplikuje, nebude sa používať.

Použite popisky

Pomocou popisov naznačte používateľovi, čo má robiť ďalej. Napríklad, ak si chcete niečo kúpiť, uvidíte tlačidlo Kúpiť v inej farbe, aby ste upútali vašu pozornosť. Toto je indikátor ďalšieho kroku, ktorý musíte urobiť.

Zobraziť návrh aktívneho stavu

Pokiaľ ide o navigáciu, musíte uviesť, kde sa používateľ na konkrétnej stránke nachádza. Ak nevedia, kde sa v aplikácii nachádzajú, nie je to dobrá používateľská skúsenosť.

Poskytnite stavy vznášania

Používa sa na tlačidlá. Keď umiestnite kurzor myši na tlačidlo, uvidíte, že je aktívne. Efekt vznášania dáva používateľom jasný signál, aby videli, na čo sa dá kliknúť, a hovorí im, na čo majú kliknúť.

Používajte zrozumiteľné označenia

Vďaka štítkom je dizajn prístupnejší a vaše informácie budú pre používateľov hmatateľné a použiteľné. Slová, ktoré použijete, musia byť používateľovi jasné, aby vedel, čo od neho chcete.

Zabezpečte dostupné farby/štítky

Musíte použiť farby a štítky, ktoré sú dostupné z hľadiska veľkosti, kontrastu a časti.

Predvídať správanie používateľov

V aplikácii musíte predvídať správanie používateľov. Musíte predvídať každé kliknutie a každú otázku, ktorú bude mať používateľ.

Spustite testy použiteľnosti

Musíte otestovať, čo implementujete, a nájsť si čas na vykonanie všetkých potrebných testov. Niekedy budete musieť zapojiť ďalších používateľov, ktorí vašu aplikáciu nepoznajú, aby ste sa pozreli, ako ju používajú.

Takže toto sú najlepšie postupy pri navrhovaní aplikácie. Poďme teraz k aplikácii a pozrime sa na tieto osvedčené postupy v akcii.

Teraz som v aplikácii a stlačím Štart . Spustenie prvej stránky trvá len pár sekúnd. Je to preto, že mám zapnutý časovač na dve sekundy.

Keď časovač dosiahne dve sekundy, prejde na moju druhú obrazovku a vytvorí prechod.

Nachádzame sa na prihlasovacej stránke.

Zadáme používateľské meno a heslo na pripojenie k tejto aplikácii. V tejto chvíli si aplikácia v zákulisí uchová informácie o vašom ID používateľa.

Tieto informácie už pochádzajú z existujúcej tabuľky User ID, ale čo sa stane, ak pridáme nového používateľa? Poďme to zistiť tak, že sa vrátime na prihlasovaciu stránku a vytvoríme si účet.

Zadám Alex B ako svoje používateľské meno a test123 ako heslo a potom sa zaregistrujem. Môžete vidieť, že ID užívateľa bolo vytvorené automaticky.

Pri zadávaní údajov musíte venovať pozornosť všetkým problémom. Je na vás ako tvorcovi aplikácie, aby ste tieto problémy predvídali a vytvorili riešenia, ako sa im vyhnúť.

Keď sa vrátim do aplikácie, mám zoznam všetkých rečníkov relácie a vidím, že hodiny sa počítajú v mojom miestnom čase.

Povedzme, že sa chceme zúčastniť relácie Sama McKaya. Keď klikneme na odkaz, vidíme, že priamo pod jeho fotografiou je odkaz na video kliknutím otvorte .

Ak používateľ klikne na tento odkaz, bude presmerovaný na video YouTube, ktoré som vložil do súboru.

Keď však prejdeme na profil Mudassira Aliho, nemôžeme interagovať s tlačidlom Kliknutím otvorte video . Toto je príklad zobrazenia informácií, iba ak sú k dispozícii na zobrazenie.

V tomto prípade nemám video z relácie Mudassira Aliho, a preto nezobrazujem odkaz Kliknutím otvorte video .

Povedzme, že sa chceme zúčastniť relácie Sama McKaya a klikneme na tlačidlo Uložiť . Po uložení vidíme, že stránka má tlačidlo Zrušiť uloženie a že je zvýraznený hovorca Sam McKay.

Ide o poskytnutie kontextu, pretože chceme vedieť, že používateľ si vybral Samovu reláciu. Okamžite môžete vidieť, že táto relácia je aktívna a že existuje možnosť odstránenia. Ak chcete odstrániť, môžete tak urobiť odtiaľto – na zrušenie uloženia nemusíte kliknúť navyše.

Ďalšou funkcionalitou je možnosť prepojenia s reproduktorom pomocou tlačidla LinkedIn. Toto tlačidlo nižšie ma presmeruje na LinkedIn účet Sama McKaya.

Teraz, keď máme uložených niekoľko relácií zo zoznamu, prejdeme na Plánovanie .

Keď prejdeme na Plánovanie , v zákulisí sa deje to, že všetky tieto informácie sa zhromaždia v dočasnej kolekcii a zapíšu sa do zdroja údajov.

Ak sa vrátime späť do nášho súboru Excel a prejdeme na našu kartu Plánovanie, môžeme vidieť všetky tieto SpeakerID, čo znamená, že všetko funguje tak, ako sme očakávali.

Povedzme, že sa nemôžeme zúčastniť na relácii Gustawa Dudeka. Môžeme kliknúť na tototlačidlo. Ak sa pozrieme na môj excelovský súbor, vidíme, že informácie Gustawa Dudeka zmizli.

Ako som už povedal, je dobré mať v navigácii stav, v ktorom sa zobrazuje, kde sa nachádzate. Ako môžete veľmi dobre vidieť zo spodných ikon, nachádzame sa na stránke Plánovanie.

Povedzme, že sme sa zúčastnili relácie a ohodnotili ju štyrmi hviezdičkami zo šiestich. Tieto informácie sú vopred uložené, takže ak zmeníme názor, môžeme sa k nim neskôr vrátiť a zmeniť naše hodnotenie.

Potom, čo sme videli prezentáciu naživo, môžeme poskytnúť spätnú väzbu a pridať aj emoji, potom kliknite na Odoslať .

Keď skontrolujeme spätnú väzbu od reproduktora v mojom súbore Excel, uvidíte, ako sa tieto informácie zobrazujú vo formáte HTML.

Čo sa týka stránky spätnej väzby, môžeme ako návrhár zostavy zaviesť niektoré odpovede ako povinné, ale v tomto prípade to tak nie je.

Keď prejdeme do nášho súboru Excel, všetky tieto informácie môžeme vidieť na karte Spätná väzba.

Záver

Vložil som do stavu, keď sa tlačidlá vznášajú, minimalizoval som počet kliknutí a vložil informácie, ktoré sú zaujímavé v tejto aplikácii relácie. Dúfajme, že to môžete posunúť ďalej prostredníctvom rozprávania príbehov a technických znalostí pomocou rôznych nástrojov.

Môžete vytvoriť ekosystém a potom riešiť potreby rôznych cieľových skupín. Ak chcete získať hodnotu z ekosystému Power Platform, musíte vedieť, ako používať LuckyTemplates, Power Apps a Power Automate. Môžete pracovať v prostredí spolupráce a zlepšovať veci, ktoré robíte, veľmi zábavným spôsobom.

Upozorňujeme, že táto aplikácia neexistuje. Existuje iba v mojej mysli a je to len prototyp. Ale ktovie, možno v budúcnosti budeme môcť mať tento typ aplikácie.

Všetko najlepšie,
Alex Badiu