블록 키트:더 나은 협업 사용자 인터페이스 구축에 대한 슬랙의 기여

저자에 관하여

수잔 스카카는 지금 자유계약 광고 문안 작성자로 일하는 이전 워드 프레스 구현자,조련사 및 기관 매니저이다. 그녀는 마케팅,웹 공예 전문…↬

(이 후원 기사입니다. 지난 몇 년 동안 회사 업무 방식에 큰 변화가 있었습니다. 더 많은 기업이 위치 독립 될 때,협업 도구는 팀이 만나 작업을 수행하는 표준 방법이되었다.

즉,연결된 비즈니스 프로세스와 도구를 통합하는 협업 앱이 있다고해서 경험이 항상 최적의 효율성이나 생산성으로 이어지는 것은 아닙니다. 왜? 음,때로는 비우호적 인 인터페이스가 방해가됩니다.

그래서 오늘 저는 블록 키트에 대해 이야기하겠습니다.

(응용 프로그램 디렉토리 또는 내부 용)사용자 정의 슬랙 응용 프로그램을 구축 한 사람들을 위해,이 새로운 디자인 도구에 대한 소개 될 것입니다. 그렇지 않은 사람들을 위해,그것은 괜찮습니다. 협업을 향상 시킬 것입니다 매력적인 작업 영역에 대 한 게의 측면에서 이것을 멀리 걸릴 몇 가지 귀중 한 교훈이 있다.

개발자 여러분,슬랙이 어떤 작업을 하고 있는지 아십니까?

슬랙은 2013 년 출시 이후 큰 발전을 이루었습니다. 원래 메시징 앱으로 시작된 것은 이제 강력한 협업 플랫폼으로 꽃 피었습니다.

이 글을 쓰는 시점에서 슬랙은 매일 1 천만 명 이상의 활성 사용자를 보유하고 있으며 전 세계에 살고 있습니다(정확히 말하면 150 개국 이상).

플랫폼 내에서 거의 585,000 명의 세 명 이상의 팀이 협력합니다. 포춘 100 대 기업의 65 또한 불황기에 있을 일이.

이 모든 것은 개발자가 슬랙 작업 영역의 기능을 확장하는 공개적으로 사용 가능한 앱을 만들고 게시 할 수있는 문을 열었습니다.

이 방법은,여유 사용자는 가장 일반적으로 사용되는 비즈니스 도구 사이에 반송 할 필요가 없습니다. 관련 프로세스는 모두 여유 내에서 발생할 수 있습니다.

하지만,슬랙 앱 디렉터리에서 사용할 수 있는 것이 조직에서 내부적으로 필요한 것만으로는 충분하지 않은 경우도 있습니다. 당신은 거기에 무엇을 귀하의 비즈니스 도구 사이의 분할의 일부를 해소 할 수 있습니다,하지만 당신은 또한 사용자 정의 여유 응용 프로그램을 구축 할 수있는 이유를 찾을 수 있습니다.

슬랙에서 블록 키트 소개

다음은 다음과 같습니다:슬랙은 개발자가 플랫폼 내에서 협업을 강화하기 위해 자신의 앱을 만들 수 있도록 성공했지만,개발자는 어떻게 그것으로 좋은 경험을 만드는 방법을 알고 있어야합니까?

최근까지 슬랙의 앱 디렉토리는 유연성과 제어력이 제한적이었다. 브라이언 엘리엇,플랫폼의 제너럴 매니저,설명:

“오늘날,모든 애플 리 케이 션 풍부한 정보를 표시 하는 방법의 제한 된 집합에 강제로. 당신이보고보고 여유 시간에 다른 응용 프로그램을 모두 사용한 경우,그들 중 많은 사람들이 관계없이 배포하려고하는 기능의 동일한 레이아웃으로 끝납니다. 실제로 필요한 것은 사람들이 쉽게 이해하고,소화하고,행동 할 수있는 풍부한 대화 형 디스플레이를 만들 수있는 구성 요소 집합입니다.”

그래서 슬랙은 블록 키트를 개발했습니다.

블록 키트는 개발자,디자이너 및 프런트 엔드 빌더가 풍부하고 대화 형이며 직관적 인 인터페이스를 통해 메시징 앱을 표시 할 수있는 사용자 인터페이스 프레임 워크입니다. 또한,스택 가능한 사용자 인터페이스 요소 또는 블록 세트를 제공함으로써 블록 키트는 이제 개발자들에게 앱 디자인 및 레이아웃에 대한 더 많은 제어 및 유연성을 제공합니다.

주: 블록 키트가 작동하는 것을 보고 싶다면 다가오는 슬랙 세션 인”블록 키트로 빌드하기”에 참여하세요.이 세션에서는 라이브 제품 데모를 통해 앱 디자인을 얼마나 쉽게 사용자 지정할 수 있는지 확인할 수 있습니다.

블록 키트에는

1 의 두 가지 주요 구성 요소가 함께 제공됩니다. 블록 키트 작성기

이 작성기 도구와 클라이언트용 웹 사이트 및 앱을 만드는 데 사용하는 다른 많은 도구 간의 유사성을 확인합니다:

건물 구성 요소는 왼쪽에 있습니다. 단순히 당신이 포함하고 중앙에있는 응용 프로그램의 미리보기에 추가되는보고 싶은 하나를 클릭합니다.

추가 사용자 정의를 원하십니까? 오른쪽의 텍스트 편집기를 확인하십시오. 블록 키트는 메시징 응용 프로그램을 설계하기위한 모범 사례를 따라 미리 만들어진 요소를 제공하지만,당신은 당신이 원하는 경우 그들에게 당신의 자신을 만들 수있는 능력을 가지고있다.

2. 블록 키트 템플릿

당신은 확실히 당신의 자신의 빌더에서 메시징 인터페이스를 정교하게 할 수 있지만,나는뿐만 아니라 제공하는 템플릿을 탐험하는 것이 좋습니다 것입니다:

슬랙 팀은 이미 행동 여유 애플 리케이션의 정말 유용한 경우를 보았다. 말할 필요도없이,그들은 조직이 향상된 협업을 위해 어떤 종류의 것들을 활용하기를 원하는지 알고 있습니다.

그렇기 때문에 이미 구축 된 다음과 같은 일반적인 작업을 찾을 수 있습니다:

• 승인 요청 검토;
• 새 알림에 대한 조치 수행;
• 설문 조사 실행 및 결과 모니터링;
• 검색 수행.

전문가는 여유 응용 프로그램을 개선하기 위해 활용 블록 키트의 하나의 도구입니다:

전문가는 여유 내에서 데이터베이스 검색 기능을 제공합니다. 결과는 이제 신속하게 검색하고 더 명확하게 여유의 프론트 엔드에 표시됩니다.이제 블록 키트가 어떤 역할을 하는지 살펴보았으므로,어떻게 하면 더 생산적인 협업을 이끌어내는 앱을 만들 수 있을지에 대해 이야기해야 합니다.

블록

나는 최근 구텐베르크의 주제와 디자이너가 자신의 이점에 그것을 사용할 수있는 방법에 대해 이야기했다. 새로운 워드 프레스 편집기는 분명히 결함을 가지고 있지만,워드 프레스에서 팀이 변화를 만든 이유에는 의문의 여지가 없다:

블록 빌더는 웹 디자인의 미래입니다.

“

나는 블록 빌더가 웹 디자이너와 디디 사용자가 선호하는 도구 인 경향이 있다는 것을 안다. 빌더는 시각적 인 프론트 엔드 디자인을 허용하고 종종 풍부한 사용자 정의 옵션을 포함합니다.

그러나 블록 키트는 디자이너와 개발자 모두가 쉽게 사용자 정의 응용 프로그램을 구축 할 수 있습니다 의미보다 훨씬 더 많은 작업을 수행합니다.

코드

웹 사이트 빌더와 블록 키트 빌더와 같은 것을 구별하는 주요 요소는 코딩 측면입니다.

대부분의 경우 디자이너는 페이지 빌더를 사용하여 코드를 신경 쓸 필요가 없습니다. 그러나 그것은 일반적으로 그 것이다. 하지만 개발자들은 그렇게 일하지 않는다.

블록 키트는 개발자가 갈 준비가되면 자신의 슬랙 응용 프로그램에 복사하여 붙여 넣을 수 있습니다 미리 작성된 제이슨 패널이 포함되어 있습니다. 오히려 자신의 코드를 작성하는 개발자를 떠나보다,슬랙은 속도와 디자인에 대한 모범 사례를 활용 코드를 제공합니다.

이를 통해 개발자는 앱을 처음부터 빌드하는 대신 사용자 지정 작업에 집중할 수 있습니다.

일관성

슬랙 사용자가 플랫폼 내부로 들어가면 무엇을 기대해야 할지 알 수 있습니다. 모든 인터페이스는 작업 공간에서 작업 공간으로 동일합니다.

그러나 개발자가 이러한 공간과 통합 할 수있는 앱을 만들 수있게되면 비웃음이 잘되지 않는 요소를 도입 할 위험이 있습니다. 그렇게되면 인터페이스의 예측 불가능 성은 최종 사용자에게 혼란과 망설임을 야기 할 수 있습니다. 잘못 맞는 레이아웃 선택은 또한 경험을 해칠 수 있습니다.

블록 키트를 통해 개발자는 시도 및 테스트된 사용자 인터페이스 구성 요소를 쌓을 수 있는 앱을 빌드할 수 있습니다. 이미 구축 된 플랫폼 내에서 경험을 사용자 정의 할 때,당신이 그것을 걸릴 수 있습니다 얼마나 멀리 알고 어려울 수 있습니다—또는 심지어 작동합니다 경우. 불황기는 방정식에서 그 질문을 가지고 갔다.

간격

이것은 전통적인 슬랙 교환의 모습입니다:

그것은 단일 열,앞뒤로 교환하는 경향이 있습니다. 그리고 이것은 협업이 간단한 여유 채널에 완벽하게 잘 작동합니다. 작업 상태에 대한 직원 메시지. 클라이언트가 누락된 자산을 업로드합니다. 최고경영자는 회사를 언급하는 보도 자료에 연결을 나눈다. 그러나 모든 작업 영역이 그렇게 간단한 것은 아닙니다.

블록 키트를 사용하면 앱의 기능이 차지하는 공간을 최대화하고 향상시킬 수 있습니다. 예를 들어,블록 키트를 사용하면 가독성을 높이기 위해 2 열 형식으로 관련 정보를 최적으로 표시 할 수 있습니다.

이것은 실제로 팀의 여유 응용 프로그램에서 관련 정보를 공유 할 수있는 더 좋은 방법입니다.

풍부한 상호 작용

응용 프로그램을 상승시키는 또 다른 방법은 상호 작용이 풍부한 통합으로 전환하는 것입니다.

블록은 슬랙 협업에서 가장 일반적으로 사용되는 요소를 향상시키기 위해 특별히 개발되었습니다. 예를 들어:

• 더 나은 조직을 위해 단면 블록을 사용하십시오.
• 텍스트 블록을 사용하여 메시지 표시 방법을 사용자 지정합니다.
• 적절한 크기의 이미지 블록을 사용하여 올바르게 표시되는지 여부에 대한 걱정을 멈출 수 있습니다.
• 컨텍스트 블록을 사용하여 메시지에 대한 바이 라인 또는 추가 컨텍스트(예:작성자,주석,변경 사항 등)를 표시합니다.)
• 디바이더 블록을 사용하여 앱의 모양을 개선하십시오.
• 메뉴 선택,버튼 선택 및 달력 날짜와 같은 작업 블록을 사용하여 앱에 더 나은 기능을 제공하고 더 직관적으로 표시 할 수 있습니다.
• 깔끔한 레이아웃에는 2 섹션 블록을 사용합니다.

낙서에는 블록 키트를 사용하여 풍부한 상호 작용으로 수행 할 수있는 아름다운 예가 있습니다.:

보시다시피,사용자는 타사 달력을 사용하는 것처럼 효과적으로 모임을 예약하기 위해 함께 작업 할 수 있습니다. 유일한 차이점은 이제 여유 작업 공간 내에서 모든 작업을 수행 할 수 있다는 것입니다.

마무리

협업은 모든 조직의 성공에 필수적인 부분이며,3 인 팀이든 300 인 팀이든 상관 없습니다. 그러나 함께 일하는 것과 생산적으로 협력하는 것 사이에는 큰 차이가 있습니다.

슬랙의 아피 덕분에 개발자들은 관련 프로세스와 툴을 플랫폼에 통합할 수 있는 멋진 방법을 만들어냈다. 요소의 디자인이 부족하면 그리고 블록 키트 덕분에,그 외부 기여는 경험을 방해하지 않습니다.

직관적인 블록 구축 기능,개발자에게 친숙한 코딩 옵션 등을 통해 블록 키트는 개발자가 슬랙 플랫폼에 더 풍부한 경험과 더 나은 협업을 제공할 수 있도록 도울 것입니다.

마지막으로 한 가지 언급:

슬랙의 프론티어 컨퍼런스가 곧 다가오고 있습니다. 4 월 24 일과 25 일에 샌프란시스코에 있을 것입니다. 당신이 참석을 계획하는 경우,개발자 트랙 워크숍,새로운 기능 데모,자습서뿐만 아니라 일대일 멘토링을 포함하여 블록 키트에 하루 종일 교육을 포함 할 것이다 있습니다. 당신이 블록 키트에 대해 생각하는 경우,이것은 당신이 놓치고 싶지 않을 것입니다 기회입니다.

(석사,라,일리노이)