Block Kit: Slack’ s Contribution To Building A Better Collaboration UI

tietoja tekijästä

Suzanne Scacca on entinen WordPress-toteuttaja, kouluttaja ja toimistopäällikkö, joka työskentelee nykyään freelance-copywriterina. Hän on erikoistunut käsityö markkinointi, web … More aboutSuzanne↬

(tämä on sponsoroitu artikkeli.) Viime vuosina yritysten toimintatavoissa on tapahtunut suuri muutos. Kun yhä useammat yritykset ovat itsenäisiä toimipaikkoja, yhteistyövälineistä on tullut vakiotapa, jolla tiimit kohtaavat ja saavat töitä tehtyä.

vaikka meillä on yhteistyösovelluksia, jotka integroivat toisiinsa liitetyt liiketoimintaprosessimme ja työkalumme, se ei tarkoita, että kokemus johtaisi aina optimaaliseen tehokkuuteen tai tuottavuuteen. Miksi? Joskus epäystävällinen käyttöliittymä tulee tielle.

siksi puhun tänään Block kitistä, Slackin panoksesta paremman yhteistyökuvion rakentamiseen.

niille teistä, jotka ovat rakentaneet mukautetun Slack-sovelluksen (sovellushakemistoon tai sisäisiin tarkoituksiin), tämä on johdatus uuteen suunnittelutyökaluun. Niille, jotka eivät ole, se on okei. Tässä on joitakin arvokkaita opetuksia siitä, mikä tekee mukaansatempaavasta työtilasta, joka parantaa yhteistyötä.

Kehittäjät, Tiedätkö Mitä Slack On Työstänyt?

Slack on ottanut valtavia harppauksia sen jälkeen, kun se lanseerattiin vuonna 2013. Se, mikä alun perin alkoi viestisovelluksena, on nyt puhjennut kukoistavaksi yhteistyöalustaksi.

tätä kirjoitettaessa: Slackilla on päivittäin yli 10 miljoonaa aktiivista käyttäjää — ja he asuvat kaikkialla maailmassa (tarkalleen ottaen yli 150 maassa).

kyse ei ole pelkästään Slackia käyttävistä henkilöistä — lähes 585 000 kolmen hengen tai useamman hengen tiimiä tekee yhteistyötä alustan sisällä. 65 Fortune 100-yhtiöistä sattuu myös olemaan löysällä.

tämä kaikki on Slack API: n ansiota, joka on avannut kehittäjille mahdollisuuden luoda ja julkaista julkisesti saatavilla olevia sovelluksia, jotka laajentavat Slack-työtilojen toimintoja.

näin, Slack käyttäjät eivät tarvitse pomppia välillä yleisimmin käytetty liiketoiminnan työkaluja. Liittyvät prosessit voivat tapahtua kaikki sisällä Slack.

joskus se, mitä Slack-sovelluksen hakemistossa on saatavilla, ei kuitenkaan riitä organisaation sisäisiin tarpeisiin. Saatat pystyä kuromaan joitakin jakoja liiketoiminnan työkaluja, mitä siellä, mutta saatat myös löytää syyn rakentaa omia mukautettuja Slack Sovellukset.

Esittelyssä Block Kit Slack

tässä on se juttu: vaikka Slack on onnistunut antamaan kehittäjille mahdollisuuden kehittää omia sovelluksiaan parantaakseen yhteistyötä alustan sisällä, kuinka kehittäjien pitäisi osata luoda hyvä kokemus siitä?

viime aikoihin asti Slackin API ja app directory tarjosivat rajallista joustavuutta ja hallintaa. Kuten Alustan General Manager Brian Elliott selitti:

” nykyään kaikki sovellukset pakotetaan rajattuun joukkoon tapoja näyttää runsaasti tietoa. Jos olet katsonut ja nähnyt ja käyttänyt kaikkia Slackin eri sovelluksia, monet niistä päätyvät samaan asetteluun riippumatta siitä, mitä toimintoja ne yrittävät ottaa käyttöön. Kun todellisuudessa mitä tarvitset on joukko komponentteja, joiden avulla voit rakentaa rikas interaktiivisia näyttöjä, jotka on helpompi ymmärtää, sulattaa ja toimia.”

niin, Slack kehitti Block Kit.

Block Kit on KÄYTTÖLIITTYMÄKEHYS, jonka avulla kehittäjät, suunnittelijat ja etupään rakentajat voivat näyttää viestisovelluksensa rikkaan, interaktiivisen ja intuitiivisen käyttöliittymän kautta. Lisäksi tarjoamalla joukon pinottavia UI-elementtejä tai lohkoja, Block Kit tarjoaa nyt kehittäjille enemmän valvontaa ja joustavuutta sovelluskuvioissaan ja asetteluissaan.

Huom.: Jos haluat nähdä Block Kit toiminnassa, liity tulevaan Slack-istuntoon, ”Building with Block Kit”, jossa saat live-tuote-esittelyn ja näet, kuinka helppoa on muokata sovelluksen suunnittelua.

Lohkopakkauksessa on kaksi keskeistä komponenttia:

1. Block Kit Builder

huomaa samankaltaisuus tämän rakentajatyökalun ja monien muiden työkalujen välillä, joita käytämme verkkosivustojen ja sovellusten luomiseen asiakkaille:

rakennuksen osat ovat vasemmalla. Klikkaa sitä, jonka haluat sisällyttää ja katsella, kun se lisätään sovelluksen esikatseluun keskellä.

Haluatko lisää räätälöintiä? Katso tekstieditori oikealla. Vaikka Block Kit tarjoaa valmiita elementtejä, jotka noudattavat parhaita käytäntöjä suunnittelussa viestisovellukset, sinulla on kyky tehdä niistä Oman, jos haluat.

2. Block Kit Templates

vaikka voit varmasti veneet messaging käyttöliittymä rakentaja itse, ehdottaisin tutkia malleja tarjotaan samoin:

Slack-tiimi on jo nähnyt todella hyödyllisiä tapauksia Slack-sovelluksista toiminnassa. Sanomattakin on selvää, että he tietävät, millaisia asioita organisaatiosi haluaa hyödyntää paremman yhteistyön vuoksi.

siksi löydät yhteisiä toimia, kuten seuraavat jo valmiiksi sinulle rakennetut:

• hyväksymispyyntöjen tarkistaminen;
• uusien ilmoitusten toteuttaminen;
• kyselyjen ja seurantatulosten suorittaminen;
• haun suorittaminen.

Guru on yksi tällainen työkalu, joka hyödyntää Lohkopakettia parantaakseen Slack-sovellustaan:

Guru tarjoaa tietokannan hakutoiminnon Slackissa. Tulokset haetaan nyt nopeasti ja ne näkyvät selkeämmin Slackin etuosassa.

avaimet paremman yhteistyön käyttöliittymään

nyt kun olemme nähneet, mitä Block kitillä on tulossa, meidän on puhuttava siitä, miten se auttaa sinua luomaan sovelluksia, jotka johtavat tuottavampaan yhteistyöhön.

Blocks

puhuin hiljattain Gutenbergistä ja siitä, miten suunnittelijat voivat käyttää sitä hyödykseen. Vaikka uusi WordPress editor on selvästi sen puutteita, ei ole kyseenalaista, miksi joukkue WordPress teki muutoksen:

Korttelinrakentajat ovat verkkosuunnittelun tulevaisuus.

”

ymmärrän, että lohko rakentajat yleensä ensisijainen työkalu web-suunnittelijat ja DIY käyttäjille. Rakentajat mahdollistavat visuaalisen frontendin suunnittelun ja sisältävät usein runsaasti räätälöintivaihtoehtoja.

mutta Block Kit tekee paljon enemmän, mikä tarkoittaa, että sekä suunnittelijat ja kehittäjät voivat rakentaa mukautettuja sovelluksia helposti.

koodi

keskeinen Erottaja jonkin verkkosivujen rakentajan ja Lohkopakkauksen rakentajan välillä on koodausnäkökulma.

useimmissa tapauksissa suunnittelijat käyttävät sivunrakentajia, joten heidän ei tarvitse vaivautua koodaamaan. He saattavat lisätä joitakin mukautettuja CSS-luokkia tai lisätä HTML tekstiinsä, mutta se on yleensä se. Kehittäjät eivät toimi niin.

Block Kit sisältää paneelin, jossa on valmiiksi kirjoitettu JSON, jonka kehittäjät voivat kopioida ja liittää omaan Slack-sovellukseensa, kun se on valmis. Sen sijaan, että Slack jättäisi Kehittäjät kirjoittamaan oman koodinsa, se tarjoaa koodia, joka hyödyntää parhaita käytäntöjä nopeuden ja suunnittelun suhteen.

näin kehittäjät voivat keskittyä tekemään mukautuksia sen sijaan, että heidän pitäisi rakentaa sovelluksensa alusta asti.

johdonmukaisuus

kun Slack-käyttäjät astuvat Alustan sisään, he tietävät mitä odottaa. Jokainen käyttöliittymä on sama työtilasta toiseen.

kuitenkin, kun sovellusliittymä sallii kehittäjien rakentaa sovelluksia integroitaviksi noihin tiloihin, on olemassa riski ottaa käyttöön elementtejä, jotka eivät vain toimi hyvin. Kun näin tapahtuu, käyttöliittymän arvaamattomuus voi aiheuttaa loppukäyttäjälle hämmennystä ja epäröintiä. Huonosti istuvat asetteluvalinnat voivat myös haitata kokemusta.

Block Kit antaa kehittäjille mahdollisuuden rakentaa sovelluksia pinottavista KÄYTTÖLIITTYMÄKOMPONENTEISTA, joita on kokeiltu ja testattu. Kun muokkaat kokemusta jo vakiintuneen alustan sisällä, voi olla vaikea tietää, kuinka pitkälle voit viedä sen — tai toimiiko se edes. Slack on poistanut kysymykset yhtälöstä.

väli

tältä näyttää perinteinen löysän vaihto:

se on yleensä yhden sarakkeen edestakaista vaihtoa. Ja tämä toimii erinomaisesti Slack-kanaville, joissa yhteistyö on yksinkertaista. Työntekijät viestittävät tehtävän tilasta. Asiakas lataa puuttuvan omaisuuden. Toimitusjohtaja jakaa linkin tiedotteeseen, jossa mainitaan yhtiö. Kaikki työtilat eivät kuitenkaan ole niin yksinkertaisia.

Block Kit auttaa maksimoimaan ja parantamaan tilaa, jonka sovelluksen ominaisuudet vievät. Esimerkiksi, Block Kit avulla yritykset kuten Optimizely näyttää olennaisia tietoja kahden sarakkeen muodossa paremman luettavuuden.

tämä on todellakin parempi tapa jakaa olennaisia yksityiskohtia tiimisi Slack app.

rikkaat vuorovaikutukset

toinen tapa kohottaa sovellusta on muuttaa integraatio sellaiseksi, joka on täynnä vuorovaikutuksia.

lohkot on kehitetty erityisesti parantamaan Slack-yhteistyössä yleisimmin käytettyjä elementtejä. Esimerkiksi:

• käytä poikkileikkausta parempaan järjestykseen.
• käytä tekstilohkoa muokataksesi sitä, miten viestit näkyvät.
• käytä oikeankokoisia kuvapalikoita, jotta voit lakata murehtimasta, näyttävätkö ne oikein.
• käytä Asiayhteyslohkoja viesteistä (kuten tekijästä, kommenteista, muutoksista jne.)
• käytä Jakajalohkoja sovelluksen ulkonäön parantamiseen.
• käytä toimintalohkoja, kuten valikkovalintaa, nappivalintaa ja kalenteripäiviä, jotta saat sovellukseesi parempia ominaisuuksia ja saat ne näyttämään intuitiivisemmin.
• Käytä 2-osaisia palikoita puhtaampiin pohjaratkaisuihin.

Doodle on kaunis esimerkki siitä, mitä voidaan tehdä rikkailla vuorovaikutuksilla Block Kit-paketin avulla:

kuten näet, käyttäjät voivat työskennellä yhdessä ajoittaa kokouksia yhtä tehokkaasti kuin jos he käyttävät kolmannen osapuolen kalenteri. Ainoa ero on, että he voivat nyt tehdä kaiken tämän löysässä työtilassaan.

paketointi

yhteistyö on olennainen osa minkä tahansa organisaation menestystä, eikä sillä ole väliä, onko kyseessä kolmen vai 300 hengen joukkue. Mutta yhdessä tekemisen ja tuottavan yhteistyön välillä on iso ero.

Slackin API: n ansiosta kehittäjät ovat luoneet mahtavia tapoja integroida siihen liittyviä prosesseja ja työkaluja alustaan. Ja kiitos Block Kit, nämä ulkoiset panokset eivät häiritse kokemusta, jos suunnittelu elementit epäonnistuu.

intuitiivisilla lohkonrakennusominaisuuksilla, kehittäjäystävällisillä koodausvaihtoehdoilla ja muilla, Block Kit auttaa kehittäjiä tuomaan rikkaampia kokemuksia ja parempaa yhteistyötä Slack-alustalle.

vielä yksi mainittava asia:

Slack ’ s Frontiers conference on tulossa pian. Se järjestetään San Franciscossa 24. ja 25. huhtikuuta. Jos aiot osallistua, huomaa, että Developers track sisältää koko päivän koulutusta Block Kit, mukaan lukien työpajat, uusia ominaisuuksia demoja, tutorials, sekä one-on-one mentorointi. Jos ajattelet Block Kit, tämä on tilaisuus, jota et halua menettää.

(ms, ra, il)