Block Kit: Slack příspěvek k budování lepší spolupráce UI

o autorovi

Suzanne Scacca je bývalá implementátorka WordPress, školitelka a manažerka agentury, která nyní pracuje jako copywriter na volné noze. Specializuje se na crafting marketing, web … více aboutSuzanne↬

(toto je sponzorovaný článek.) V posledních několika letech došlo k zásadnímu posunu, pokud jde o způsob práce společností. Jak se více podniků stává nezávislým na místě, nástroje pro spolupráci se staly standardním způsobem, jak se týmy setkávají a pracují.

to znamená, že jen proto, že máme aplikace pro spolupráci, které integrují naše propojené obchodní procesy a nástroje, to neznamená, že zkušenost vždy vede k optimální efektivitě nebo produktivitě. Proč? No, někdy nepřátelský UI dostane do cesty.

proto dnes budu mluvit o Block Kit, příspěvku Slack k budování lepšího uživatelského rozhraní pro spolupráci.

pro ty z vás, kteří vytvořili vlastní aplikaci Slack (pro adresář aplikací nebo pro interní účely), to bude váš úvod do nového návrhového nástroje. Pro ty z vás, kteří to neudělali, to je v pořádku. Z toho je třeba vzít několik cenných lekcí, pokud jde o to, co přispívá k poutavému pracovnímu prostoru, který zlepší spolupráci.

Vývojáři, Víte, Na Čem Slack Pracuje?

Slack učinil obrovské pokroky od svého uvedení na trh v roce 2013. To, co původně začalo jako aplikace pro zasílání zpráv, nyní rozkvetlo v výkonnou platformu pro spolupráci.

od psaní tohoto: Slack má více než 10 milionů aktivních uživatelů denně-a žijí po celém světě (přes 150 zemí, abych byl přesný).

nejsou to jen jednotlivci, kteří používají Slack – téměř 585,000 týmy tří nebo více osob spolupracují v rámci platformy. 65 ze společností Fortune 100 je také na Slack.

to vše díky Slack API, které vývojářům otevřelo dveře k vytváření a publikování veřejně dostupných aplikací, které rozšiřují funkčnost Slack pracovních prostorů.

tímto způsobem uživatelé Slack nemusí skákat mezi nejčastěji používanými obchodními nástroji. Související procesy mohou probíhat vše zevnitř Slack.

někdy však to, co je k dispozici v adresáři Slack App, nestačí na to, co vaše organizace interně potřebuje. Možná budete moci překlenout některé rozdíly mezi obchodními nástroji s tím, co je tam, ale můžete také najít důvod k vytvoření vlastních aplikací Slack.

Představujeme Block Kit od Slack

tady je věc: zatímco Slack se podařilo umožnit vývojářům vytvářet vlastní aplikace pro zlepšení spolupráce v rámci platformy, jak mají vývojáři vědět, jak s tím vytvořit dobrý zážitek?

donedávna Slack API a adresář aplikací poskytoval omezenou flexibilitu a kontrolu. Jak vysvětlil Brian Elliott, generální ředitel platformy:

“ dnes jsou všechny aplikace nuceny k omezenému souboru způsobů, jak zobrazit bohaté informace. Pokud jste se podívali a viděli a použili všechny různé aplikace v Slack, mnoho z nich skončí se stejným rozložením bez ohledu na to, jaké funkce se snaží nasadit. Když ve skutečnosti to, co potřebujete, je sada komponent, které vám umožní vytvářet bohaté interaktivní displeje, které jsou pro lidi snazší pochopit, strávit a jednat.“

takže Slack vyvinul blokovou sadu.

Block Kit je rámec uživatelského rozhraní, který umožňuje vývojářům, návrhářům a stavitelům front-end zobrazovat své aplikace pro zasílání zpráv prostřednictvím bohatého, interaktivního a intuitivního uživatelského rozhraní. Dále tím, že poskytuje sadu stohovatelných prvků uživatelského rozhraní nebo bloků, Block Kit nyní poskytuje vývojářům větší kontrolu a flexibilitu nad jejich návrhy aplikací a rozvržení.

Poznámka: Pokud byste chtěli vidět Block Kit v akci, připojte se k nadcházejícímu Slack session „Building with Block Kit“, kde získáte živou ukázku produktu a uvidíte, jak snadné je přizpůsobit design vaší aplikace.

Block Kit je dodáván se dvěma klíčovými komponenty:

1. Block Kit Builder

Všimněte si podobnosti mezi tímto nástrojem builder a mnoha dalšími nástroji, které používáme k vytváření webových stránek a aplikací pro klienty:

stavební prvky jsou vlevo. Jednoduše klikněte na ten, který chcete zahrnout, a sledujte, jak se přidává do náhledu aplikace ve středu.

chcete další přizpůsobení? Podívejte se na textový editor vpravo. Zatímco Block Kit poskytuje předem připravené prvky, které se řídí osvědčenými postupy pro navrhování aplikací pro zasílání zpráv, máte možnost si je vytvořit sami, pokud dáváte přednost.

2. Šablony blokových Sad

i když si můžete vytvořit rozhraní pro zasílání zpráv od stavitele sami, doporučuji prozkoumat také poskytované šablony:

tým Slack již viděl opravdu užitečné případy Slack aplikací v akci. Netřeba dodávat, že vědí, jaké věci by vaše organizace mohla chtít využít pro lepší spolupráci.

to je důvod, proč najdete společné akce, jako jsou následující, které již byly vytvořeny pro vás:

• přezkoumání žádostí o schválení;
• přijetí opatření na nová oznámení;
• spuštění ankety a sledování výsledků;
• provádění vyhledávání.

Guru je jeden takový nástroj, který je pákový blok Kit zlepšit jeho Slack app:

Guru poskytuje funkci vyhledávání databáze v rámci Slack. Výsledky jsou nyní rychle načteny a jasněji zobrazeny na frontendu Slack.

klíče k vytvoření lepšího uživatelského rozhraní pro spolupráci

Nyní, když jsme viděli, co se děje s blokovou sadou, musíme mluvit o tom, jak vám pomůže vytvářet aplikace, které vedou k produktivnější spolupráci.

bloky

nedávno jsem hovořil na téma Gutenberg a jak ho mohou designéři využít ve svůj prospěch. Přestože nový editor WordPress má zjevně své nedostatky, není pochyb o tom, proč tým ve WordPressu provedl změnu:

stavitelé bloků jsou budoucností webového designu.

„

chápu, že stavitelé bloků bývají preferovaným nástrojem pro webové designéry a uživatele pro kutily. Stavitelé umožňují vizuální návrh frontendu a často obsahují bohaté možnosti přizpůsobení.

ale Block Kit dělá mnohem víc než to, což znamená, že návrháři i vývojáři mohou snadno vytvářet vlastní aplikace.

kód

klíčovým rozlišovačem mezi něčím jako Website builder a Block Kit builder je aspekt kódování.

ve většině případů návrháři používají stavitele stránek, takže se nemusí obtěžovat kódem. Mohou přidat nějaké vlastní třídy CSS nebo přidat HTML do svého textu, ale to je obecně vše. Vývojáři tak ale nefungují.

Block Kit obsahuje panel s pre-psaný JSON, že vývojáři mohou kopírovat a vložit do své vlastní Slack app, jakmile je připraven jít. Spíše než nechat vývojáře psát svůj vlastní kód, Slack poskytuje kód, který využívá osvědčené postupy pro rychlost a design.

to umožňuje vývojářům soustředit se na přizpůsobení místo toho, aby museli vytvářet své aplikace od základů.

konzistence

když uživatelé Slack vstoupí do platformy, vědí, co mohou očekávat. Každé rozhraní je stejné od pracovního prostoru k pracovnímu prostoru.

nicméně, když API umožňuje vývojářům vytvářet aplikace pro integraci s těmito prostory, existuje riziko zavedení prvků, které prostě nemají jibe dobře. Když k tomu dojde, nepředvídatelnost rozhraní může pro koncového uživatele způsobit zmatek a váhání. Špatné volby rozvržení mohou také poškodit zážitek.

Block Kit umožňuje vývojářům vytvářet aplikace se stohovatelnými komponenty uživatelského rozhraní, které byly vyzkoušeny a testovány. Při přizpůsobování zkušenosti v rámci již zavedené platformy může být obtížné vědět, jak daleko ji můžete vzít — nebo jestli to bude dokonce fungovat. Slack tyto otázky vyřadil z rovnice.

mezery

takto vypadá tradiční výměna Slack:

bývá to jednostopá výměna tam a zpět. A to funguje perfektně pro Slack kanály, kde je spolupráce jednoduchá. Zaměstnanci zprávu o stavu úkolu. Klient nahraje chybějící aktivum. Generální ředitel sdílí odkaz na tiskovou zprávu, ve které se společnost zmiňuje. Ale ne všechny pracovní prostory jsou tak jednoduché.

Block Kit vám pomůže maximalizovat a zvětšit prostor, který funkce vaší aplikace zabírají. Například Block Kit umožňuje společnostem jako Optimizely zobrazovat relevantní informace ve dvousloupcových formátech pro lepší čitelnost.

to je opravdu lepší způsob, jak sdílet příslušné údaje v Slack app vašeho týmu.

bohaté interakce

dalším způsobem, jak zvýšit vaši aplikaci, je přeměna integrace na integraci bohatou na interakce.

bloky byly speciálně vyvinuty pro zlepšení nejčastěji používaných prvků v Slack spolupráci. Příklad:

• použijte sekční blok pro lepší organizaci.
• použijte textový blok k přizpůsobení zobrazení zpráv.
• používejte správně velké obrazové bloky, abyste se mohli přestat starat o to, zda se budou zobrazovat správně.
• pomocí kontextových bloků zobrazíte řádky nebo další kontext o zprávách (jako autor, komentáře, změny atd.).)
• použijte dělicí bloky ke zlepšení vzhledu aplikace.
• použijte akční bloky, jako je výběr nabídky, výběr tlačítek a kalendářní data, abyste do aplikace přinesli lepší funkce a intuitivněji je zobrazili.
• Použijte 2-sekce bloky pro čistší rozvržení.

Doodle má krásný příklad toho, co lze udělat s bohatými interakcemi pomocí blokové sady:

jak vidíte, uživatelé mohou společně naplánovat schůzky stejně efektivně, jako by používali kalendář třetích stran. Jediný rozdíl je v tom, že nyní mohou dělat vše v rámci svého volného pracovního prostoru.

zabalení

spolupráce je nezbytnou součástí úspěchu každé organizace a nezáleží na tom, zda je to tým 3 nebo tým 300. Ale je velký rozdíl mezi spoluprací a produktivní spoluprací.

díky Slack API, vývojáři vytvořili některé úžasné způsoby, jak integrovat související procesy a nástroje do platformy. A díky Block Kit tyto externí příspěvky nenaruší zážitek, pokud návrh prvků nedosáhne.

díky intuitivním schopnostem vytváření bloků, možnostem kódování pro vývojáře a dalším možnostem pomůže Block Kit vývojářům přinést bohatší zkušenosti a lepší spolupráci na platformu Slack.

poslední věc, kterou je třeba zmínit:

Slack ‚ s Frontiers conference se blíží brzy. Bude to v San Franciscu 24. a 25. dubna. Pokud se chystáte zúčastnit, všimněte si, že vývojářská trať bude zahrnovat celodenní školení na blokové sadě, včetně workshopů, ukázek nových funkcí, výukových programů a individuálního mentoringu. Pokud uvažujete o blokové sadě, je to příležitost, kterou si nebudete chtít nechat ujít.

(ms, ra, il)