67
NAVER me 개선안 UXDS 3기 Butterfly Effect / 양승민 조건미 조예지 이제 me안해 하지 마세요.

UXDS_Naver me UX 개선안 프로젝트_1차

Embed Size (px)

DESCRIPTION

2012년 UXDS 3기 Naver me 개선안 프로젝트 * 개선안 동영상 보기 - http://vimeo.com/78827020 * 최종 슬라이드 보기 - http://www.slideshare.net/rorymai/uxdsnaver-me-ux

Citation preview

Page 1: UXDS_Naver me UX 개선안 프로젝트_1차

NAVER me 개선안UXDS 3기

Butterfly Effect / 양승민 조건미 조예지

이제 me안해 하지 마세요.

Page 2: UXDS_Naver me UX 개선안 프로젝트_1차

Research

Index

Analysis Graphic designPrototyping

WOM Analysis

Site Role Definition Affinity Diagram

Paper Mock-up Test

UI

Wireframe

Indepth Interview

Insight

GUI

Demo Video

Page 3: UXDS_Naver me UX 개선안 프로젝트_1차

Research

WOM Analysis

Site Role Definition

Indepth Interview

#1

Page 4: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

Site Role Definition

항목 키워드 인사이트 점수 중요도

오프라인 정기구독 지속적으로 관심 정보를 구독한다. 4

스크랩 내가 원하는 정보를 따로 보관한다. 4

초기방문자 구독하기 나에게 맞는 정보를 구독한다. 4.3

소식 받기 나의 활동소식, 지인들의 소식을 받아본다. 4

재방문자 북마크 이용 원하는 정보는 북마크로 보관한다. 3.3

구독 콘텐츠 이용 구독한 콘텐츠를 꾸준히 본다. 2.3

업데이트 알림 이용 새 정보 알림을 확인한다. 3

서비스지원 자사 서비스 연동 미투데이, 북마크, 블로그, 카페와 연동된다. 3

RSS 연동 외부 RSS와 연동한다. 2

SNS 연동 페이스북, 트위터와 연동된다. 1.6

Page 5: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

1단계. 블로그, 카페, 지식iN, 웹 커뮤니티에서 네이버 me에 대한 리뷰 수집

개편 전: 2010. 12. 15 ~ 2012. 10.15 (총 216건)

개편 후: 2012. 10. 16 ~ 2012. 10. 21 (총 45건)

2단계. 네이버 me 서비스에 대한 긍정/부정 이미지를 나눠 키워드에 맞춰 WOM 분류

1단계. WOM수집 2단계. 긍정/부정 WOM 분류

Page 6: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 전체 동선 중 각 동선별 WOM 비율

활동소식 미리보기

(N=51)

19.5%

PWE 서비스

(N=67)

26.4%

콘텐츠 받아보기

(N=84)

32.2%

피드백

(N=22)

8.4%

환경설정

(N=33)

12.6%

콘텐츠 즐겨찾기

(N=4)

1.5%

(N=261)

Page 7: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | PWE 서비스 긍정/부정 비율 개편 전 / 개편 후 비교

긍정

(N=46)

82.1%부정

(N=10)

17.9%긍정

(N=10)

90.9%부정

(N=1)

9.1%

개편 전 개편 후(N=56) (N=11)

개편 후 긍정 WOM의 비율이 증가하고(82.1% → 90.9%), 부정 WOM의 비율이 감소했음(17.9% → 9.1%)

Page 8: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | PWE 서비스 긍정 WOM 개편 전 / 개편 후 비교

개편 전 빠른 사용, 분야별 정보 제공, 자사서비스 연동에 대한 WOM은 개편 후에도 동일하게 존재했으나 전체에서 차지하는 비율의 변

화가 있었고, 등록정보 카테고리별 관리, 스마트폰 연동, 스케줄 확인에 대한 WOM은 개편 후에는 나타나지 않음

개편 전 개편 후(N=46) (N=10)

스마트폰 연동 10.9% (N=5)

빠른 사용 43.5% (N=20)

분야별 정보 제공 2.2% (N=1)

스케줄 확인 2.2% (N=1)

등록정보 카테고리별 관리 10.9% (N=5)

자사서비스 연동 30.4%(N=14)

빠른 사용

분야별 정보 제공

자사서비스 연동

10.0% (N=1)

10.0% (N=1)

80.0% (N=8)

7.8% ↑

33.5% ↓

49.6% ↑

Page 9: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | PWE 서비스 부정 WOM 개편 전 / 개편 후 비교

개편 전에 나타났던 WOM들이 개편 후에는 조사되지 않음

개편 전 개편 후(N=10) (N=1)

스마트폰 연동

등록정보 카테고리별 관리

스케줄 확인

분야별 정보 제공

빠른 사용

자사서비스 연동

10.0% (N=1)

10.0% (N=1)

10.0% (N=1)

50.0% (N=5)

10.0% (N=1)

10.0% (N=1)

레이아웃 100.0% (N=1)

Page 10: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 활동소식 미리보기 긍정/부정 비율 개편 전 / 개편 후 비교

개편 전 개편 후(N=46) (N=5)

개편 후 긍정 WOM의 비율이 감소하고(73.9% → 60.0%), 부정 WOM의 비율이 증가했음(26.1% → 40.0%)

긍정

(N=34)

73.9%부정

(N=12)

26.1%긍정

(N=3)

60%부정

(N=2)

40%

Page 11: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 활동소식 미리보기 긍정 WOM 개편 전 / 개편 후 비교

개편 전에 존재하던 서비스별 정보 확인과 바로가기에 관한 WOM은 개편 후 사라졌으며, 정렬방식에 관한 WOM이 새로 생겼고, 피드

백 확인과 알림방식에 관한 WOM은 유지되었으나 전체에서 차지하는 비율에 변화가 생김

개편 전 개편 후(N=34) (N=3)

피드백 확인

정렬 방식

알림 방식

33.3% (N=1)

33.3% (N=1)

33.3% (N=1)

43.2% ↓

27.4% ↑

서비스별 정보 확인 11.8% (N=4)

피드백 확인 76.5% (N=26)

바로가기 5.9% (N=2)

알림 방식 5.9% (N=2)

Page 12: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 활동소식 미리보기 부정 WOM 개편 전 / 개편 후 비교

개편 전에 나타났던 WOM 중 실시간 업데이트, 제한적 정보제공에 관한 WOM은 사라졌으며, 개편 후에도 유지된 원치 않는 정보, 바

로가기에 관한 WOM은 전체에서 차지하는 비율에 변화가 생김

개편 전 개편 후(N=12) (N=2)

원치 않는 정보

바로가기

실시간 업데이트

제한적 정보제공

66.7% (N=8)

8.3% (N=1)

16.7% (N=2)

8.3% (N=1)

원치 않는 정보

바로가기

50.0% (N=1)

50.0% (N=1)

16.7% ↓

41.7% ↑

Page 13: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 콘텐츠 받아보기 긍정/부정 비율 개편 전 / 개편 후 비교

개편 전 개편 후(N=57) (N=27)

개편 후 긍정 WOM의 비율이 증가하고(70.4% → 49.1%), 부정 WOM의 비율이 감소했음(50.9% → 29.6%)

긍정

(N=28)

49.1%부정

(N=29)

50.9%긍정

(N=19)

70.4%부정

(N=8)

29.6%

Page 14: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 콘텐츠 받아보기 긍정 WOM 개편 전 / 개편 후 비교

맞춤형 정보 받아보기에 관한 WOM은 10.0% 증가했으며(32.1% → 42.1%) 개편 전과 후 모두에서 가장 높은 비율을 차지하였고, 정

보의 다양성에 관한 WOM은 33.2% 증가했으며(3.6% → 36.8%) 개편 전과 후를 비교해 가장 큰 긍정 이미지 상승이 일어남

개편 전 개편 후(N=28) (N=19)

맞춤형 정보 받아보기

빠른 업데이트

정보 모아보기

콘텐츠 보기

정보의 다양성

32.1% (N=9)

28.6% (N=8)

25.0% (N=7)

10.7% (N=3)

3.6% (N=1)

맞춤형 정보 받아보기

빠른 업데이트

정보 모아보기

콘텐츠 보기

정보의 다양성

42.1% (N=8)

5.3% (N=1)

5.3% (N=1)

10.5% (N=2)

36.8% (N=7)

23.3% ↓

10.0% ↑

19.7% ↓

0.2% ↓

33.2% ↑

Page 15: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 콘텐츠 받아보기 부정 WOM 개편 전 / 개편 후 비교

개편 전 서비스의 폐쇄성에 관한 WOM의 비율이 가장 높았으나(55.2%) 개편 후 사라졌으며 그 뒤를 이은 너무 많은 정보, 사용자 개별

설정에 관한 WOM의 비율은 개편 전보다 더 증가해 불편이 커졌음을 시사함

개편 전 개편 후(N=29) (N=8)

서비스의 폐쇄성

너무 많은 정보

사용자 개별 설정

콘텐츠 보기

55.2% (N=16)

20.7% (N=6)

6.9% (N=2)

3.4% (N=1)

기타 3.4% (N=1)

시간 순 업데이트 10.3% (N=2)

맞춤형 정보 받아보기

너무 많은 정보

사용자 개별 설정

25.0% (N=2)

50.0% (N=4)

25.0% (N=2)

29.3% ↑

18.1% ↑

Page 16: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 피드백 긍정/부정 비율 개편 전 / 개편 후 비교

개편 전 개편 후(N=21) (N=1)

개편 후 긍정 WOM의 비율이 감소하고(90.5% → 0%), 부정 WOM의 비율이 감소했음(9.5% → 100%)

긍정

(N=19)

90.5%부정

(N=2)

9.5%부정

(N=1)

100%긍정

(N=0)

0%

Page 17: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 피드백 긍정 WOM 개편 전 / 개편 후 비교

개편 전 댓글 바로 달기에 관한 WOM이 전부였으나, 개편 후에는 조사되지 않음

개편 전 개편 후(N=19) (N=12)

댓글 바로 달기 100.0% (N=19)

Page 18: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 피드백 부정 WOM 개편 전 / 개편 후 비교

개편 전 관련 서비스 연동, SNS 연동에 관한 부정 이미지가 있었으나 개편 후 사라졌고, 쌍방향 소통에 관한 WOM이 새로 생겨남

개편 전 개편 후(N=2) (N=1)

관련 서비스 연동

SNS 연동

50.0% (N=1)

50.0% (N=1)

쌍방향 소통 100.0% (N=1)

Page 19: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 콘텐츠 즐겨찾기 긍정/부정 비율 개편 전 / 개편 후 비교

개편 전 개편 후(N=4) (N=0)

개편 전에는 긍정 WOM이 100%의 비율로 나타났지만 개편 후에는 WOM이 나오지 않음

긍정

(N=4)

100%부정

(N=0)

0%부정

(N=0)

0%긍정

(N=0)

0%

Page 20: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 콘텐츠 즐겨찾기 긍정 WOM 개편 전 / 개편 후 비교

개편 전 SNS 연동에 관한 WOM이 전부였으나, 개편 후에는 조사되지 않음

개편 전 개편 후(N=4) (N=0)

SNS 연동 100.0% (N=4)

Page 21: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 환경설정 긍정/부정 비율 개편 전 / 개편 후 비교

개편 전 개편 후(N=32) (N=1)

개편 후 긍정 WOM의 비율이 증가하고(18.8% → 100%), 부정 WOM의 비율이 감소했음(81.3% → 0%)

긍정

(N=6)

18.8%부정

(N=26)

81.3%부정

(N=0)

0%긍정

(N=1)

100%

Page 22: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 환경설정 긍정 WOM 개편 전 / 개편 후 비교

위젯 설정에 관한 WOM이 개편 전과 후 모두 가장 큰 비율을 차지했으며(50.0% → 100%), 개편 전에 나타났던 알림 확인과 로그인

후 me 바로가기에 대한 WOM은 사라짐

개편 전 개편 후(N=6) (N=1)

로그인 후 me 바로가기 33.3% (N=2)

위젯 설정 50.0% (N=3)

알림 확인 16.7% (N=1)

위젯 설정 100.0% (N=1)50.0% ↑

Page 23: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

분석 결과 | 환경설정 부정 WOM 개편 전 / 개편 후 비교

개편 전에는 알림 확인에 관한 WOM이 가장 큰 비율을 차지했으며(38.5%), 로그인 후 me 바로가기, 구독해지 등 키워드 순으로 불편

이 있었지만, 개편 후에는 WOM이 발견되지 않음

개편 전 개편 후(N=26) (N=0)

로그인 후 me 바로가기

구독해지

서비스 카테고리 설정

구독 확인

레이아웃

알림 확인

19.2% (N=5)

15.4% (N=4)

11.5% (N=3)

3.8% (N=1)

11.5% (N=3)

38.5% (N=10)

Page 24: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

시사점 | 전체 동선 중 ‘구독’에 해당하는 활동소식 미리보기, 콘텐츠 받아보기(51.7%, 135건)에서 핵심 Gain, Pain이 많이 도출되었음

→ ‘구독’에 초점을 맞춘 개선 방향성 설정

(N=261)

활동소식 미리보기

(N=51)

19.5%

PWE 서비스

(N=67)

26.4%

콘텐츠 받아보기

(N=84)

32.2%

피드백

(N=22)

8.4%

환경설정

(N=33)

12.6%

콘텐츠 즐겨찾기

(N=4)

1.5%

바로가기

알림방식

정렬방식

서비스별 정보 확인

피드백 확인

5.4% (N=2)

8.1% (N=3)

2.7% (N=1)

10.8% (N=4)

73.0% (N=27) 원치 않는 정보

바로가기

실시간 업데이트

제한적 정보제공

64.3% (N=9)

14.3% (N=2)

14.3% (N=2)

7.1% (N=1)

맞춤형 정보 받아보기

빠른 업데이트

정보 모아보기

정보의 다양성

콘텐츠 보기

36.2% (N=17)

19.1% (N=9)

17.0% (N=8)

17.0% (N=8)

10.6% (N=5)

서비스의 폐쇄성

너무 많은 정보

사용자 개별 설정

시간 순 업데이트

맞춤형 정보 받아보기

콘텐츠 보기

기타

43.2% (N=16)

27.0% (N=10)

10.8% (N=4)

8.1% (N=3)

5.4% (N=2)

2.7% (N=1)

2.7% (N=1)

Page 25: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

Indepth Interview

1단계. 오프라인 구독경험과 me 사용경험이 있는 인터뷰 대상 선정

2단계. ‘구독’에 대한 유저의 태도를 알아보기 위해 태도 인뎁스 인터뷰 실행

대상자 나이 직업 비고

김지민 25 대학생 현재 구독 중인 발행물 없음, 과거 구독경험 있음, me 사용경험 있음

박혜진 24 대학생 현재 1가지 잡지 구독 중, 과거 구독경험 있음, me 사용경험 없음

조주영 23 대학생 현재 1가지 잡지 구독 중, 과거 구독경험 있음, me 사용경험 있음

Page 26: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

Indepth Interview

3단계. 인뎁스 인터뷰에서 뽑은 Raw data를 기반으로 구독 태도 어피니티

4단계. 태도 어피니티를 통해 사용자 동선(스토리) 구축

3단계

4단계

Page 27: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

Indepth Interview

5단계. 사용자의 구독 패턴과 그 동선에 따른 행동을 통해 ‘구독’ 동선에 따라 사용자가 원하는 니즈를 파악

원하는 정보를 구독을 통해

얻으려 한다.

원하는 정보를 얻기 위해

잡지나 주간지를 구독한다.

콘텐츠 구독하기

구독중인 콘텐츠의 소식은

관심이 있다.

구독중인 콘텐츠에 대한

알림을 관심있게 본다.

괜찮은 정보 생산자를

이웃블로거로 등록해놓고

그 사람의 글을 업데이트

될 때마다 확인한다.

구독 콘텐츠 보기

미리보기를 통해 원하는

콘텐츠 구독을 결정한다.

콘텐츠 업데이트 알림 받기

미리보기를 통해 구독

발행물을 선별한다.구독한 콘텐츠를 찾는다.

구독한 정보를 찾아 확인하

는 것이 어렵다.

(위치파악x)

콘텐츠가 쌓이면 다시

보려고 표시한 정보를

찾아보기 힘들다.

콘텐츠 즐겨찾기

원하는 정보를 소장한다.

콘텐츠 정보를 종이형태로

직접 소장한다.

내가 원하는 방식으로

콘텐츠를 편집하여

저장한다.

정보의 스크랩 위치를

정해 놓는다.

더 이상 구독하고 싶지 않은

정보는 해지한다.

해지 방법이 어려워

원치않는 구독을 유지한다.

구독해지

Page 28: UXDS_Naver me UX 개선안 프로젝트_1차

Analysis

Affinity Diagram

Insight

#2

Page 29: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

기능 도출

1단계. ‘구독’ 사용자 동선 각 단계마다 필요한 기능 도출

콘텐츠 구독하기 콘텐츠 업데이트 알림 받기 구독 콘텐츠 보기 구독 해지콘텐츠 즐겨찾기

구독 +

▶ ‘당신에게 추천하는 맞춤형 카테고리’ 를 통해 관심 카테고리가 개인별로 디폴트.

(사용자가 가입된 까페, 이웃 블로거들의 카테고리, 기본정보를 통해 관심 카테고리 파악)

▶ 구독했다는 피드백이 명확하게 표현.

▶ 구독한 콘텐츠의 구독자가 보는 콘텐츠 추천. (해당 카테고리 내에서)

Page 30: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

기능 도출

콘텐츠 구독하기 콘텐츠 업데이트 알림 받기 구독 콘텐츠 보기 구독 해지콘텐츠 즐겨찾기

구독함

▶ 구독함마다 상단에 콘텐츠 목차 보여주기. (접기 가능 / 기간 설정 가능)

알림

▶ 기존 구독함에서 모아보기 상단에 표시된 새글 알림을 위젯으로 고정.

Page 31: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

기능 도출

콘텐츠 구독하기 콘텐츠 업데이트 알림 받기 구독 콘텐츠 보기 구독 해지콘텐츠 즐겨찾기

구독함

▶ 새 글 업데이트 알림을 새로고침 아이콘으로 고정.

▶ 매거진 뷰에서 댓글을 누르면 해당 콘텐츠의 댓글로 바로 이동

▶ 책갈피 (3개까지 책갈피 가능. 책갈피 버튼을 누르면 바로 해당 콘텐츠 목록으로 이동)

▶ RSS 링크 등록하기. (구독함 상단의 rss버튼을 누르면 환경설정으로 이동하는 것이 아니라 바로 rss링크를 등록할 수 있다)

▶ 구독함 모아보기 / 주제별 / 서비스별로 카테고리화.

▶ 더보기 에서 총 콘텐츠 수와 현재 목록에서 보여진 콘텐츠 수 보여주기)

Page 32: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

기능 도출

콘텐츠 구독하기 콘텐츠 업데이트 알림 받기 구독 콘텐츠 보기 구독 해지콘텐츠 즐겨찾기

구독함

▶ 북마크 콘텐츠 바로 보기 (북마크한 콘텐츠를 상단에 보여주는 정렬방식)

Page 33: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

기능 도출

콘텐츠 구독하기 콘텐츠 업데이트 알림 받기 구독 콘텐츠 보기 구독 해지콘텐츠 즐겨찾기

구독 해지

▶ 도출된 기능 없음

Page 34: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

콘텐츠 구독하기

1) 구독+

‘당신에게 추천하는 맞춤형 카테고리’ 를 통해

관심 카테고리가 개인별로 디폴트

Page 35: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

콘텐츠 구독하기

2) 구독+

구독했다는 피드백이 포인트칼라로

명확하게 표현

Page 36: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

콘텐츠 구독하기

3) 구독+

구독한 콘텐츠의 구독자가 보는 콘텐츠 추천

Page 37: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

콘텐츠 업데이트 알림 받기

1) 구독함

구독함마다 상단에 콘텐츠 목차 보여주기

(접기 / 기간설정)

Page 38: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

콘텐츠 업데이트 알림 받기

2) 알림

기존 구독함에서 모아보기 상단에 표시된

새글 알림을 위젯으로 고정

Page 39: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

구독 콘텐츠 보기

1) 구독함

새 글 업데이트 알림을 새로고침

아이콘으로 고정

Page 40: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

구독 콘텐츠 보기

2) 구독함

매거진 뷰에서 댓글을 누르면

해당 콘텐츠의 댓글로 바로 이동

Page 41: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

구독 콘텐츠 보기

3) 구독함

책갈피

(3개까지 책갈피 가능. 책갈피 버튼을 누르면

바로 해당 콘텐츠 목록으로 이동)

Page 42: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

구독 콘텐츠 보기

4) 구독함

RSS 링크 등록하기

Page 43: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

구독 콘텐츠 보기

5) 구독함

구독함 모아보기 / 주제별 / 서비스별로

카테고리화

Page 44: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

구독 콘텐츠 보기

6) 구독함

‘더보기’에서 총 콘텐츠 수와 현재 목록에서

보여진 콘텐츠 수 표시

Page 45: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

Wireframe

콘텐츠 즐겨찾기

1) 구독함

북마크 콘텐츠 바로 보기

(북마크한 콘텐츠를 상단에 보여주는 정렬방식)

Page 46: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

콘텐츠 구독하기

1) 구독+

‘당신에게 추천하는 맞춤형 카테고리’ 를 통해 관심 카테고리가 개인별로 디폴트

Paper Mock-up Test

Page 47: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

콘텐츠 구독하기

2) 구독+

구독했다는 피드백이 포인트칼라로 명확하게 표현

Paper Mock-up Test

Page 48: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

콘텐츠 구독하기

3) 구독+

구독한 콘텐츠의 구독자가 보는 콘텐츠 추천

Paper Mock-up Test

Page 49: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

콘텐츠 업데이트 알림 받기

1) 구독함

구독함마다 상단에 콘텐츠 목차 보여주기 (접기 / 기간설정)

Paper Mock-up Test

Page 50: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

콘텐츠 업데이트 알림 받기

2) 알림

기존 구독함에서 모아보기 상단에 표시된 새글 알림을 위젯으로 고정

Paper Mock-up Test

Page 51: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 콘텐츠 보기

1) 구독함

새 글 업데이트 알림을 새로고침 아이콘으로 고정

블로그

블로그

Paper Mock-up Test

Page 52: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 콘텐츠 보기

2) 구독함

매거진 뷰에서 댓글을 누르면 해당 콘텐츠의 댓글로 바로 이동

Paper Mock-up Test

Page 53: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 콘텐츠 보기

3) 구독함

책갈피 (3개까지 책갈피 가능. 책갈피 버튼을 누르면 바로 해당 콘텐츠 목록으로 이동)

Paper Mock-up Test

Page 54: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 콘텐츠 보기

4) 구독함 RSS 링크 등록하기

Paper Mock-up Test

Page 55: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 콘텐츠 보기

5) 구독함

구독함 모아보기 / 주제별 / 서비스별로 카테고리화

Paper Mock-up Test

Page 56: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 콘텐츠 보기

6) 구독함

‘더보기’에서 총 콘텐츠 수와 현재 목록에서

보여진 콘텐츠 수 표시

Paper Mock-up Test

Page 57: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

콘텐츠 즐겨찾기

1) 구독함

북마크 콘텐츠 바로 보기 (북마크한 콘텐츠를 상단에 보여주는 정렬방식)

Paper Mock-up Test

Page 58: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 + _ 관심 카테고리로 정렬 / 포인트칼라로 구독 확인 / 다른 구독자들의 콘텐츠 추천

UI flow

Page 59: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 + _ 관심 카테고리로 정렬 / 포인트칼라로 구독 확인 / 다른 구독자들의 콘텐츠 추천

UI flow

Page 60: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독 + _ 관심 카테고리로 정렬 / 포인트칼라로 구독 확인 / 다른 구독자들의 콘텐츠 추천

UI flow

Page 61: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독함

모아보기 / 서비스별 / 주제별 카테고리화

UI flow

Page 62: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독함

새 글 업데이트 새로고침

UI flow

A A

AB B

B

Page 63: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독함

북마크 콘텐츠 정렬

UI flow

A A A

B B

B

Page 64: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독함

RSS 주소 등록

UI flow

Page 65: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독함

책갈피 _ 책갈피 하기

UI flow

A

Page 66: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독함

책갈피 _ 책갈피 한 콘텐츠 보기

UI flow

A

Page 67: UXDS_Naver me UX 개선안 프로젝트_1차

Graphic designAnalysis PrototypingResearch

WOM Analysis

2012. 10. 16

NAVER me 구독기능 강화

Graphic designAnalysis PrototypingResearch

구독함

더보기 _ 콘텐츠 표시

UI flow