[프로젝트]상세 페이지

jacob-modoo commented 4 years ago

상세페이지 개선 프로젝트.

jacob-modoo commented 4 years ago

상세페이지 개선 프로젝트 시작을 가볍운 개선안부터 가보면 어떨까요?

@minsoo-modoo @bora-modoo @hyejin-modoo @jihwan-modoo

핵심 목표. 우선순위를 한번 잡아봤습니다.

코치 및 클래스와 사용자의 핏을 맞추는 것.
클래스 참여 유도.
컨텐츠 영상화

킥오프 미팅 전 의견부터 받고 가능하실때 미팅후 시작되었음해요.

minsoo-modoo commented 4 years ago

상세페이지 기획은 상세페이지를 제작해보았던 분들이 문제점을 잘 알 수도 있다고 생각하여 함께 제작에 참여하면 좋겠습니다. @yunji-modoo @naehee-modoo

bora-modoo commented 4 years ago

상세페이지 개선 프로젝트 시작을 가볍운 개선안부터 가보면 어떨까요?

@minsoo-modoo @bora-modoo @hyejin-modoo @jihwan-modoo

핵심 목표. 우선순위를 한번 잡아봤습니다.

코치 및 클래스와 사용자의 핏을 맞추는 것.

클래스 참여 유도.

컨텐츠 영상화

킥오프 미팅 전 의견부터 받고 가능하실때 미팅후 시작되었음해요.

킥오프 사전 미팅 요청인가요?

bora-modoo commented 4 years ago

상세 기획 문서에 목적과 핵심지표가 적혀 있지 않아서 기준을 잡기가 어려운데요. 아래 관점으로 고민을 시작했고, 미팅에서 진행도 공유하겠습니다.

목적과 핵심지표

우리가 보여주고 싶은 정보리스트 , 고객이 원하는 정보, 참여를 이끌어내는 요소 . 구매가 목적인가/머물러서 참여하게 하는 것이 목적인가 등 ... 다각도로... 고민이 됩니다.
구성
레퍼런스 자료 써칭

혹시 진행도가 궁금하신 분들을 위해, 아이디어 노트를 공유합니다. 문제제기와 아이디어 디벨롭과정에 도움이 된다면 럭키럭키!

jacob-modoo commented 4 years ago

상세페이지

이쪽을 확인해주시면 될 거 같아요.

jacob-modoo commented 4 years ago

점심먹고 미팅 가능하신가요. 1시 10분~?

yunji-modoo commented 4 years ago

가능합니다

점심먹고 미팅 가능하신가요. 1시 10분~?

bora-modoo commented 4 years ago

점심먹고 미팅 가능하신가요. 1시 10분~?

저는 아직 준비(리써칭&정리)가 안되었지만! ㅋ_ㅋ 가능합니다.

naehee-modoo commented 4 years ago

점심먹고 미팅 가능하신가요. 1시 10분~?

잠이올 것 같지만 가능합니다.

jacob-modoo commented 4 years ago

5B층 안쪽에 있는 회의실 입니다. 회의 고고

bora-modoo commented 4 years ago

8/9(금) 13:15~14:00 킥오프 기록

상세페이지 핵심 목표, 우선순위 공유
상세페이지 구성
- 디스크립션 최소한으로 영상 위주의 콘텐츠
- 클래스 타입과 스테이터스별 ± 영상 클래스소개(디스크립션) 코치정보 커리큘럼 리뷰 커뮤니티
이 후 일정
- 기술이슈 모바일뷰에서 영상플레이 관련 @hyejin-modoo @jacob-modoo 이 @jihwan-modoo 과 확인
- 8/12(월) 15:00 기획·디자인 1차 미팅 @minsoo-modoo @bora-modoo

minsoo-modoo commented 4 years ago

상세페이지에 대해서 제가 고민했던 내용.docs

고민했던 내용을 가지고 기획을 끄적여봄.xd

jacob-modoo commented 4 years ago

고민했던 내용을 가지고 기획을 끄적여봄.xd

핏을 맞추는 과정. ( ?? - 의심 - 불안 - 가능성 - 확신 - 행동) 제목 - 사용자들의 리뷰 - 동영상 전체 시청 - 행동 제목 - 동영상 전체시청 - 사용자들의 리뷰 - 행동 행동패턴 - 공유(아직 공유에 대한 확신은 안듬), 신청, 다른강의 선택(다른강의 선택의 프로세스도 고민이 필요) - 페이지 이탈

중간의 프로세스나 플로워가 전체적으로 방행가 없는가? 자연스러운 연결 @minsoo-modoo

yunji-modoo commented 4 years ago

상세페이지에 대해서 제가 고민했던 내용.docs

고민했던 내용을 가지고 기획을 끄적여봄.xd

지금 재생 가능한 강의와 커리큘럼을 분리해 놓은 이유가 있을까요?? 처음에 '지금 재생 가능한 강의'라는 제목을 읽지 않고 봤을 때, 전체 강의 개수가 3개뿐인 줄 알았어요..! 혼동 될 수 있을 것 같아요.. 둘을 합치고, 커리큘럼을 접어놓으면 어떨까요?? @minsoo-modoo

minsoo-modoo commented 4 years ago

@yunji-modoo 모바일로 갔었을 때 재생이 안되는 영상들이 불필요하게 길어진다고 생각해서 그랬는데, 말씀하신것도 좋네요! 참고해보겠습니다

minsoo-modoo commented 4 years ago

190812 - 상세단 회의 핵심사안.docs과 XD 기획을 참고하여 보라님이 리디자인 진행

8/14 (수) 오전 10시 디자인 작업본으로 미팅
@jacob-modoo @yunji-modoo @naehee-modoo 수요일 미팅 함께 참석해주세요
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
(+)공유/다른강의 선택에 대한 부분은 추가 논의 필요 또는 장기화

naehee-modoo commented 4 years ago

190812 - 상세단 회의 핵심사안.docs과 XD 기획을 참고하여 보라님이 리디자인 진행

8/14 (수) 오전 10시 디자인 작업본으로 미팅 @jacob-modoo @yunji-modoo @naehee-modoo 수요일 미팅 함께 참석해주세요 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ (+)공유/다른강의 선택에 대한 부분은 추가 논의 필요 또는 장기화

네, 알겠습니다!

bora-modoo commented 4 years ago

190812 - 상세단 회의 핵심사안.docs과 XD 기획을 참고하여 보라님이 리디자인 진행

8/14 (수) 오전 10시 디자인 작업본으로 미팅 @jacob-modoo @yunji-modoo @naehee-modoo 수요일 미팅 함께 참석해주세요 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ (+)공유/다른강의 선택에 대한 부분은 추가 논의 필요 또는 장기화

@jacob-modoo @yunji-modoo @naehee-modoo
회의 일정 조율 요청 드립니다. 8/14(수) 오전10시→ 8/14(수) 오후4시로 조정 가능하신가요?~

naehee-modoo commented 4 years ago

190812 - 상세단 회의 핵심사안.docs과 XD 기획을 참고하여 보라님이 리디자인 진행

8/14 (수) 오전 10시 디자인 작업본으로 미팅 @jacob-modoo @yunji-modoo @naehee-modoo 수요일 미팅 함께 참석해주세요 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ (+)공유/다른강의 선택에 대한 부분은 추가 논의 필요 또는 장기화

@jacob-modoo @yunji-modoo @naehee-modoo 회의 일정 조율 요청 드립니다. 8/14(수) 오전10시→ 8/14(수) 오후4시로 조정 가능하신가요?~

가능합니다!

bora-modoo commented 4 years ago

오늘 회의내용 적용해서 화요일 오전에 공유하도록 할게요! (월요일 연차입니다 <3 ) @hyejin-modoo @minsoo-modoo @jacob-modoo

minsoo-modoo commented 4 years ago

[상세페이지 3가지 핵심사항]

핏을 맞추는 과정
1. 영상
2. 리뷰
사용자 참여
1. 커뮤니티

핵심사항이 적용된 디자인 기대할게요 <3 @bora-modoo

jacob-modoo commented 4 years ago

상세페이지의 핵심 2가지로 압축할 수 있어요.

사용자의 참여
- 영상으로 핏을 맞추기
- 리뷰로 핏을 맞추기
- 댓글을 참여로 참여를 유도.

마케팅에 따른 구매의도를 미리 가지고 오는 경우와 페이지내 접속의 경우로 나눠질 수 있어요.
하지만 대부분 구매의도를 가지고 왔을 경우라 사용자와 컨텐츠(크리에이터)와의 핏을 맞추면,
사용자 참여는 더 높아 질 수 있겠다는 가정.

선택의 역설 및 부가 목표

다른 클래스와 가격 및 핏을 비교하게 하는 것. (다른 클래스로의 이동)

초대하기를 통한 다른 사용자의 함께하기 유도.

minsoo-modoo commented 4 years ago

네, 전체적인 핵심 내용이네요 1번에 해당하는 것을 단기로 이번에 적용하는 것으로 하고
2번을 그 이후 고민해가며 풀어야할 것으로 스텝을 정했었습니다.

minsoo-modoo commented 4 years ago

@bora-modoo 화요일 오전 몇 시에 미팅가능한지 알려주시면 시간비워놓을게요

minsoo-modoo commented 4 years ago

오늘 오전 11시 5A에서 회의하겠습니다! 불가하면 두레이 남겨주세요

주제 : 상세페이지 디자인 시안 확인

@bora-modoo @hyejin-modoo @jacob-modoo

bora-modoo commented 4 years ago

오늘 오전 11시 회의자료 공유합니다.

상세페이지 시안 XD 다운로드

미리보기 링크

@minsoo-modoo @hyejin-modoo @jacob-modoo

bora-modoo commented 4 years ago

상세페이지 1차 솔루션 적용본 첨부합니다. @hyejin-modoo 확인 후 퍼블리싱 작업 일정 노티스 주세요.

상세페이지 1차 솔루션 적용본 XD 다운로드

미리보기 링크

(@minsoo-modoo @jacob-modoo 참조)

hyejin-modoo commented 4 years ago

동영상 재생이 상단 고정으로 알았는데 어떤게 맞는건가요? 정확히 언제 나타나고, 뭐하면 사라지고 확실하게 정해주세요~

예를 들어 커리큘럼보다가 다시 오티영상이 보고싶어지면 맨 상단으로 가서 자동으로 바뀌는건지? 등등 자세한 경우의 수를 조금 더 명확하게 알려주시면 좀 더 빠른 작업이 되지않을까 싶습니다!

(레이어 팝업이 참 좋았던거같은데 하하하)

@jacob-modoo @minsoo-modoo

minsoo-modoo commented 4 years ago

상단고정으로 알고 있습니다.

hyejin-modoo commented 4 years ago

상세 진행과정 훔쳐보기 (＠´＿｀＠)

hyejin-modoo commented 4 years ago

Q. 질문1

커뮤니티에서 (하단댓글) 현재 웹에서 적힌것만 노출되고있는데, ①오른쪽에 수강신청 근처에 있는 댓글 버튼에서 총 갯수를 하단 댓글과 동일하게 맞추면 되나요? 아니면 ②앱에서 남겨진 댓글까지 포함해서 표시되야하는지 얘기가 나와서 뭘로해야할지 부탁드려요옹~ -> 일단 ② 내용으로 적용함

@minsoo-modoo @jacob-modoo

minsoo-modoo commented 4 years ago

수강생입장에서 해당 댓글버튼은 내가 현재 볼 수 있는 댓글의 수를 보여주는게 맞는거같아서 1번이라고 생각합니다. 기존에 적용되었던 사항이 1번인 것 같은데,

2번이라고 생각한 이유가 있어요? @hyejin-modoo

nexwap commented 4 years ago

수강하기 전에 페이지 보았다면. 커뮤니티 수가 강의 활동지수 같는 부분으로 오해 소지가 큰거같습니다. 그래서 2번으로 생각!

hyejin-modoo commented 4 years ago

Q. 질문1 -> 답변 ①

사용자입장에서 통일 되지않은 숫자들이 거짓된 정보인거같아 혼란이 올 수 있다. -> minsoo

hyejin-modoo commented 4 years ago

Q. 질문2 - review

a. 친구가 작성한 글 위로 b. 완벽(별5개) 클릭시 완벽(별5개) 만 보이게

첫 로드시 기본체크가 완벽으로 되는건지? (= 처음부터 5점짜리만 보여지게)

완벽/보통 등 클릭시 .. 전체 보기는 없는건지? (= 무조건 새로고침?)

a 가 기본이고 b를 눌렀을 경우 a는 상관 없어지는건지?

헷갈리는 부분이 있어 글로 적긴했는데.. 결론은 리스팅이 어찌 나와야하는건지 자세한 답변 부탁드립니다!

@jacob-modoo @minsoo-modoo @bora-modoo

minsoo-modoo commented 4 years ago

첫 로드시 기본체크는 없습니다.
선택 시에 한번더 누르면 취소 기능으로 하면 되겠습니다. -> @bora-modoo UI가 한번더 누르게끔 되는 UI가 아닌 거같아 취소가능한 UI로 변경하면 어떨까요?
b를 클릭했더라도 a가 존재한다면 a가 최상단배치됩니다.

@hyejin-modoo

hyejin-modoo commented 4 years ago

환급x 클래스 page - 피지오수지

진행상황

환급x 페이지 작업이 먼저 끝나고 검토&피드백 작업후에 다른 페이지도 작업들어갈 예정

오픈알림 완료

리뷰 리스팅(친구글/완벽) 관련 UI, api 받아 작업예정

커리큘럼 리스트 클릭시 동영상 작업중

1-2 제외한 작업 완료

👏👏 👍💕 파이팅!

Q. 질문3 - review

코치프로필 아래로 [추천클래스], [커뮤니티], [배송/환불] 순서 어떻게 할까요?

bora-modoo commented 4 years ago

첫 로드시 기본체크는 없습니다.

선택 시에 한번더 누르면 취소 기능으로 하면 되겠습니다. -> @bora-modoo UI가 한번더 누르게끔 되는 UI가 아닌 거같아 취소가능한 UI로 변경하면 어떨까요?

b를 클릭했더라도 a가 존재한다면 a가 최상단배치됩니다.

@hyejin-modoo

Q. 질문2 - review

첫 로드 시 기본 체크 없습니다.
리스팅 : 별점 관계없이 리뷰 등록 순
리스팅 예외 : 관계망이 가까운 사람의 작성 리뷰가 상단에 보일 수 있도록
리뷰 소팅 기능 : 현재 라디로버튼 ui 가 큰 문제는 없을 것으로 보입니다. 현 디자인대로 진행해주시면 됩니다. 추후 작업 예정 ui 시안 → @minsoo-modoo @hyejin-modoo

hyejin-modoo commented 4 years ago

피드백 부탁드립니다 🙋

@minsoo-modoo @bora-modoo @jacob-modoo

bora-modoo commented 4 years ago

피드백 부탁드립니다 🙋

환급X 작업완료

오픈알림 작업완료

@minsoo-modoo @bora-modoo @jacob-modoo

예 확인했습니다. 디자인 피드백은 10시에 공유하겠습니다. :)

bora-modoo commented 4 years ago

@hyejin-modoo 디자인 피드백 입니다. (링크 / XD다운로드) 보시고 궁금한 부분은 두레이주세요.

네비게이션 동작 확인 요청
웹 화면 디자인 비율
디자인 디테일 및 디자인 수정건

hyejin-modoo commented 4 years ago

https://hyejin.modooclass.net/

피드백 부탁드립니다 2

탭메뉴와 자동재생을 제외한 전반적인 피드백
자동재생, 음소거 했으나 모바일에서 브라우저별로 차이가 발생하는것같음 (미완료)
커리큘럼에 OT 영상이 FREE 로 되어있어야 PLAY 로 글씨가 바뀝니다 (영상 시간부분 / CMS수정)
영상이 없으면 이미지로 처리
header 변경

minsoo-modoo commented 4 years ago

iOS인 경우 상단플레이어 재생시 영상을 재생하면서 스크롤이 안되고 전체화면이 적용됨.
비로그인상태에서 수강신청 클릭시 키패드가 올라오는 문제 해결

hyejin-modoo commented 4 years ago

테스트할 아이폰이 필요합니다 ㅠ_ㅠ 키패드 문제는 해결되었다는건가용? 이따가 시간나실때 설명 부탁드립니다!

@minsoo-modoo

bora-modoo commented 4 years ago

https://hyejin.modooclass.net/

피드백 부탁드립니다 2

탭메뉴와 자동재생을 제외한 전반적인 피드백

자동재생, 음소거 했으나 모바일에서 브라우저별로 차이가 발생하는것같음 (미완료)

커리큘럼에 OT 영상이 FREE 로 되어있어야 PLAY 로 글씨가 바뀝니다 (영상 시간부분 / CMS수정)

영상이 없으면 이미지로 처리

header 변경

@hyejin-modoo 디자인 피드백은 정리 후 오늘(9/9) 오후 2시까지 정리해서 공유드리고, 2시30분에 라운지에서 스몰미팅으로 설명드릴게요.

hyejin-modoo commented 4 years ago

수정완료했습니다. 확인부탁드려요!

실서버 적용전에 1:1 쪽이나 다른 커리큘럼 쭉 한번 둘러보는게 좋을것같습니다! 적용시점 알려주시면 그때 맞춰서 업데이트 하겠습니다 🙆‍♀️

@minsoo-modoo

bora-modoo commented 4 years ago

@hyejin-modoo 디자인 피드백 드립니다. 살펴보시고 궁금한 점은 두레이 주세요. 🙏

hyejin-modoo commented 4 years ago

@bora-modoo 디자인 피드백 적용완료오 🤟

bora-modoo commented 4 years ago

상세페이지 리뷰 UI 업데이트 코치 댓글 보이도록. 0923_Class detail page_amend.xd

@minsoo-modoo 요청하신 작업 적용했습니다. @hyejin-modoo 작업요청 드립니다.

hyejin-modoo commented 4 years ago

@jacob-modoo @minsoo-modoo @bora-modoo

Q. 질문

기존에 작업했던게 커리큘럼이 무료, 환급, 환급X 이렇게 3페이지에만 존재합니다. 그런데 오픈알림에서 OT영상이 있는데 이게 안보여진다는 이야기를 들어서

모든 페이지에 커리큘럼이 있으면 보여지게끔 해야할까요?

jacob-modoo / modooGuide