장소의 느낌: 메타의 새로운 사이드바

오늘 출시하는 기능

오늘부터 Meta Branded 테마의 주제 목록에는 사이드바가 추가됩니다. 이 사이드바는 현재 사용자가 어디에 있는지, 그곳에서 어떤 일이 일어나고 있는지, 그리고 다음으로 어디로 가야 하는지를 보여줍니다.

이는 우리가 일 년 내내 고민해 온 질문에 대한 최신 단계입니다. Meta에서 호스팅하는 다양한 종류의 대화를 어떻게 더 잘 지원할 것인가 하는 문제입니다. 올해早些, 우리는 Meta의 카테고리를 스페이스(Spaces)로 그룹화하여 관련 있는 대화들을 하나로 모았습니다. 사이드바는 그 다음 단계입니다. 각 스페이스에 더 나은 장소감을 부여하면서도, 더 넓은 커뮤니티를 시야 안에 유지하도록 합니다.

왜 장소감이 중요한가

기술적인 질문, 기능 제안, 커뮤니티 성장에 관한 이야기는 서로 다른 성격의 대화입니다. 각각은 고유한 톤, 기대치, 참여 방식이 필요합니다. 오프라인에서는 장소가 많은 정보를 알려줍니다. 교실에서 질문하는 방식과 타운홀 미팅에서 토론하는 방식, 그리고 바(bar)에서 이야기를 나누는 방식은 모두 다릅니다. 온라인에서는 이러한 단서들이 쉽게 사라져 사람들이 서로의 말을 놓치고 지나가는 경우가 많습니다. 따라서 스페이스는 설계 단계에서부터 이러한 단서를 제공해야 합니다.

우리의 스페이스

따라서 각 스페이스는 한눈에 볼 수 있도록 다음과 같은 단서를 제공해야 합니다: 이 공간의 목적, 현재 진행 중인 활동, 공간을 형성하는 사람들, 그리고 먼저 읽어야 할 내용. Product Support에 도착한 사용자는 바로 이것이 질문이 답변되는 곳임을, 누가 주로 답변을 제공하는지, 게시하기 전에 어떤 가이드를 확인해야 하는지를 알아야 합니다. Community Building에 있는 사용자는 이야기와 그 뒤의 사람들을 찾아야 합니다. 이렇게 하면 각 스페이스에 장소감이 생기고, 사람들은 어떻게 참여해야 하는지를 알고 도착하게 됩니다.

더 넓은 커뮤니티

모든 스페이스는 더 넓은 커뮤니티 안에도 존재합니다. 회원들은 다른 어떤 스페이스가 있는지, 그곳에서 무슨 일이 일어나고 있는지, 어떻게 туда 갈 수 있는지를 알아야 합니다. 그렇지 않으면 스페이스는 폐쇄된 방이 되어버립니다. 지원(지원) 서비스의 단골 고객은 커뮤니티 빌딩에 큰 관심이 없을 수 있고, 커뮤니티 매니저는 개발 논의에 눈길을 주지 않을 수도 있습니다. 하지만 커뮤니티 구성원들이 적어도 다른 사람들이 무엇을 이야기하고 있는지 알 때 커뮤니티는 더 강해집니다. 그렇게 해야만 지원 서비스의 단골 고객이 기여자가 될 수 있고, 커뮤니티 매니저가 개발 스레드에서 아이디어를 발견할 수 있습니다.

사이드바가 이를 어떻게 구현하는가

사이드바는 모든 주제 목록 옆에 다섯 개의 패널을 추가합니다. 패널은 기본적으로 더 넓은 커뮤니티를 표시하며, 자동으로 적응하거나 스페이스에 맞게 맞춤 설정될 수 있습니다:

다음 단계

우리는 이미 일부 패널을 맞춤 설정했으며, 특히 주요 스페이스인 Community Building, Product Support, Contribute에서 그러했습니다. 의미가 있는 경우 각 스페이스에 특화된 콘텐츠를 계속 추가할 것입니다: 전용 리더보드와 리소스, 그리고 맞춤형 추천 목록 등. 또한 진행하면서 새로운 유형의 패널도 탐색할 것입니다.

함께 논의합시다

  • 장소감이 적절한 관점인가요? 스페이스 고유의 캐릭터와 더 넓은 커뮤니티 사이의 균형을 맞추는 것이 여러분도 직면한 과제인가요, 아니면 다른 방식으로 프레이밍 하시나요?
  • 여러분의 커뮤니티에서 스페이스에 장소감을 부여하는 것은 무엇인가요? 회원들이 자신이 어디에 있는지와 어떻게 참여해야 하는지를 이해하는 데 도움이 되는 것은 무엇인가요?
  • 더 넓은 커뮤니티를 시야 안에 두는 방법은 무엇인가요? 회원들이 하나의 스페이스에만 머물지 않게 하는 것은 무엇인가요?
  • 사이드바가 균형을 맞췄나요? Meta에서 살펴보고, 추가하거나 변경하고 싶은 점이 있나요?
11개의 좋아요

좋기도 하고 안 좋기도 합니다. 한쪽으로는 신규 사용자에게 유용한 정보를 제공하고 포럼의 다른 부분으로 쉽게 이동할 수 있는 링크를 제공해 주지만, 다른 쪽으로는 여기에서 자주 활동하는 저로서는 이미 왼쪽 사이드바에 해당 정보가 있는데도 불구하고 카테고리별 링크나 다가오는 이벤트, 리더보드를 볼 필요가 없습니다. 이것이 사용자 설정으로 가능하지 않을까요?

3개의 좋아요

맞아! 이건 정말 획기적인 일이에요!

나에게 있어서는 담론이 더 나은 방향으로 바뀌는 계기가 될 거예요. 많은 다른 영역, 예를 들어 이벤트나 평소 관심 분야 밖의 주제들까지 한눈에 볼 수 있는 더 쉬운 관점(SPOG)을 제공해 주니까요.

2개의 좋아요

나도 마찬가지야! 하지만 수년간의 경험을 통해 그런 순간에는 그 감정에 더 깊이 빠져들도록 노력하게 되었어. 일주일 정도 사용해 보고 그때 평가해 보자 :slight_smile:

새로운 사용자에게는 100% 놀라운 추가 기능이라고 생각해. 기존 사용자들은 조금 더 익숙해지면 어떤 반응을 보일지 지켜보자.

3개의 좋아요

저도 아직 직접 탐색하고 있는 중입니다 :slight_smile: 샌드박스 환경에서 꽤 오랫동안 사용해 왔지만, 실제 운영 사이트에서는 항상 상황이 다릅니다. 지금까지 느낀 점을 말씀드리면 다음과 같습니다.

  • 동적 네비게이션을 정말 좋아합니다. 사이드바 링크나 카테고리 페이지보다 커뮤니티의 실제 구조를 훨씬 더 잘 보여준다고 생각합니다. 사용자로써 현재 내가 어디에 있는지, 어디로 갈 수 있는지에 대한 이해도를 높여줍니다. 메타 관리자로서는 이 기능이 아키텍처를 더욱 명확히 정리하는 데 도움이 되었다고 봅니다.

  • 리소스 패널도 마음에 듭니다. 지금까지 세 개의 스페이스에 커스텀 리소스를 추가했는데, 이 역시 현재 보유한 리소스를 효과적으로 노출하는 훌륭한 도구입니다. 이를 통해 불일치하거나 오래된 콘텐츠를 발견하고 개선할 수 있습니다.

  • 커스텀 리더보드도 훌륭한 활용 사례라고 생각합니다. 이전부터 리더보드를 범주로 범위를 지정할 수 있었지만, 이러한 리더보드를 올바른 컨텍스트에서 표시할 필요도 있었습니다. 그렇지 않으면 왼쪽 사이드바에서 리더보드 목록으로만 링크를 걸어야 했기 때문입니다. 이전의 다른 패널들과 마찬가지로, 이 기능도 주목을 받게 되었으며 현재 리더보드의 범주별 스코핑이 안정적으로 작동하지 않는다는 점이 드러났습니다.

  • 다만 카테고리 패널에 글로벌 콘텐츠를 보여주는 것은 큰 가치를 제공하지 않는 것 같습니다. 그래서 이벤트 패널은 다소 중복되는 느낌입니다. 피처드 토픽 패널에서는 기본적으로 인기 있는 핫 토픽의 범주별 필터를 표시하지만, 이것도 제 생각엔 너무 일반적입니다. 이 패널은 해당 패널의 목적을 설명하는 매우 독특한 필터와 타이틀을 사용할 때 훨씬 더 흥미로워진다고 생각합니다. 예를 들어 x시간 동안 해결책이 대기 중인 토픽을 표시하거나, 커뮤니티의 PR을 보여주거나, 가장 많이 좋아요를 받은 아이디어를 보여주는 식이죠.

  • 결론적으로 각 스페이스에서 더 고유한 콘텐츠와 더 고유한 패널을 보여주는 방향으로 나아가야 한다고 생각합니다.

  • 사이드바를 동적으로 숨기는 기능은 unfortunately 빠른 시간 내에 추가하기 어렵습니다. 그 이유는 이 기능을 위한 좋은 패턴이 없기 때문입니다. 헤더의 메뉴 아이콘을 통해 왼쪽 사이드바를 숨기는 방식은 다른 곳에 적용할 수 없습니다. 컨텍스트에 맞는 사이드바를 표시하고 숨기는 보다 일반적인 솔루션을 찾아야 이 기능이 제대로 작동할 것이라고 생각합니다.

5개의 좋아요

항상 그렇듯, 새로운 것들은 우리 모두를 설레게 합니다

شكرا

하지만 이 의견에는 전적으로 동의합니다:

개인적으로는 거의 사용하지 않는 실제 사이드바보다 훨씬 유용하다고 생각합니다.

다만 '스페이스’라는 명칭은 다소 마찰을 유발한다고 느낍니다. 당연히 카테고리와 동일한 목록인데도 약간의 혼란을 주기 때문입니다. 그 뒤에 무엇이 있는지는 알지만, 해당 섹션에서만 이름을 변경하는 것이 큰 도움이 되는지 확신이 서지 않습니다.

5개의 좋아요

추가하는 것이 정말로 쉬웠고 강력했습니다.

이것을 개발해 주셔서 감사합니다.

6개의 좋아요

멋지네요! 어떻게 만들었나요, 그냥 에이전트에게 시도해 보라고 했나요?

공개 데모 컴포넌트를 사용할 수 있습니다: GitHub - discourse/discourse-discovery-sidebar: Demo component for discovery-sidebar blocks · GitHub

현재는 초기 단계에서 범용적인 기반에 집중하고 싶었기 때문에 Meta에서도 여기서 사용하는 것과 동일한 것을 사용하고 있습니다. 하지만 앞서 말했듯이, 더 많은 사용자 지정 패널을 통해 노출할 수 있는 유용하고 재미있는 기능들이 많다고 생각합니다.

3개의 좋아요

Right Sidebar Blocks 를 사용해서 제가 원하는 대로 커스터마이징했습니다.

저도 커스텀 작업을 통해 기능을 확장할 수 있다고 생각하지만, 지금은 정말 좋습니다!

2개의 좋아요