DESIGN CONCEPT 04
밝고 참여를 유도하는 인상
사람, 새로운 콘텐츠와 반응을 전면에 배치해 둘러보기에서 참여로 자연스럽게 이어지게 하는 방향입니다.
잘 맞는 서비스커뮤니티·교육·콘텐츠 서비스
함께 준비하는 일정
온라인 그룹 상담
컨셉 구성 요소 상세
사람, 새로운 콘텐츠와 반응을 가까이 배치하고 카드의 크기와 색에 리듬을 주어 둘러보기에서 참여로 이어지게 합니다.
핵심 원칙
기능보다 지금 활동하는 사람과 새롭게 생긴 이야기를 먼저 보여줍니다.
함께 만드는 일정
오늘의 모임
새로운 질문 3개
지금 대화에 참여해 보세요
ELEMENT 01
짧고 굵은 제목, 참여 숫자와 새로운 소식을 조합해 현재 일어나는 일을 생동감 있게 전달합니다.
구성 기준
이렇게 구성하는 이유
짧은 제목과 활동 숫자는 사용자가 피드를 빠르게 훑는 중에도 새로운 변화를 발견하게 합니다.
피해야 할 방식 · 긴 공지문과 설명을 제목과 같은 강도로 보여주거나 모든 숫자에 강조색을 사용하지 않습니다.
윤서님의 이야기
방금 전 · 일상 모임
새로운 동네 친구들과 가볍게 만나요.
ELEMENT 02
사람, 콘텐츠 이미지와 반응을 한 카드에 묶고 카드마다 콘텐츠 성격이 드러나게 구성합니다.
구성 기준
이렇게 구성하는 이유
콘텐츠 종류에는 변화를 주고 행동 위치는 유지하면 지루하지 않으면서도 사용법은 쉽게 익힐 수 있습니다.
피해야 할 방식 · 모든 카드를 같은 높이와 정보량으로 만들거나 작성자와 반응을 콘텐츠에서 멀리 분리하지 않습니다.
이번 주 모임
사람 → 반응 → 참여 행동을 가까이 배치합니다.
ELEMENT 03
겹치는 프로필, 좋아요·댓글과 참여 버튼으로 다른 사람의 활동과 가능한 행동을 바로 보여줍니다.
구성 기준
이렇게 구성하는 이유
다른 사람의 존재와 반응을 먼저 확인하면 콘텐츠를 보는 행위가 자연스럽게 참여로 이어집니다.
피해야 할 방식 · 반응 수를 과도하게 키워 경쟁을 만들거나 신고·공유 등 보조 행동까지 모두 강조하지 않습니다.
01 · 오늘의 커뮤니티
ELEMENT 04
프로필 탐색, 대표 모임, 새 콘텐츠가 서로 다른 크기로 이어지는 세로 피드 구조를 사용합니다.
구성 기준
이렇게 구성하는 이유
완전히 규칙적인 목록보다 크기 변화가 있는 피드가 새로운 콘텐츠를 발견하고 더 오래 탐색하게 합니다.
피해야 할 방식 · 모든 정보를 고정된 메뉴 그리드로 만들거나 새 콘텐츠가 화면 아래에만 나타나게 하지 않습니다.
구성 비교
GOOD
오늘 저녁 모임
참여자, 모임 장면과 반응 행동이 가까이 있어 커뮤니티의 활기를 바로 느낄 수 있습니다.
AVOID
새로운 활동과 참여 중인 사람이 보이지 않습니다.
카테고리와 관리 정보만 보여 누가 활동하고 있는지, 무엇에 참여할 수 있는지 알기 어렵습니다.
모바일 화면 예시
대표 색상만 바꾼 화면이 아닙니다. 활동적인 커뮤니티의 정보 순서, 컴포넌트와 행동 방식을 세 가지 실제 화면으로 비교해 보세요.
예시 화면 3개
오늘의 커뮤니티
새로운 이야기
윤디자인
방금 전
이번 주말 같이 산책해요!
SCREEN 01 · 화면 해설
사람과 새로운 반응을 전면에 배치해 둘러보기를 유도합니다.
이 화면의 역할
사람과 새 콘텐츠의 활기를 보여주며 둘러보기와 반응을 시작하게 하는 피드 화면입니다.
위에서 아래로 읽는 순서
핵심 요소와 구성 방법
사람을 먼저 보여주는 프로필
겹치는 원형 프로필과 새 글 표시로 현재 활동성을 전달합니다.
이미지 중심 콘텐츠 카드
글보다 장면을 먼저 보여줘 스크롤을 멈추게 합니다.
가벼운 반응 버튼
좋아요·댓글 같은 행동을 콘텐츠 바로 아래에 배치합니다.
왜 이렇게 구성하나요?
커뮤니티의 가치는 기능이 아니라 “지금 누가 무엇을 하는가”에서 보입니다. 사람, 콘텐츠, 반응을 가까이 묶어 관람에서 참여로 이어지는 거리를 줄입니다.
SATURDAY MEETUP
우리 동네
러닝 모임
9월 12일 · 오전 9:00
가볍게 3km를 달리고 함께 이야기합니다.
SCREEN 02 · 화면 해설
참여자와 일정, 참여 행동을 한 화면에 생동감 있게 연결합니다.
이 화면의 역할
모임의 분위기, 일정, 참여자를 확인하고 자연스럽게 참여를 결정하는 상세 화면입니다.
위에서 아래로 읽는 순서
핵심 요소와 구성 방법
분위기를 전달하는 넓은 커버
세부 정보보다 먼저 모임의 성격을 감각적으로 이해하게 합니다.
일정과 참여자 묶음
결정에 필요한 날짜와 함께하는 사람을 한 영역에 모읍니다.
즉시 참여 버튼
충분히 이해한 다음 화면 하단에서 행동하도록 순서를 잡습니다.
왜 이렇게 구성하나요?
커뮤니티 참여는 일정만 맞는다고 일어나지 않습니다. 콘텐츠의 분위기와 이미 참여한 사람을 먼저 확인하게 해 심리적 진입 장벽을 낮춥니다.
주말 러닝 모임
12명 참여 중
윤디자인
토요일 아침에 만나요! 👋
네, 운동화 챙겨갈게요.
민개발
코스 지도도 올려두었어요!
SCREEN 03 · 화면 해설
참여 후 대화와 운영 공지를 자연스럽게 이어갑니다.
이 화면의 역할
모임 참여 후 대화를 이어가고 새로운 메시지에 빠르게 반응하는 채팅 화면입니다.
위에서 아래로 읽는 순서
핵심 요소와 구성 방법
대화 상대가 보이는 헤더
모임 이름과 참여 인원을 함께 보여 현재 맥락을 잃지 않게 합니다.
색과 정렬이 다른 말풍선
내 메시지와 다른 사람의 메시지를 위치와 색으로 동시에 구분합니다.
항상 접근 가능한 입력창
화면 하단에 고정된 입력 영역으로 읽기에서 참여로 바로 전환합니다.
왜 이렇게 구성하나요?
채팅은 콘텐츠보다 관계가 중심입니다. 이름, 프로필, 말풍선 간격을 일정하게 유지하고 입력 행동을 화면 끝에 고정해 대화의 리듬을 만듭니다.
선택 기준
콘텐츠와 사람의 활기를 빠르게 전달합니다. 업종 이름보다 사용자가 화면에서 느껴야 하는 감정과 완료해야 하는 행동을 기준으로 판단합니다.
화면 전체 규칙
사람과 참여 가능한 일정을 함께 강조
선명한 색상과 리듬감 있는 카드
겹치는 프로필과 반응을 유도하는 카드
다채로운 강조색과 생동감 있는 배치
LAYOUT RULES
화면 템플릿 연결
템플릿은 화면 구성의 출발점입니다. 같은 템플릿이라도 이 콘셉트의 글자, 여백과 컴포넌트 규칙을 적용해 프로젝트에 맞게 조정합니다.
함께 검토할 템플릿 유형
PROJECT QUESTIONS
사용자가 구경에서 참여로 넘어가는 순간은 언제인가요?
새로운 콘텐츠가 없을 때 어떤 경험을 제공할 수 있나요?
신고·차단·운영 관리 흐름도 함께 설계되어 있나요?
다른 방향 비교
서비스 유형과 주요 사용자, 필요한 화면을 알려주시면 적용 범위와 다른 비교 방향을 함께 정리합니다.
