{"id":100,"date":"2019-05-29T12:14:54","date_gmt":"2019-05-29T11:14:54","guid":{"rendered":"https:\/\/www.attendancebot.com\/blog\/?p=100"},"modified":"2022-09-08T01:16:03","modified_gmt":"2022-09-08T05:16:03","slug":"slack-new-block-kit","status":"publish","type":"post","link":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/","title":{"rendered":"Redesigning AttendanceBot with the New Slack Block Kit"},"content":{"rendered":"

We recently attended Slack frontiers in SF<\/a>, where we were absolutely blown away by the new Block Kit elements, introduced by the Slack platform team. We especially enjoyed the workshop called ‘Building user-centric app experiences with Block Kit’.<\/p>\n

Actually, it was more of a live coding session (show me the code!!) where Sarah, Mark and Katie walked us through redesigning an app that used older elements to the one that utilizes the newest UI elements in the block kit, to offer a much neater and more usable experience to users.<\/p>\n

\"Slack

Sorry for the poor photo. I was right at the back during this workshop.<\/p><\/div>\n

What you see in the photo, above was the final before-after comparison and clearly, the After part looks a lot more readable and usable.<\/p>\n

Taking a cue from this, we have redesigned our ‘help’ message as well. Our users would know that ‘help’ is the go-to command to learn more about using AttendanceBot and having a much clearer, more usable response to it, will go a long way in making AttendanceBot<\/a> more user-friendly.<\/p>\n

We’ve put our before and after screenshots below for reference below. Do let us know what you think of it.<\/p>\n

Here’s what it looked like before.<\/p>\n

\"Old

Before<\/p><\/div>\n

And here’s what it looks like now.<\/p>\n

\"The

After<\/p><\/div>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

We recently attended Slack frontiers in SF, where we were absolutely blown away by the new Block Kit elements, introduced by the Slack platform team….<\/p>\n","protected":false},"author":1,"featured_media":207,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,5],"tags":[],"class_list":["post-100","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-slack","category-updates"],"yoast_head":"\nRedesigning AttendanceBot with the New Slack Block Kit | AttendanceBot<\/title>\n<meta name=\"description\" content=\"How AttendanceBot built a more user-centric app experience with Slack's new Block Kit.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Redesigning AttendanceBot with the New Slack Block Kit\" \/>\n<meta property=\"og:description\" content=\"How AttendanceBot built a more user-centric app experience with Slack's new Block Kit.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"AttendanceBot Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Anaekhq\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-29T11:14:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-08T05:16:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Author\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@anaekhq\" \/>\n<meta name=\"twitter:site\" content=\"@anaekhq\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Author\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/\"},\"author\":{\"name\":\"Author\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/83a15ab898fb046f43fe8fc0909d700e\"},\"headline\":\"Redesigning AttendanceBot with the New Slack Block Kit\",\"datePublished\":\"2019-05-29T11:14:54+00:00\",\"dateModified\":\"2022-09-08T05:16:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/\"},\"wordCount\":242,\"image\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png\",\"articleSection\":[\"Slack\",\"Updates\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/\",\"url\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/\",\"name\":\"Redesigning AttendanceBot with the New Slack Block Kit | AttendanceBot\",\"isPartOf\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png\",\"datePublished\":\"2019-05-29T11:14:54+00:00\",\"dateModified\":\"2022-09-08T05:16:03+00:00\",\"author\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/83a15ab898fb046f43fe8fc0909d700e\"},\"description\":\"How AttendanceBot built a more user-centric app experience with Slack's new Block Kit.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage\",\"url\":\"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png\",\"contentUrl\":\"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png\",\"width\":1920,\"height\":1280,\"caption\":\"slack block kit - attendancebot\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.attendancebot.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Redesigning AttendanceBot with the New Slack Block Kit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/#website\",\"url\":\"https:\/\/www.attendancebot.com\/blog\/\",\"name\":\"AttendanceBot Blog\",\"description\":\"Musings on Work\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.attendancebot.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/83a15ab898fb046f43fe8fc0909d700e\",\"name\":\"Author\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/46465fa83979ffe666955581c08d101e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/46465fa83979ffe666955581c08d101e?s=96&d=mm&r=g\",\"caption\":\"Author\"},\"sameAs\":[\"https:\/\/www.anaek.com\/\"],\"url\":\"https:\/\/www.attendancebot.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Redesigning AttendanceBot with the New Slack Block Kit | AttendanceBot","description":"How AttendanceBot built a more user-centric app experience with Slack's new Block Kit.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/","og_locale":"en_US","og_type":"article","og_title":"Redesigning AttendanceBot with the New Slack Block Kit","og_description":"How AttendanceBot built a more user-centric app experience with Slack's new Block Kit.","og_url":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/","og_site_name":"AttendanceBot Blog","article_publisher":"https:\/\/www.facebook.com\/Anaekhq\/","article_published_time":"2019-05-29T11:14:54+00:00","article_modified_time":"2022-09-08T05:16:03+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png","type":"image\/png"}],"author":"Author","twitter_card":"summary_large_image","twitter_creator":"@anaekhq","twitter_site":"@anaekhq","twitter_misc":{"Written by":"Author","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#article","isPartOf":{"@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/"},"author":{"name":"Author","@id":"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/83a15ab898fb046f43fe8fc0909d700e"},"headline":"Redesigning AttendanceBot with the New Slack Block Kit","datePublished":"2019-05-29T11:14:54+00:00","dateModified":"2022-09-08T05:16:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/"},"wordCount":242,"image":{"@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png","articleSection":["Slack","Updates"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/","url":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/","name":"Redesigning AttendanceBot with the New Slack Block Kit | AttendanceBot","isPartOf":{"@id":"https:\/\/www.attendancebot.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage"},"image":{"@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png","datePublished":"2019-05-29T11:14:54+00:00","dateModified":"2022-09-08T05:16:03+00:00","author":{"@id":"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/83a15ab898fb046f43fe8fc0909d700e"},"description":"How AttendanceBot built a more user-centric app experience with Slack's new Block Kit.","breadcrumb":{"@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#primaryimage","url":"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png","contentUrl":"https:\/\/blog.attendancebot.com\/wp-content\/uploads\/2019\/05\/slack-block-kit-attendancebot.png","width":1920,"height":1280,"caption":"slack block kit - attendancebot"},{"@type":"BreadcrumbList","@id":"https:\/\/www.attendancebot.com\/blog\/slack-new-block-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.attendancebot.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Redesigning AttendanceBot with the New Slack Block Kit"}]},{"@type":"WebSite","@id":"https:\/\/www.attendancebot.com\/blog\/#website","url":"https:\/\/www.attendancebot.com\/blog\/","name":"AttendanceBot Blog","description":"Musings on Work","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.attendancebot.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/83a15ab898fb046f43fe8fc0909d700e","name":"Author","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.attendancebot.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/46465fa83979ffe666955581c08d101e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46465fa83979ffe666955581c08d101e?s=96&d=mm&r=g","caption":"Author"},"sameAs":["https:\/\/www.anaek.com\/"],"url":"https:\/\/www.attendancebot.com\/blog\/author\/admin\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/posts\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":8,"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/posts\/100\/revisions"}],"predecessor-version":[{"id":197969,"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/posts\/100\/revisions\/197969"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/media\/207"}],"wp:attachment":[{"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/media?parent=100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/categories?post=100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.attendancebot.com\/blog\/wp-json\/wp\/v2\/tags?post=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}