SYSTEM BLUEPRINT

시민 여론 플랫폼 1차 MVP
화면 설계 및 참여 시나리오

시민이 의견을 올리고 찬반으로 참여한 결과가 순위판으로 이어지는 과정을 화면으로 정리했습니다.

스토리보드란?

스토리보드는 서비스의 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. 순위판을 보고 의견에 참여하고 내 참여 등급을 확인하기까지의 순서로 배치했습니다.

  1. 시민이 순위판에서 관심 주제를 찾아 의견에 찬반으로 참여하는 흐름
  2. 가입과 연령대 입력으로 검증 등급을 갖추고 참여 기록을 확인하는 흐름

마지막까지 보시면 1차에서 어떤 화면이 실제로 나오는지 머릿속에 그려지실 것입니다.

시민 참여자 시나리오

의견을 남기고 결과를 확인하기까지

처음 들어온 시민이 순위판에서 주제를 찾고, 찬반에 참여하고, 자기 참여가 집계에 반영된 것까지 확인하는 흐름입니다.

1. 순위판 진입

카테고리별 참여 순위와
집계 기준 시각을 먼저 봅니다

2. 주제 좁히기

연령대·카테고리 필터로
관심 있는 의견을 찾습니다

3. 찬반 참여

의견 상세에서 찬성 또는 반대를
한 번만 누릅니다

4. 집계 확인

내 참여가 반영된 비율과
검증 참여 수를 바로 봅니다

5. 등급과 기록

가입·연령대 입력으로 검증 등급을
갖추고 참여 기록을 확인합니다

시민 참여자 | 화면 01

카테고리 스코어보드

opinion.example.kr/scoreboard
우리동네 의견판
스코어보드
의견
내 참여
이메일 검증 김*준
카테고리별 참여 순위
지금 시민들이 가장 많이 말하는 주제
집계 기준
9월 12일 (금) 오후 6:10
연령대전체20대30대40대50대 이상
1
선거제도
1위 유지
찬성 58% · 반대 42%
42,180
참여
2
부동산
2계단 상승
찬성 46% · 반대 54%
31,047
참여
3
복지
1위 유지
찬성 61% · 반대 39%
24,613
참여
4
지역현안
1계단 하락
찬성 52% · 반대 48%
18,902
참여
5
교육
1위 유지
찬성 44% · 반대 56%
11,745
참여
전체 참여
128,487
이메일·소셜 검증 참여
86,310
오늘 올라온 의견
347

[화면 개요 및 목적]

서비스의 첫 화면이자 얼굴입니다. 선거제도·부동산·복지·지역현안 등 카테고리별 참여량 순위와 찬반 비율, 집계 기준 시각을 한 화면에 모아 그대로 캡처하거나 링크해도 맥락이 함께 전달되게 했습니다. 제안서에서 말한 '인용 가능한 스코어보드'가 이 화면입니다.

[핵심 기능 로직]

찬성·반대 막대는 서로 다른 색이 아니라 같은 키컬러의 명도 차이로만 구분해 색이 편을 만들지 않게 했습니다. 하단에는 전체 참여 수와 이메일·소셜 검증 참여 수를 따로 표기해, 본인인증이 없는 1차에서도 숫자의 근거를 함께 보여줍니다. 연령대 필터는 구간 값만으로 동작합니다.

  • 실시간 순위 갱신
    증분 집계 + 주기 갱신 조회
  • 연령·카테고리 필터
    구간 값 기준 인덱스 조회
시민 참여자 | 화면 02

의견 상세와 찬반 참여

opinion.example.kr/opinions/91238
우리동네 의견판
스코어보드
의견
내 참여
이메일 검증 김*준
의견/선거제도/상세
선거제도작성자 30대3시간 전
지방선거 투표용지에 후보 공약 요약을 함께 넣으면 좋겠습니다
이름만 보고 찍는 경우가 많아요. 투표소에서 확인할 수 있는 공약 요약 한 줄이라도 있으면 판단이 달라질 것 같습니다. 선관위 자료를 그대로 쓰면 추가 비용도 크지 않다고 봅니다.
현재 집계
참여 4,821명 · 검증 3,204명
찬성 64% · 3,085반대 36% · 1,736
찬성함
반대
이미 참여한 의견입니다. 한 사람은 한 번만 참여할 수 있습니다.
참여 연령대 구성
20대28%
30대34%
40대23%
50대 이상15%
이 의견의 기록
올라간 뒤 수정·삭제되지 않습니다.
운영자에게 삭제 기능이 없습니다.
기록번호 OP-2026-091238
같은 카테고리 의견 1,208건 중 참여 상위 3건을 아래에 이어서 보여줍니다.
집계는 참여 즉시 반영됩니다 · 마지막 갱신 오후 6:12

[화면 개요 및 목적]

의견 전문과 찬반 버튼, 집계 막대를 한 시선에 담았습니다. 참여하면 버튼이 결과 상태로 바뀌고, 같은 사람이 다시 누르면 안내가 뜹니다. 데모 2·3·4단계에서 직접 눌러 확인하실 수 있는 화면입니다.

[핵심 기능 로직]

한 사람이 한 의견에 한 번만 참여하는 규칙은 프로그램 코드가 아니라 데이터 저장 단계의 제약으로 강제합니다. 같은 순간에 요청이 몰려도 두 번째 기록은 아예 저장되지 않습니다. 오른쪽에는 이 의견이 수정·삭제되지 않는다는 기록 상태와 기록번호를 노출해, 운영자 불개입을 문구가 아니라 화면 상태로 보여줍니다.

  • 중복 참여 원천 차단
    참여 기록 유일성 제약(UNIQUE)
  • 지워지지 않는 기록
    추가만 가능한 의견 저장 구조
시민 참여자 | 화면 03

가입·검증 등급과 내 참여

opinion.example.kr/me
우리동네 의견판
스코어보드
의견
내 참여
이메일 검증 김*준
가입하고 참여 등급 올리기
이메일
minjun.k****@gmail.com
연령대 (구간만 저장합니다)
20대30대40대50대 이상
이메일로 가입
카카오로 3초 가입
내 참여 등급
이메일 검증본인인증 (2차 예정)
검증 등급이 높을수록 스코어보드의 검증 참여 수에 반영됩니다.
받지 않는 정보
· 생년월일 — 연령대 구간만 저장
· 정치 성향·지지 정당 — 저장 항목 없음
· 실명·주민등록번호 — 1차 수집 안 함
· 휴대폰 번호 — 2차 인증 시에만 외부 기관 확인
저장하지 않은 정보는 유출되지 않습니다.
내 참여 기록
투표용지 공약 요약찬성 · 3시간 전
청년 월세 지원 확대반대 · 어제
성수동 보행로 개선찬성 · 9월 8일 (월)
PC와 모바일 브라우저에서 같은 화면을 씁니다. 화면 설계서·저장 구조·배포 안내는 발주사 저장소로 함께 넘깁니다.
참여 기록은 회원 정보와 분리해 보관합니다

[화면 개요 및 목적]

이메일 또는 간편 로그인으로 가입하고 연령대 구간을 고르는 화면입니다. 오른쪽에 '받지 않는 정보'를 입력칸과 같은 크기로 두어, 무엇을 모으지 않는지가 무엇을 모으는지만큼 분명히 보이게 했습니다.

[핵심 기능 로직]

생년월일·정치 성향·실명은 저장 항목 자체를 만들지 않고 연령대는 구간 값만 보관합니다. 참여 기록은 회원 정보와 분리해 저장합니다. 검증 등급은 이메일·소셜 단계까지가 1차이고, 2차에 PASS·통신사 인증이 붙으면 등급 하나가 추가될 뿐 기존 참여 기록은 그대로 유지됩니다.

  • 민감정보 최소 보관
    참여 기록과 회원 정보 분리 저장
  • 2차 인증 확장
    인증 수단 분리형 회원 구조
시나리오

| 화면 01

[화면 개요 및 목적]

[핵심 기능 로직]

    | 화면 02

    [화면 개요 및 목적]

    [핵심 기능 로직]

      | 화면 03

      [화면 개요 및 목적]

      [핵심 기능 로직]

        시나리오

        | 화면 01

        [화면 개요 및 목적]

        [핵심 기능 로직]

          | 화면 02

          [화면 개요 및 목적]

          [핵심 기능 로직]

            | 화면 03

            [화면 개요 및 목적]

            [핵심 기능 로직]