The Expected (and Unexpected) Benefits of Building with Block Kit
Slacks neues Block Kit hat zu einem effizienteren Erlebnis sowohl für die Benutzer der Guru-App als auch für das Guru-Team geführt. Jetzt ist es einfacher denn je, die Guru-App für Slack zu nutzen. Erfahren Sie, wie unser Team bei Guru die Angebote von Slacks Block Kit genutzt hat.
Dieser Beitrag wurde für den Slack Platform Blog geschrieben. Lesen Sie den ursprünglichen Artikel hier.
Die Slack-Integration von Guru begann in den frühen Tagen der Bots, als die Erfahrung hauptsächlich textbasiert war, und hat sich in der Funktionalität weiterentwickelt, während Slack mehr Funktionen eingeführt hat – wie interaktive Nachrichten und App-Aktionen. Wir haben sofort die Vorteile von Block Kit erkannt, eine Gelegenheit, die tiefen, reichen Erfahrungen zu schaffen, die unsere Benutzer erwarten, mit vertrauten UI/UX-Mustern und interaktiven Inhalten. Was wir jedoch nicht erwarteten, war, wie Block Kit die Art und Weise verändern würde, wie unsere Entwicklungs- und Designteams zusammenarbeiten.
Ein besseres Onboarding-Erlebnis schaffen
Wir haben Block Kit zuerst angewendet, um das Hilfemenü unserer App zu überarbeiten. Früher begrüßte das Hilfemenü die Benutzer mit einer Wand aus Informationstext, wenn sie anfingen. Nicht nur war dieser Text schwer zu scannen, er erforderte auch, dass ein Benutzer Befehle eintippt, um irgendetwas zu erreichen. Das Onboarding der App ist entscheidend für unsere Benutzer, und wir haben Block Kit verwendet, um das Erlebnis völlig neu zu gestalten – auf zwei wesentliche Arten:
Durch die Verwendung von Trennlinien haben wir diese Wand aus Informationstext stilisiert, indem wir ähnliche Inhalte gruppiert haben – was sie verdaulicher und leichter lesbar macht.
Inline-Schaltflächen und Überlaufmenüs ermöglichten ein interaktives, actionorientiertes Onboarding-Erlebnis. Jetzt müssen die Benutzer keine Tastenkombinationen mehr eintippen; sie können einfach die Schaltfläche auswählen und schnell handeln.
Das Hilfemenü war nur einer von vielen Orten, an denen Block Kit die Guru-App-Erfahrung verbessert. Inline-Schaltflächen in der Aktivitätsanzeige bringen den Call-to-Action näher an die entsprechenden Informationen. Überlaufmenüs verbergen jetzt Aktionen, die weniger häufig verwendet werden, und helfen dem Benutzer, sich auf prioritäre Informationen zu konzentrieren. Wir haben nur an der Oberfläche gekratzt – es gibt noch unzählige Möglichkeiten, wie Block Kit Apps interaktiver machen kann.
Die gleiche Sprache sprechen
Bei Guru kann es eine Herausforderung sein, konsistente Erfahrungen über alle Schnittstellen hinweg (Webanwendung, Browsererweiterung und Slack-App) zu schaffen. Während Design und Entwicklung unermüdlich daran arbeiten, nahtlose Erfahrungen für unsere Benutzer sicherzustellen, ist es ein kollaborativer Prozess mit viel Hin und Her. Früher begann unser Designteam (normalerweise nicht daran gewöhnt, auf Slack zu arbeiten) mit einer leeren Leinwand und stieß unvermeidlich auf technische Einschränkungen – insbesondere, als ihre Designs in die Entwicklung überführten, was viele Iterationen erforderte, bevor sie auf ein endgültiges Design kamen.
So ineffizient dieser Prozess auch sein mag, es ist ein Prozess, den die meisten Entwickler kennen. Während wir erwarteten, reichhaltigere und interaktivere Erfahrungen mit Block Kit zu schaffen, hatten wir nicht geahnt, wie sehr der Block Kit Builder die Partnerschaft zwischen Design und Entwicklung transformieren würde. Der Block Kit Builder ist eine visuelle Prototyping-Umgebung, die es Ihnen ermöglicht, beliebige verfügbare Blöcke auszuwählen, übereinander zu stapeln und anzupassen.
Für Guru überbrückt der Block Kit Builder die Kluft zwischen Design und Technik – sodass unsere Designer problemlos ihr ideales Benutzererlebnis prototypisieren können, während sie auch das genaue JSON produzieren, das die Entwicklung zur Umsetzung ihrer Vision benötigt. Unser Designteam muss nicht mehr von Grund auf neu beginnen und fragen: Wo kann ich diese Schaltfläche platzieren? oder Welchen Text soll ich verwenden? Jetzt ist es so einfach, das Layout zu erstellen, die URL zu teilen und dann hin und her zu iterieren.
Der Block Kit Builder dient auch als Werkzeug für die Entwicklung, um problematische JSON zu debuggen. Wenn eine App-Nachricht nicht korrekt gerendert wird, fügen wir einfach den Code in den Builder ein und können sofort das Problem identifizieren.
Effizienz in ihrer besten Form
Die Kombination von Block Kit und dem Block Kit Builder hat ein effizienteres Erlebnis sowohl für App-Benutzer als auch für das Guru-Team zur Folge gehabt. Block Kit bietet uns nicht nur einen neuen Rahmen zum Erbauen einzigartiger App-UI, sondern gibt uns auch die Flexibilität und Kontrolle über die Reihenfolge und das Layout von Informationen. Jetzt ist es einfacher als je zuvor, die Guru-App zu nutzen; außerdem bringt das aktualisierte Hilfemenü die Benutzer im Handumdrehen zum Laufen.
Neugierig? Schauen Sie sich Gurus neu aktualisierte, Block Kit-fähige App im Slack App-Verzeichnis unterslack.com/apps.
Dieser Beitrag wurde für den Slack Platform Blog geschrieben. Lesen Sie den ursprünglichen Artikel hier.
Die Slack-Integration von Guru begann in den frühen Tagen der Bots, als die Erfahrung hauptsächlich textbasiert war, und hat sich in der Funktionalität weiterentwickelt, während Slack mehr Funktionen eingeführt hat – wie interaktive Nachrichten und App-Aktionen. Wir haben sofort die Vorteile von Block Kit erkannt, eine Gelegenheit, die tiefen, reichen Erfahrungen zu schaffen, die unsere Benutzer erwarten, mit vertrauten UI/UX-Mustern und interaktiven Inhalten. Was wir jedoch nicht erwarteten, war, wie Block Kit die Art und Weise verändern würde, wie unsere Entwicklungs- und Designteams zusammenarbeiten.
Ein besseres Onboarding-Erlebnis schaffen
Wir haben Block Kit zuerst angewendet, um das Hilfemenü unserer App zu überarbeiten. Früher begrüßte das Hilfemenü die Benutzer mit einer Wand aus Informationstext, wenn sie anfingen. Nicht nur war dieser Text schwer zu scannen, er erforderte auch, dass ein Benutzer Befehle eintippt, um irgendetwas zu erreichen. Das Onboarding der App ist entscheidend für unsere Benutzer, und wir haben Block Kit verwendet, um das Erlebnis völlig neu zu gestalten – auf zwei wesentliche Arten:
Durch die Verwendung von Trennlinien haben wir diese Wand aus Informationstext stilisiert, indem wir ähnliche Inhalte gruppiert haben – was sie verdaulicher und leichter lesbar macht.
Inline-Schaltflächen und Überlaufmenüs ermöglichten ein interaktives, actionorientiertes Onboarding-Erlebnis. Jetzt müssen die Benutzer keine Tastenkombinationen mehr eintippen; sie können einfach die Schaltfläche auswählen und schnell handeln.
Das Hilfemenü war nur einer von vielen Orten, an denen Block Kit die Guru-App-Erfahrung verbessert. Inline-Schaltflächen in der Aktivitätsanzeige bringen den Call-to-Action näher an die entsprechenden Informationen. Überlaufmenüs verbergen jetzt Aktionen, die weniger häufig verwendet werden, und helfen dem Benutzer, sich auf prioritäre Informationen zu konzentrieren. Wir haben nur an der Oberfläche gekratzt – es gibt noch unzählige Möglichkeiten, wie Block Kit Apps interaktiver machen kann.
Die gleiche Sprache sprechen
Bei Guru kann es eine Herausforderung sein, konsistente Erfahrungen über alle Schnittstellen hinweg (Webanwendung, Browsererweiterung und Slack-App) zu schaffen. Während Design und Entwicklung unermüdlich daran arbeiten, nahtlose Erfahrungen für unsere Benutzer sicherzustellen, ist es ein kollaborativer Prozess mit viel Hin und Her. Früher begann unser Designteam (normalerweise nicht daran gewöhnt, auf Slack zu arbeiten) mit einer leeren Leinwand und stieß unvermeidlich auf technische Einschränkungen – insbesondere, als ihre Designs in die Entwicklung überführten, was viele Iterationen erforderte, bevor sie auf ein endgültiges Design kamen.
So ineffizient dieser Prozess auch sein mag, es ist ein Prozess, den die meisten Entwickler kennen. Während wir erwarteten, reichhaltigere und interaktivere Erfahrungen mit Block Kit zu schaffen, hatten wir nicht geahnt, wie sehr der Block Kit Builder die Partnerschaft zwischen Design und Entwicklung transformieren würde. Der Block Kit Builder ist eine visuelle Prototyping-Umgebung, die es Ihnen ermöglicht, beliebige verfügbare Blöcke auszuwählen, übereinander zu stapeln und anzupassen.
Für Guru überbrückt der Block Kit Builder die Kluft zwischen Design und Technik – sodass unsere Designer problemlos ihr ideales Benutzererlebnis prototypisieren können, während sie auch das genaue JSON produzieren, das die Entwicklung zur Umsetzung ihrer Vision benötigt. Unser Designteam muss nicht mehr von Grund auf neu beginnen und fragen: Wo kann ich diese Schaltfläche platzieren? oder Welchen Text soll ich verwenden? Jetzt ist es so einfach, das Layout zu erstellen, die URL zu teilen und dann hin und her zu iterieren.
Der Block Kit Builder dient auch als Werkzeug für die Entwicklung, um problematische JSON zu debuggen. Wenn eine App-Nachricht nicht korrekt gerendert wird, fügen wir einfach den Code in den Builder ein und können sofort das Problem identifizieren.
Effizienz in ihrer besten Form
Die Kombination von Block Kit und dem Block Kit Builder hat ein effizienteres Erlebnis sowohl für App-Benutzer als auch für das Guru-Team zur Folge gehabt. Block Kit bietet uns nicht nur einen neuen Rahmen zum Erbauen einzigartiger App-UI, sondern gibt uns auch die Flexibilität und Kontrolle über die Reihenfolge und das Layout von Informationen. Jetzt ist es einfacher als je zuvor, die Guru-App zu nutzen; außerdem bringt das aktualisierte Hilfemenü die Benutzer im Handumdrehen zum Laufen.
Neugierig? Schauen Sie sich Gurus neu aktualisierte, Block Kit-fähige App im Slack App-Verzeichnis unterslack.com/apps.
Erleben Sie die Leistungsfähigkeit der Guru-Plattform aus erster Hand – machen Sie unsere interaktive Produkttour
