Block Kit: Slack’ s bidrag til at opbygge et bedre samarbejde UI

om forfatteren

Susanne Scacca er en tidligere iværksætter, træner og agenturleder, der nu arbejder som freelance tekstforfatter. Hun har specialiseret sig i crafting marketing, …mere↬

(dette er en sponsoreret artikel.) I løbet af de sidste par år har der været et stort skift med hensyn til den måde, virksomheder arbejder på. Efterhånden som flere virksomheder bliver placeringsuafhængige, samarbejdsværktøjer er blevet den standard måde, hvorpå teams mødes og får arbejde udført.

når det er sagt, bare fordi vi har samarbejdsapps, der integrerer vores forbundne forretningsprocesser og værktøjer, betyder det ikke, at oplevelsen altid fører til optimal effektivitet eller produktivitet. Hvorfor? Godt, nogle gange kommer en uvenlig brugergrænseflade i vejen.

derfor skal jeg i dag tale om Block Kit, Slacks Bidrag til at opbygge et bedre samarbejde UI.

for dem af jer, der har bygget en brugerdefineret Slack-app (til app-biblioteket eller til interne formål), vil dette være din introduktion til det nye designværktøj. For dem af jer, der ikke har det, er det okay. Der er nogle værdifulde lektioner at tage væk fra dette med hensyn til, hvad der skaber et engagerende arbejdsområde, der vil forbedre samarbejdet.

Udviklere, Ved Du, Hvad Slack Har Arbejdet På?

Slack har gjort store fremskridt siden lanceringen i 2013. Det, der oprindeligt begyndte som en messaging-app, er nu blomstret ud i en stærk samarbejdsplatform.

som at skrive dette: Slack har over 10 millioner aktive brugere dagligt — og de bor over hele verden (over 150 lande, for at være præcis).

det er heller ikke kun enkeltpersoner, der bruger Slack — næsten 585.000 hold på tre personer eller mere samarbejder inden for platformen. 65 af Fortune 100-virksomhederne er tilfældigvis også på slap.

dette er alt takket være Slack API, der har åbnet døren for udviklere til at oprette og offentliggøre offentligt tilgængelige apps, der udvider funktionaliteten i Slack-arbejdsområder.

på denne måde behøver Slack-brugere ikke at hoppe mellem deres mest anvendte forretningsværktøjer. Relaterede processer kan finde sted alle indefra Slack.

nogle gange er det, der er tilgængeligt i Slack-appmappen, bare ikke nok til, hvad din organisation har brug for internt. Du kan muligvis bygge bro over nogle af skillelinjerne mellem dine forretningsværktøjer med det, der er der, men du kan også finde en grund til at oprette dine egne tilpassede Slack-apps.

introduktion af Block Kit fra Slack

her er sagen: mens Slack har lykkedes at give udviklere mulighed for at lave deres egne apps for at forbedre samarbejdet inden for platformen, hvordan skal udviklere vide, hvordan man skaber en god oplevelse med det?

indtil for nylig, Slack API og app mappe forudsat begrænset fleksibilitet og kontrol. Som Brian Elliott, General Manager for platformen, forklarede:

“i dag tvinges alle apps til et begrænset sæt måder at vise rig information på. Hvis du har set på og set og brugt alle de forskellige apps i Slack, ender mange af dem med det samme layout, uanset hvilken funktionalitet de prøver at implementere. Når du i virkeligheden har brug for et sæt komponenter, der giver dig mulighed for at opbygge rige interaktive skærme, der er lettere for folk at forstå, fordøje og handle på.”

så Slack udviklet blok Kit.

Block Kit er en UI-ramme, der gør det muligt for udviklere, designere og front-end-bygherrer at vise deres messaging-apps gennem en rig, interaktiv og intuitiv brugergrænseflade. Ved at levere et sæt stabelbare UI-elementer eller blokke giver Block Kit nu udviklere mere kontrol og fleksibilitet over deres appdesign og layout.

Bemærk: Hvis du gerne vil se Block Kit i aktion, skal du deltage i den kommende Slack-session, “bygning med Block Kit”, hvor du får en live produktdemonstration og se, hvor let det er at tilpasse designet til din app.

Block Kit leveres med to nøglekomponenter:

1. Block Kit Builder

Læg mærke til ligheden mellem denne builder værktøj og mange af de andre værktøjer, vi bruger til at skabe hjemmesider og apps til klienter:

bygningskomponenterne er til venstre. Klik blot på den, du vil medtage, og se den blive tilføjet til forhåndsvisningen af din app i midten.

vil du have yderligere tilpasning? Tjek teksteditoren til højre. Mens Block Kit leverer foruddefinerede elementer, der følger bedste praksis til design af messaging-apps, har du muligheden for at gøre dem til dine egne, hvis du foretrækker det.

2. Bloker Kit skabeloner

mens du helt sikkert kan lave en messaging-grænseflade fra bygherren alene, vil jeg foreslå at udforske de skabeloner, der også leveres:

Slack-teamet har allerede set virkelig nyttige tilfælde af Slack-apps i aktion. Det er overflødigt at sige, at de ved, hvilke slags ting din organisation måske vil udnytte af hensyn til forbedret samarbejde.

derfor finder du fælles handlinger som følgende allerede bygget ud for dig:

• gennemgang af anmodninger om godkendelse;
• handling på nye meddelelser;
• kørsel af afstemninger og overvågningsresultater;
• gennemførelse af en søgning.

Guru er et sådant værktøj, der er gearet blok Kit til at forbedre sin Slack app:

Guru giver en database søgefunktion inden Slack. Resultaterne er nu hurtigt hentet og mere tydeligt vises på frontend af Slack.

nøglerne til at opbygge et bedre samarbejde UI

nu hvor vi har set, hvad der kommer ned på linjen med Block Kit, skal vi tale om, hvordan det vil hjælpe dig med at oprette apps, der fører til mere produktivt samarbejde.

blokke

jeg talte for nylig om Gutenberg og hvordan designere kan bruge det til deres fordel. Selv om den nye redaktør helt klart har sine fejl, er der ingen tvivl om, hvorfor teamet på foretog ændringen:

Blokbyggere er fremtiden for internetdesign.

“

jeg forstår, at blokbyggere har tendens til at være det foretrukne værktøj til internetdesignere og DIY-brugere. Bygherrer giver mulighed for visuelt frontend-design og inkluderer ofte rigelige tilpasningsmuligheder.

men Block Kit gør meget mere end det, hvilket betyder, at både designere og udviklere nemt kan oprette brugerdefinerede apps.

kode

nøgleforskellen mellem noget som en hjemmesidebygger og Blokkitbyggeren er kodningsaspektet.

i de fleste tilfælde bruger designere sidebyggere, så de ikke behøver at gider med kode. De kan tilføje nogle brugerdefinerede CSS klasser eller tilføje HTML til deres tekst, men det er generelt det. Udviklere fungerer dog ikke sådan.

Block Kit indeholder et panel med forudskrevet JSON, som udviklere kan kopiere og indsætte i deres egen Slack-app, når den er klar til at gå. I stedet for at lade udviklere skrive deres egen kode, giver Slack kode, der bruger bedste praksis til hastighed og design.

dette gør det muligt for udviklere at fokusere på at foretage tilpasninger i stedet for at skulle bygge deres apps fra bunden.

konsistens

når Slack-brugere træder ind på platformen, ved de, hvad de kan forvente. Hver grænseflade er den samme fra arbejdsområde til arbejdsområde.

men når en API giver udviklere mulighed for at bygge apps til at integrere med disse rum, er der risiko for at introducere elementer, der bare ikke jibe godt. Når det sker, kan grænsefladens uforudsigelighed skabe forvirring og tøven for slutbrugeren. Dårligt tilpassede layoutvalg kan også skade oplevelsen.

Block Kit gør det muligt for udviklere at bygge apps med stabelbare UI komponenter, der er blevet afprøvet og testet. Når du tilpasser en oplevelse inden for en allerede etableret platform, kan det være svært at vide, hvor langt du kan tage den — eller om den endda fungerer. Slack har taget disse spørgsmål ud af ligningen.

afstand

Sådan ser den traditionelle Slack-udveksling ud:

det har tendens til at være en enkelt kolonne, frem og tilbage udveksling. Og dette fungerer perfekt godt for Slack-kanaler, hvor samarbejde er enkelt. Medarbejdere besked om status for en opgave. En klient uploader et manglende aktiv. Administrerende direktør deler et link til en pressemeddelelse, der nævner virksomheden. Men ikke alle arbejdsområder er så enkle.

Block Kit hjælper dig med at maksimere og forbedre den plads, som din apps funktioner Optager. For eksempel gør Block Kit det muligt for virksomheder som optimalt at vise relevant information i to-kolonneformater for bedre læsbarhed.

dette er faktisk en bedre måde at dele relevante detaljer i dit teams Slack-app.

Rich Interactions

en anden måde at hæve din app på er ved at gøre integrationen til en, der er rig på interaktioner.

blokke er specielt udviklet til at forbedre de mest anvendte elementer i Slack-samarbejde. Eksempel:

• brug Sektionsblokken til bedre organisering.
• brug tekstblokken til at tilpasse, hvordan meddelelser vises.
• brug billedblokke i korrekt størrelse, så du kan stoppe med at bekymre dig om, hvorvidt de vises korrekt.
• brug Kontekstblokke til at vise bylines eller yderligere kontekst om meddelelser (som forfatter, kommentarer, ændringer osv.)
• brug Divider blokke for at forbedre udseendet af app.
• brug Handlingsblokke som menuvalg, knapvalg og kalenderdatoer for at bringe bedre funktioner ind i din app og få dem til at vise mere intuitivt.
• Brug 2-sektionsblokke til renere layout.

Doodle har et smukt eksempel på, hvad der kan gøres med rige interaktioner ved hjælp af Bloksæt:

som du kan se, kan brugerne arbejde sammen om at planlægge møder lige så effektivt som om de brugte en tredjepartskalender. Den eneste forskel er, at de nu kan gøre alt dette inden for deres Slack-arbejdsområde.

indpakning

samarbejde er en væsentlig del af enhver organisations succes, og det betyder ikke noget, om det er et team på 3 eller et team på 300. Men der er stor forskel på at arbejde sammen og produktivt samarbejde.

takket være Slacks API har udviklere skabt nogle fantastiske måder at integrere relaterede processer og værktøjer i platformen. Og takket være Block Kit vil disse eksterne bidrag ikke forstyrre oplevelsen, hvis elementernes design kommer til kort.

med intuitive blokbygningsfunktioner, udviklervenlige kodningsmuligheder og mere vil Block Kit hjælpe udviklere med at bringe rigere oplevelser og bedre samarbejde til Slack-platformen.

en sidste ting at nævne:

Slack ‘ s Frontiers conference kommer snart op. Det bliver i San Francisco den 24. og 25. April. Hvis du planlægger at deltage, bemærk, at udviklerne sporet vil omfatte en hel dags træning på blok Kit, herunder værksteder, nye funktion demoer, tutorials, samt en-til-en mentorordninger. Hvis du tænker på Block Kit, er dette en mulighed, du ikke vil gå glip af.

(ms, ra, il)