Portfolio

Team Convention

기획서랑 기술 문서를 분리한다

유저 스토리부터 시작한다

한줄 소개

기술 블로그 & 이벤트 일정 공유 서비스

왜 서비스?

상황

각자 쓰는 블로그 플랫폼이 다르다

문제

알리고 피드백을 받을 수 있는 곳이 없다

커리어리와 차별점

컨텐츠 정보(블로그, 이벤트)

벨로그 차별점

원하는 블로그 플랫폼을 선택해서 홍보할 수 있다

유저스토리

유저 스토리는 무엇인가? | 요즘IT

본문은 위시켓과 김서영 번역가가 함께 만든 해외 콘텐츠 기반 번역문입니다. 프로덕트 매니저에게 필요한 다양한 정보를 다루는 블로그 매체 'Is that Product Management?' 의 글을 번역했습니다. 작가는 JB로 엔지니어에서 개발자, 디지털 제품 제작에 관한 글들을 연재 중입니다. 본문은 유저 스토리가 무엇인지, 사례를 들어 설명하는 내용으로 유저 스토리에 대한 개념이 낯선 분들께 추천하는 글입니다.

https://yozm.wishket.com/magazine/detail/754/

💡

설명을 위해 간단한 스토리를 예로 들어볼까요?

마케팅 매니저로서, 나는 우리 제품의 최고의 커뮤니케이션 채널이 무엇인지 알 수 있도록 우리 웹사이트에서 사용자 구매까지 이르게 하는 트래픽 매체와 출처를 알고 싶습니다.

CEO로서, 나는어떤 제품에 투자할지 결정할 수 있도록 제품당 대략의 평균 수익률을 알고 싶습니다.

이 모델을 따르는 것의 한 가지 장점은 스토리의 집필자가 "어떻게" 대신에 "무엇"에 집중하게 된다는 것입니다. 후자(“어떻게”)는 개발 팀의 책임 소재가 됩니다.

개발자 A씨

블로그

알리고 싶다 나의 블로그 → A씨는 개발자로서, 나의 블로그 컨텐츠를 다른 개발자들과 공유하고 싶다.

하지만 싫다 다른 플랫폼 나는 노션(티스토리, 미디엄, 벨로그, 나의 블로그)을 떠날 수 없다
왜

혼자 쓰고 싶지 않다
공유 하고 싶다
피드백을 원한다

보고싶다 남의 블로그 → A씨는 개발자로서, 신뢰할 수 있는 컨텐츠를 갖고 있는 블로그를 보고 싶다.

하지만 쓸데없는 정보는 보고 싶지 않다

정확
트렌드

(인증된 정보)

나의 노력 쓰지 않고 얻고 싶다 최신, 정확 정보(이벤트, 트렌드, 컨텐츠) → A씨는 개발자로서 개발 관련 최신, 정확한 이벤트를 알고 싶다.
왜

출근할때 심심하다
최근 이 바닥에 무슨일이 일어나는지알고 싶다
기술적인 성장을 하고싶다

사용자는 메인 화면

(이미지데이터)

상단 - 로그인 버튼

메뉴바 - 홈, 이벤트, 검색

알림 없고

인증된 사용자 메인 화면

상단 - 유저 프로필

글쓰기 버튼

메뉴바 - 홈, 이벤트, 검색, 알림

로그인

사용자는 이메일과 비밀번호로 로그인을 한다.

사용자는 회원가입 하기를 눌러 회원가입 페이지로 이동할 수 있다.

회원가입

사용자는 이메일, 이름, 비밀번호를 입력하여 회원가입을 할 수 있습니다.

햄버거 버튼

내 정보보기

인증된 사용자는 본인의 프로필 사진, 이름을 볼 수 있다.

인증된 사용자는 본인의 게시물 팔로우 팔로워를 볼 수 있다.

인증된 사용자는 게시물을 작성할 수 있다.

인증된 사용자는 본인의 게시물 목록을 확인할 수 있다.

인증된 사용자는 프로필 편집 버튼을 눌러 프로필 수정 페이지로 이동할 수 있다.

내 프로필 수정

인증된 사용자는 프로필 사진을 설정할 수 있다.

인증된 사용자는 fullname을 수정할 수 있다.

인증된 사용자는 비밀번호를 변경할 수 있다.

로그아웃

인증된 사용자는 사용자로 바뀌고 메인화면으로 이동한다.

포스팅

포스팅

글쓰기

API에서 Title에 내용 작성
URL ⇒ ogmeta..?

글읽기

포스팅을 작성한 사용자의 프로필 이미지, 이름을 보여준다.
포스팅 내용을 보여준다.
포스팅에 첨부한 URL을 보여준다.

글수정

글 수정 페이지로 이동한다.

글삭제

confirm으로 확인 메시지 띄운다.
삭제 후 포스팅 리렌딩한다.

포스팅 하단의 댓글 토글 버튼 클릭 시 이전 댓글 1개와 댓글 입력창을 보여준다.

이전 댓글 보기 클릭 시 이전 댓글을 (EX 3개, 5개) 불러온다.

누르면 좋아요 수가 count++ 된다.

다시 누르면 count— 된다.

이벤트

이벤트 메인 이미지를 보여준다.
이벤트 내용을 보여준다.

검색

검색창에 키워드를 입력하면 그 키워드에 해당하는 사용자와 포스팅이 나온다.
사용자와 포스팅은 검색 결과는 Tab으로 나뉜다.

알림

💡

COMMENT일 경우엔 댓글 id FOLLOW일 경우엔 팔로우 id LIKE일 경우엔 좋아요 id

알림은 세가지 경우가 있고 알림을 클릭 시 해당 컨텐츠로 이동한다.

사용자 목록

가입한 사용자 목록
현재 접속 중인 사용자 목록
가입자 정보

내 정보보기에서 글쓰기 버튼만 빠진 컴포넌트

기획서

개요

유저스토리

페이지별 요구사항

요구사항 + API

기술 문서

스펙 →

디자인

와이어프레임 →

(프로토타입)

지금할일

정적 정보 페이지 요구사항


{
	category: string
	title: string
	url: string
}

카테고리로 나눠서

프로트엔드 / 백엔드 / 앱 / 인공지능 / 블록체인 / 데브옵스 / 등등

GitHub - brave-people/Dev-Event: 🎉🎈 개발자 {웨비나, 컨퍼런스, 해커톤} 행사를 알려드립니다. [with 남송리 삼번지]

배너 클릭시 연관 링크로 이동합니다. 좋은 행사 놓쳐서 후회하면 무엇하리.. 자주 확인하여 참석합시다 :) 2020년 행사: 08월, 09월, 10월, 11월, 12월 2021년 행사: 01월, 02월, 03월, 04월, 05월, 06월, 07월, 08월, 09월, 10월, 11월, 12월 2022년 행사: 01월, 02월, 03월, 04월, 05월 지난 개발자 행사 다시보기: 20년, 21년 개발자 행사 참여 후기: 바로가기 파이콘 한국 2022 분류: 컨퍼런스, 온라인, 오프라인 주최: 파이콘 한국 일시: 10.

https://github.com/brave-people/Dev-Event

스펙

우리는 왜 유저 스토리를 사용할까?

카카오톡 멀티 프로필 서비스! 역기획 해보자! [코드 스테이츠 PMB6] | 먼저, 워터폴 프로세스 방법을 먼저 설명을 할게요. 이유는 아래 화면 설계도를 워터폴 방식을 사용해보려 하거든요. 일단 많은 이들에게 익숙한 형태이며, 고객의 의뢰 분석 > 설계 > 디자인과 코딩 > 테스트와 유지보수로 이어지는 과정이 순차적으로 흘러가는 폭포와 비슷하다고 해서 불리는 폭포수 방법론이다.

https://brunch.co.kr/@f6a72b228af8489/32

6/7 기획서 초안