카카오 기획자의 서비스 기획서 훔쳐보기 카카오톡 채널_역기획(case study)

카카오 기획자의 서비스 기획서 훔쳐보기 카카오톡 채널_역기획(case study)

다독다독 프로젝트가 굉장히 오랫동안 진행하고 있는 와중에 인상깊게 배웠던것들을 블로그에 기록해보려합니다. 좋은 기회들을 지속해서 만들어갈 수 있도록 힘 써 주고 있는 팀원들에게 압도적 감사. 페이지 성능 개선을 위해 손 볼 수 있는 요소는 참 많습니다. 당장 떠오르는 것만해도 이미지, 폰트, 캐싱 전략, CDN 활용, JS 번들 사이즈 줄이기 등등. 이외에도 정말 많을 것입니다.

LazyLoading 지연 로딩

NextImage 컴포넌트는 기본으로 LazyLoading 지연 로딩을 도움을 준다 아래 영상에서 페이지를 스크롤함에 따라 변화하는 연결망 탭 항목을 주목해주세요 신기하게도 스크롤을 내리기 시작하니 연결망 요청과 응답이 이루어 집니다 이와 같은 현상이 일어나는 이유는 초기 렌더링에 소비자 viewport에 들어오지 않은 image요소를 불러오지 않고 있다가 스크롤을 쏟아지고 컨탠츠가 viewport에 들어오고 나서야 로드하기 때문로 보로 보입니다 이것이 바로 LazyLoading 로 보로 보입니다 LazyLoading을 사용해 얻을 수 있는 이점은 초기 렌더링시 실제로 보이는 컨탠츠만 로딩시켜 초기 렌더링 속력을 향상시킬 수 있다는 것 입니다.

카카오톡은 채팅방을 기준으로 대화 기능을 제공되는 플랫폼입니다. 따라서 사용자들이 카카오톡의 대화방 포맷에 익숙해져 있음을 인지하고 신규 서비스 기획 시 이런 포맷에 따른 메모를 주요 콘셉트로 접근합니다.

Wireframe 작성 하프 뷰 형태로 기능을 제공합니다. 드래그를 통해 비활성화활성화 페이지를 작성합니다.

소비자 인터렉션을 함께 보여주는 것도 중요 예외 사항오류 발생 상황에 대한 정의를 진행합니다. FAQ에 대한 내용이므로 노출할 FAQ 리스트의 개수를 지정해야 합니다.

Xcode에서 설정

Info Custom iOS Target Properties에 LSApplicationQueriesSchemes를 추가 Array 타입 해당 키의 아이템으로 커스텀 URL 스킴에 사용할 값인 kakaokompassauth, kakaolink를 추가 String Kakao Developers에서 네이티브 키를 가져와 kakao네이티브 키 를 URL Scheme에 넣어줍니다. 예를 들어, 내 네이티브 키가 abab123이라면 kakaoabab123을 넣어주면 됩니다.

채팅 서비스 역기획

카카오톡 채팅 카카오 비즈니스에서 제공되는 하나의 독립적인 서비스 카카오톡 채팅의 비즈니스 모델 B2B2C 카카오 비즈니스의 채널 채팅방에 스마트 채팅 기능을 현재는 제공하지 않는다는 자택에서 시작합니다. 신규 CRM 툴 개선 방향으로 진행 사용자와 사업자 모두를 만족할 수 있는 서비스를 제공해야 합니다. 소비자 사이드에서는 채팅방을 역기획합니다. 사업자 사이드에서는 대화방 설정 페이지를 역기획합니다.

어드민 페이지는 소비자 측면의 페이지보다. 더 많은 정보를 노출하기 때문에 복잡성이 올라간다. 스펙 아웃 이해 관련자와 논란 후 제거하기로 한 기능

스펙 아웃의 경우 가독성 좋게 빨간색으로 표기 후 어떤 버전에서 반영했는지 해당하는 버전의 색상으로 태그 합니다. 역기획의 경우 모든 서비스를 상세 기획하기보다는 서비스의 콘셉트나 서비스의 방향성 같은 부분에 대한 명시를 하는 게 좋습니다.

다운로드하기

사용 글꼴 프리텐다드 글꼴 다운로드 링크 배경 사진 의 인물 사진 의 카카오 프렌즈 이미지 제작자 나태오 PPT 템플릿 다운로드 링크 kakaofreetemplate by 나태오, CC BYNC 라이선스 다운로드했다면 댓글로 알려주세요. 보고 싶은 PPT 주제 추천은 언제나 환영합니다.

자주 묻는 질문