Adatvezérelt történetmesélés és tervezés működés közben

A mai blogbejegyzésben az adatvezérelt történetmesélésről és a gyakorlatban történő tervezésről szeretnék beszélni. Én voltam az egyik előadó a LuckyTemplates által tavaly májusban bemutatott Data Visualization 2022 csúcstalálkozón .

A témámhoz szerettem volna valami elég érdekeset találni azok számára, akik követték a LuckyTemplates tanulási platformját, ugyanakkor valami értékeset szerettem volna létrehozni azok számára, akik nem iratkoztak be a tanfolyamomra, vagy akik nem tagjai a LuckyTemplatesnek.

Szóval hogyan találtam meg a történetet, amit el akartam mondani a foglalkozásomhoz? Nos, a közönség, az előadók és a szervezők szemszögéből néztem . Arra gondoltam, hogy nagyon jó lenne, ha több információt kaphatnék erről a csúcstalálkozóról. Többet kellett tudnom a többi előadóról, és meg kellett találnom a módját, hogy kövessem.

Így találtam rá a történetre. Valami olyat akartam alkotni, ahol a közönség, az előadó és a szervező szemszögéből is bemutathatom a csúcsot.

Tartalomjegyzék

• Üzleti igények a csúcstalálkozó előtt, alatt és után
  • A csúcstalálkozó előtt
  • A csúcs alatt
  • A csúcs után
• Ökoszisztéma építése
• Mérettáblázataink: felhasználói azonosító és hangszóróazonosító
• Alkalmazás készítése az EDNA csúcstalálkozóra
• Elrendezési hierarchia: Könnyen használhatóvá tegye a navigációt
• Az alkalmazás három része
• Tervezés legjobb gyakorlatai
  • Korlátozza a kattintások számát
  • Kövesse Jakob törvényét és Pareto törvényét
  • Használjon feliratokat
  • Aktív állapotterv megjelenítése
  • Adja meg a lebegési állapotokat
  • Használjon érthető címkéket
  • Biztosítsa a hozzáférhető színeket/címkéket
  • A felhasználói viselkedés előrejelzése
  • Futtasson használhatósági teszteket
• Következtetés

Üzleti igények a csúcstalálkozó előtt, alatt és után

Ha Ön előadó, kíváncsi a közönség visszajelzéseire. Ha Ön a rendezvény szervezője, szeretné tudni, hányan érkeznek a csúcstalálkozóra, és mely előadások a legértékesebbek számukra.

Nagyon sok értéket kaphatunk a visszajelzésekből. Minél jobban tudja a szervező, hogy mit akar a közönség, annál többet kap a közönség a csúcstalálkozótól. Számomra ez volt a tökéletes téma a mai megvitatásra és bemutatásra.

Összefoglaltam a résztvevők és a szervezők igényeit, valamint figyelembe vettem azokat a különböző pillanatokat, amelyekre a közönségnek szüksége lesz a csúcstalálkozóhoz.

Úgy gondoltam, hogy a hallgatóság számára nagyon értékes lesz egy pályázat vagy egy beszámoló, amelyet három különböző pillanatban használnak fel: a csúcs előtt , a csúcs alatt és a csúcs után .

A csúcstalálkozó előtt

A csúcs előtt nagyon fontos, hogy a közönség tájékozódjon az előadókról és az ülésekről. Tudnia kell, hogy mikor és ki fogja bemutatni. További információkat szeretne találni a hangszóróról. A menetrend is nagyon fontos. Tudni szeretné, hogy az ülések mikor lesznek a helyi idő szerint.

A csúcs alatt

Ezután el kell készítenie és meg kell terveznie a napirendjét. Ez azt jelenti, hogy a csúcstalálkozó során ellenőrizni fogja az összes ülést, és megnézi, melyiken szeretne részt venni.

Minden munkamenet után azonnal visszajelzést kell adnia, és javaslatokat kell tennie a következő ülésekre. Dönthet úgy is, hogy a LinkedIn-en vagy a Twitteren csatlakozik-e a hangszóróhoz.

A csúcs után

A csúcstalálkozó után általános visszajelzést kell adnia a teljes csúcstalálkozóról, és tájékoztatnia kell a szervezőket, hogy az elvárásai teljesültek-e vagy sem. És ha nem, akkor tudassa velük, miért nem találkoztak velük. Ötleteket is javasolhat a jövőbeli csúcstalálkozóikhoz.

A szervezők szemszögéből a csúcstalálkozó utáni általános visszajelzések és a jövőbeli témákra vonatkozó ajánlások érdekelnek. Új előadókat szeretne azonosítani, és kiszámítani a csúcstalálkozó résztvevőkre gyakorolt ​​hatását.

Valószínűleg olyan jelentést szeretne készíteni, amelyet megoszthat csapataival, és a jelentésben szereplő adatok alapján megbeszélheti, hogyan szervezzen meg egy olyan eseményt, amely jobb, mint a most befejezett.

Létre kell hoznunk valamit, ami megfelel ezeknek az igényeknek a csúcstalálkozó során. Amire szüksége van, az az, hogy legyen valami mobileszközön, és valami könnyen elérhető, hogy a résztvevők azonnal megtalálják a munkamenet linkjét.

Ezen igények alapján hogyan hozhatja létre a történetet? Nem csak egy LuckyTemplates vagy egy Power Apps jelentésről beszélünk. Ökoszisztémáról beszélünk. Ezeknek az ökoszisztémáknak különböző pillanatokban eltérő igényeik vannak, de össze is kapcsolódnak. Ezt a történetet szeretném ma elmondani.

Ökoszisztéma építése

Először is terveznünk kell. Pontosan tudnunk kell, hogy mit akarunk létrehozni, és azt úgy kell megalkotnunk, hogy azt más dolgok is ki tudják használni.

Tehát a korábban tárgyalt igények megválaszolásához létre kell hoznunk aamely adatbeviteli ponttá válik, amely segíti a csúcstalálkozó résztvevőit és hangot ad nekik.

Mérettáblázataink: felhasználói azonosító és hangszóróazonosító

Az alkalmazás alapján jelentéseket készítünk a csúcstalálkozó visszajelzési adatainak megjelenítéséhez. Ez azt jelenti, hogy a LuckyTemplates jelentésnek kapcsolódnia kell az alkalmazás által létrehozott adatokhoz.

Ez az, ahol tervezőként nagy hatást érhet el – az alkalmazást úgy kell létrehoznia, hogy az adatok strukturáltak legyenek, és megkönnyítsék a LuckyTemplates jelentéskészítést.

Kezdjük a közepén, és gondoljuk át az alkalmazás által generált adatokat. Létre kell hoznunk egy egyszerű adatmodellt, és létre kell hoznunk egy alkalmazást az azonosított konkrét igények kielégítésére. Nem egyetlen jelentés létrehozásáról beszélünk; teljes ökoszisztémáról beszélünk.

Leírtam az ötleteimet egy Excel fájlba, és elkezdtem megvalósítani az ötleteimet. Különböző lapokat és táblázatokat hoztam létre, amelyeket a Power Apps-nek kell használnia.

Ahhoz, hogy egy alkalmazást előtte, közben és utána használhasson, szükségem van a felhasználók előzményeire. Ezért létrehoztam egy táblázatot a felhasználói azonosítóhoz , és a felhasználói azonosítóval, felhasználónévvel, jelszóval, életkorral, országgal és a LuckyTemplates tapasztalati szintjével kezdtem.

Természetesen szükségem van egy másik táblázatra is a Speaker ID- hez, amelyen az előadók adatai, címe, témája, napja, óra, fotó, YouTube link, LinkedIn cím és LuckyTemplates azonosítók szerepelnek.

Nem akartam megkérdezni az emberektől a pontos életkorukat, mert nem ez a legfontosabb ebben az alkalmazásban, és az adataik bizalmas kezelése sem.

Ehelyett egy korosztályt kértem, hogy képet kapjak arról, hány évesek a résztvevők ezeken a foglalkozásokon.

A felhasználói azonosító és a hangszóró azonosító azok a méretek, amelyekre később szükségem lesz a LuckyTemplatesben. Szükségem van egy ténytáblázatra is , ahol összekapcsolom a felhasználói azonosítót a hangszóró azonosítójával, hogy létrehozhassam a munkamenetekről szóló Tervezési és Visszajelzési oldalakat.

Az a jó ebben a fájlban, hogy valós adatokkal rendelkezem. Megvan a csúcstalálkozó összes előadója a megfelelő sorrendben, a megfelelő témákkal és leírással.

Ez csak egy prototípus bemutatása annak, hogyan nézne ki egy ilyen alkalmazás a LuckyTemplates számára. Ezért akartam minél messzebbre menni.

Itt található a Tervezés , amely a LuckyTemplates ténytáblája, ahol kapcsolatokat hozhatok létre, és információkat kaphatok a felhasználói azonosítóról és a hangszóróazonosítóról.

Ezután megvan a Speaker Feedback , amely a második ténytábla a felhasználói azonosítóval, a hangszóró azonosítójával, a munkamenet értékelésével, a visszajelzéssel, amelyet a személy ad a munkamenetre, a felhasználókat, akik élőben nézik vagy nem, és a az általuk vizsgált adatok.

Ezeket egyszerűen kezelheti a LuckyTemplates-en belül, mivel csak egyetlen nagy ténytáblázata van.

Nagyon könnyű elképzelni a LuckyTemplates adatmodellt, ha rendelkezik a méretekkel és a ténytáblázattal.

A visszajelzési oldal a csúcstalálkozó általános visszajelzése, ahol nincs kapcsolat a User ID és a Speaker ID között.

Itt olyan információk találhatók, mint a csúcstalálkozó általános tapasztalatai, a csúcstalálkozó kedvenc része, fejlesztési javaslatok, visszatérési lehetőség és még sok más.

És akkor az utolsó dolog az ország időzónája. Ha felkeresi a LuckyTemplates csúcstalálkozó oldalát, információkat láthat a Los Angeles-i, New York-i, Londoni, Sydney-i és Oakland-i munkamenetek időpontjairól.

Egy lépéssel tovább akartam menni azáltal, hogy az alkalmazáshoz csatlakozva kiszámoltam egy munkamenet pontos idejét a helyi idő szerint.

Ez az általam létrehozni kívánt alkalmazások felépítése, amely a LuckyTemplates és Power Apps jelentésekben hasznosítható.

Arról is gondoskodnom kell, hogy ne legyenek ismétlődéseink. Ezen a ponton az adatminőség fontos.

Ha nem rendelkezik adatminőséggel az adatforrásban, akkor később problémákba ütközik a vizualizációk során.

Alkalmazás készítése az EDNA csúcstalálkozóra

Ez az általános alkalmazás. Megmutatom az egyes oldalakat, hogyan működik, és hogyan működik dinamikusan. Megmutatom az alkalmazásban hozzáadott érdekes tervezési tippeket is.

Egy üdvözlő oldallal kezdtem . Amint látja, a LuckyTemplates szerkezetét, témáját és színeit követtem.

Ez az ideiglenes képernyő az első élmény. Amikor csatlakozik ehhez az alkalmazáshoz, ez néhány másodpercig meg fog állni, majd bejelentkezési oldalvá változik.

A bejelentkezési élményhez meg kell adnia a felhasználónevet és a jelszót, vagy létre kell hoznia egy fiókot. Amikor létrehoz egy fiókot és regisztrál, ez az információ hozzáadódik az Excel fájlunkban található adatokhoz.

Miután feliratkoztunk, az alkalmazás fő részére lépünk, amely egy galériából áll az összes előadóval. Minden munkamenetnél a dátum, óra és idő helyi idő szerint jelenik meg. A név és a téma is bemutatásra kerül.

Ha részletesebben szeretne belemenni, kattintson a munkamenetre, hogy további információkat kapjon, például a címet, az időt, a dátumot és a munkamenet összefoglalóját. Ha ezt érdekesnek találja, kattintson a Mentés gombra a munkamenet későbbi elmentéséhez.

Amikor a Tervezés oldalra lép, láthatja az összes elmentett munkamenetet.

Innen eltávolíthatja a munkamenetet, vagy visszajelzést adhat. Választhat, hogy értékelést ad , vagy visszajelzést ír . Ha rákattint a Küldés gombra , akkor ez az információ az adatforrásra íródik, ami esetünkben az Excel fájlunk.

Amint látja, a felhasználó általános élménye nagyon szép. Értéket teremt a felhasználó számára, ugyanakkor értéket ad a szervezőknek is, akik ezeket az adatokat a LuckyTemplates-en belül fogják használni.

Ezenkívül általános visszajelzést ad a csúcstalálkozóhoz. Itt az oldal, ahol elmondhatja általános tapasztalatait, kedvenc részét, javaslatait stb.

Elrendezési hierarchia: Könnyen használhatóvá tegye a navigációt

A mobilalkalmazások létrehozása eltér a LuckyTemplates jelentésben létrehozott alkalmazásoktól. Ez azért más, mert nem ugyanúgy használja őket.

Az alkalmazáson belüli elrendezés eltérő, mivel számítógép vagy táblagép használatakor az emberek hajlamosak balról jobbra haladva beolvasni az oldalt, majd egyfajta Z vagy H mintát követnek. Az első dolog, amit látni fognak, a bal felső, az utolsó rész pedig a jobb alsó.

Ez nem ugyanaz a telefonos alkalmazásnál, ahogy az alábbi képen is látható. A zöld rész az, ahol a hüvelykujj könnyen folyhat, a narancssárga rész kissé nyúlik, míg a piros rész a legnehezebben elérhető.

Ez alapján fogja elkészíteni az alkalmazás elrendezését. Az alkalmazásban az a jó, hogy rengeteg példája van, és ezek alapján létrehozhat valami hasonlót.

Az alkalmazás három része

Tehát alapvetően három részből áll az alkalmazás. Az elsődleges rész a galéria, amelyet hüvelykujjával görgethet, és kiválaszthatja az információkat.

A másodlagos rész a fülek. Ezekkel a gombokkal navigálhat az alkalmazásban.

A harmadlagos rész – amellyel a legkevésbé fog interakcióba lépni – a csúcstalálkozó, a profilfiók vagy a keresési funkció címe.

Telefonalkalmazások létrehozásakor van néhány bevált tervezési gyakorlat, amely a LuckyTemplates és a Power Apps alkalmazásban is használható. Ha már megfelelő szintű ismeretekkel rendelkezik a LuckyTemplates és a Power Apps használatában, rá fog jönni, hogy a jó felhasználói élmény és felhasználói felület fontosabb, ha kis képernyőn dolgozik.

Tervezés legjobb gyakorlatai

Korlátozza a kattintások számát

Korlátoznia kell a lépések számát vagy a kattintások számát. Korlátozza a kért információk számát, vagy csak azt az információt kérje, amelyre éppen szüksége van, amikor szüksége van rá.

Fel kell használnia a már rendelkezésre álló információkat, hogy kihasználhassa a felhasználók által adott válaszokat.

Végül, de nem utolsósorban, amikor alkalmazásokat készítünk (itt adatbevitelről beszélünk), ellenőrizni kell a leírt információkat.

Automatikus kiegészítés, amikor lehetséges, és győződjön meg arról, hogy a felhasználó nem kattint többletet, ezért győződjön meg arról, hogy a megadott adatok helyesek.

Kövesse Jakob törvényét és Pareto törvényét

Jakob törvénye szerint a felhasználók előnyben részesítik, hogy az Ön alkalmazása ugyanúgy működjön, mint a többi alkalmazása . Az alábbiakban egy példa látható a világon leggyakrabban használt alkalmazásokra: WhatsApp , Messenger és Contacts .

Hasonló tapasztalatokkal rendelkezünk az általam készített alkalmazásokban. Középen van a galéria, alul a gombok, felül pedig a keresési funkció vagy a névjegyek.

A Pareto törvény kimondja, hogy a kimenetelek 80%-a az okok 20%-ára vezethető vissza. Ugyanez az elv működik az UX-ben és az UI-ban is abban az értelemben, hogy erőfeszítéseket kell tenni a felhasználó számára legértékesebb funkciókra.

Nem kell az összes szolgáltatást létrehoznia egy alkalmazásban, de a létrehozandó funkciókat igazán jól implementálni és jól tesztelni kell.

Végső soron nem szeretne túl sok lehetőséget egy alkalmazásban, mert ha bonyolulttá válik, akkor nem fogja használni.

Használjon feliratokat

Használjon kiemeléseket, hogy jelezze a felhasználónak, hogy mit tegyen a következő lépésben. Például, ha vásárolni szeretne valamit, a vásárlás gombot más színben látja, csak hogy felkeltse a figyelmét. Ez jelzi a következő lépést, amelyet meg kell tennie.

Aktív állapotterv megjelenítése

A navigációnál jelezni kell, hogy egy adott oldalon hol tartózkodik a felhasználó. Ha nem tudják, hol vannak az alkalmazásban, az nem jó felhasználói élmény.

Adja meg a lebegési állapotokat

Ezt a gombokhoz használják. Ha egy gomb fölé viszi az egérmutatót, látni fogja, hogy az aktív. A lebegtetési effektus egyértelmű jelzést ad a felhasználóknak, hogy lássák, mire lehet kattintani, és megmondja, mire kell kattintania.

Használjon érthető címkéket

A címkék könnyebben hozzáférhetővé teszik a tervezést, és kézzelfoghatóvá és használhatóvá teszik az információkat a felhasználók számára. A használandó szavaknak egyértelműnek kell lenniük a felhasználó számára, hogy tudják, mit szeretne tenni.

Biztosítsa a hozzáférhető színeket/címkéket

Olyan színeket és címkéket kell használnia, amelyek méretük, kontrasztjuk és adagolásuk tekintetében elérhetők.

A felhasználói viselkedés előrejelzése

Egy alkalmazásban előre kell látnia a felhasználói viselkedést. Előre kell látnia a felhasználó minden kattintására és kérdésére.

Futtasson használhatósági teszteket

Tesztelnie kell, amit megvalósít, és időt kell szánnia az összes szükséges teszt elvégzésére. Néha más felhasználókat is be kell vonnia, akik nem ismerik az alkalmazást, hogy megnézzék, hogyan használják azt.

Tehát ezek a legjobb gyakorlatok az alkalmazások tervezésében. Most menjünk az alkalmazáshoz, és nézzük meg ezeket a bevált gyakorlatokat.

Most az alkalmazásban vagyok, és csak megnyomom a Start gombot . Az első oldal csak néhány másodpercet vesz igénybe. Ez azért van, mert két másodpercre be van kapcsolva az időzítő.

Amikor az időzítő eléri a két másodpercet, a másik képernyőmre lép, és létrehozza az átmenetet.

A bejelentkezési oldalon vagyunk.

Az alkalmazáshoz való csatlakozáshoz megadjuk a felhasználónevet és a jelszót. Ebben a pillanatban az alkalmazás a színfalak mögött megőrzi az Ön felhasználói azonosítójának adatait.

Ez az információ már a meglévő User ID táblázatból származik, de mi történik, ha új felhasználót adunk hozzá? Ezt úgy tudjuk megtudni, ha visszamegyünk a bejelentkezési oldalra, és létrehozunk egy fiókot.

Beírom felhasználónevemnek Alex B- t, jelszavamnak pedig test123- at, majd regisztrálok. Láthatja, hogy a felhasználói azonosító automatikusan létrejött.

Az adatbevitel során minden problémára oda kell figyelni. Ön, mint alkalmazás létrehozója, hogy előre látja-e ezeket a problémákat, és megoldásokat találjon ezek elkerülésére.

Visszatérve az alkalmazáshoz, van egy listám az összes előadóról, és látom, hogy az órákat az én helyi időm szerint számítják.

Tegyük fel, hogy részt akarunk venni Sam McKay ülésén. Amikor rákattintunk a linkre, azt látjuk, hogy közvetlenül a fotója alatt van egy Click to open video link.

Ha a felhasználó rákattint erre a linkre, a rendszer arra a YouTube-videóra irányítja, amelyet a fájlba tettem.

De amikor meglátogatjuk Mudassir Ali profilját, nem tudjuk használni a Kattintson a videó megnyitásához gombbal. Ez egy példa az információ megjelenítésére, ha az elérhető.

Ebben az esetben nincs meg a videóm Mudassir Ali üléséről, ezért nem jelenítem meg a Click to open video linket.

Tegyük fel, hogy részt akarunk venni Sam McKay ülésén, és rákattintunk a Mentés gombra. Miután elmentettük, láthatjuk, hogy az oldalon van egy Unsave gomb, és a hangszóró Sam McKay ki van emelve.

Ez azért van, hogy kontextust biztosítsunk, mert tudni akarjuk, hogy a felhasználó Sam munkamenetét választotta-e. Azonnal láthatja, hogy ez a munkamenet élő, és van lehetőség eltávolítani. Ha el szeretné távolítani, itt megteheti – nem kell külön kattintania a mentés visszavonásához.

Egy másik funkció a hangszóróval való kapcsolatteremtés lehetősége a LinkedIn gombon keresztül. Az alábbi gomb Sam McKay LinkedIn-fiókjához irányít.

Most, hogy van néhány elmentett munkamenet a listából, megyünk a Tervezés oldalra .

Amikor a Tervezés oldalra lépünk , a színfalak mögött az történik, hogy mindezt az információt egy ideiglenes gyűjteménybe gyűjtik, és az adatforrásba írják.

Ha visszatérünk az Excel fájlunkhoz, és a Tervezés lapra lépünk, láthatjuk az összes SpeakerID-t, ami azt jelenti, hogy minden a várt módon működik.

Tegyük fel, hogy nem vehetünk részt Gustaw Dudek ülésén. Erre kattinthatunkgomb. Ha megnézzük az Excel fájlomat, láthatjuk, hogy Gustaw Dudek információi eltűntek.

Ahogy korábban mondtam, jó, ha van egy állapot, ahol a navigációban megmutatja, hogy éppen hol tartózkodik. Ahogy az alsó ikonokból is jól látszik, a Tervezés oldalon vagyunk.

Tegyük fel, hogy részt vettünk egy foglalkozáson, és hatból négy csillagra értékeltük. Ez az információ előre mentve van, így ha meggondoljuk magunkat, később visszatérhetünk hozzá, hogy módosítsuk az értékelésünket.

Miután élőben láttunk egy prezentációt, visszajelzést adhatunk, és hozzáadhatunk egy hangulatjelet is, majd kattintson a Küldés gombra .

Amikor megnézzük a hangszóró visszajelzését az Excel fájlban, látni fogja, hogyan jelennek meg ezek az információk HTML formátumban.

A visszajelzési oldalon néhány választ akár kötelezővé is tehetünk, mint a jelentéskészítő, de itt nem ez a helyzet.

Amikor az Excel fájlunkra lépünk, mindezt az információt láthatjuk a Visszajelzés lapon írva.

Következtetés

Beállítottam a gombok lebegtetési állapotát, minimalizáltam a kattintások számát, és olyan információkat adtam meg, amelyek érdekesek ebben a munkamenet-alkalmazásban. Remélhetőleg a történetmesélésen és a különböző eszközökkel végzett technikai tudáson keresztül ezt továbbviheti .

Létrehozhat egy ökoszisztémát, majd kielégítheti a különböző közönségek igényeit. Ahhoz, hogy értéket hozzon ki a Power Platform ökoszisztémából, ismernie kell a LuckyTemplates, a Power Apps és a Power Automate használatát. Együttműködő környezetben dolgozhat, és nagyon szórakoztató módon javíthatja a tevékenységét.

Felhívjuk figyelmét, hogy ez az alkalmazás nem létezik. Csak az elmémben létezik, és csak egy prototípus. De ki tudja, talán a jövőben lesz ilyen típusú alkalmazásunk.

Minden jót,
Alex Badiu