SlideShare a Scribd company logo
UI/UX 디자인 최종 과제 발표
     - 웹 사이트 All Hamsters -




                              0712480 배지수
목차
1.   R search
2.   Personas
3.   Scenario
4.   Taskmodels
5.   UserJourneys
6.   SITE DESIGN
1. Research
     1) 블로그 방문자 통계 프로그램을 활용한 조사 결과 (통계 기간 2012.8.1.~8.31.)




-방문자 특성
 여자 방문자 : 남자 방문자 = 4:1
‘12세 이하 + 중고생 방문자 수’ > ‘20대 + 30대 + 40대 + 50대 방문자 수’
1. Research
   1) 블로그 방문자 통계 프로그램을 활용한 조사 결과 (통계 기간 2012.8.1.~8.31.)




-검색유입                                   -조회수가 높은 게시글
 햄스터 기르기 정보 검색으로 유입이 주로                  햄스터 정보 위주 포스팅, 검색 상위노출 포스팅
1. Research
  1) 블로그 방문자 통계 프로그램을 활용한 조사 결과 (통계 기간 2012.8.1.~8.31.)




   -덧글수가 높은 게시글                            -스크랩수가 높은 게시글
    귀엽고 사랑스러운 사진 포스팅들                       정보 위주 포스팅들
1. Research
  2)설문조사 결과




              언제 블로그에 들어오나요? 이웃이라서 새 게시글 알림을 보고(71.21%)

              어떻게 제 블로그를 알게 되셨나요? 햄스터 기르기에 대한 정보를 검색하다가(79.85%)

              가장 관심있는 정보는 무엇입니까? (택2) 햄스터에 대한 정보(44.26%)
              블로그에 올때 주로 이용하는 기기는? 컴퓨터(82.84%)
1. Research

  3)리써치를 토대로 내린 햄스터 관련 인터렉티브 미디어 아이디어


  햄스터 웹 싸이트를 만든다
  -User: 7세~15세 여아
  -Design Concept: 전체적 디자인 컨셉은 잡지(10대 패션 매거진)와 비슷하게 한다.
                 칼라 컨셉은 '햄스터'가 돋보일 수 있도록 흰 배경에 핑크,노랑, 하늘색 같은 색을
                 포인트로 사용한다.
  -Contents:   1. 햄스터 기르기에 대한 정보디자인
                햄스터 종류, 먹이, 집, 출산, 건강에 대한 정보를
                명시적으로 보여줄 수 있는 정보 디자인으로 방문자를 유치한다.


               2. 햄스터 사진 랭킹 프로그램을 만든다
                 참여자가 자신의 햄스터 사진을 올리면 추천을 많이 받은 사진이
                 Today Best로 뽑히고 메인에 뜬다.
                 사진을 클릭하면 올린이의 블로그나 카페로 갈 수 있게 링크를 해둔다
1. Research
  3)웹사이트 디자인 공모전 이벤트 진행 (10세~15세 대상)

                   1등                  2등
1. Research
  3)웹사이트 디자인 공모전 이벤트 진행 (10세~15세 대상)
2. Personas
2. Personas
3. Scenario
3. Scenario
4. Taskmodels
4. Taskmodels
4. Taskmodels
4. Taskmodels
4. Taskmodels
5. UserJournys(1)
5. UserJourneys(2)
5. UserJourneys(3)




햄스터에 대해서
5. UserJourneys(4)



                     햄스터 정보                      햄스터 종류
 햄스터 정보 검색
                                                 햄스터 용품과먹이

                                                 햄스터 기르기
 사이트 검색       HOME
                                                 햄스터 질병


                     햄스터 지식 테스트                  TEST1. 햄스터 종류 구분 시험          수료증

                                                 TEST2. 햄스터 물품과 먹이 시험
                                                                              재도전 요청
                                                 TEST3. 햄스터 질병 상식 시험



                     햄스터 관련 사이트




                     햄스터 커뮤니티                    햄스터 정보 나눔 방
                                                 -자유게시판

                                                 햄스터 사진 겔러리
                                                 -오늘의 햄스터 사진 선정, 메인 사진으로 등록

                     ART SHOP
                     -allhamstershop.com 따로 운영
6. SITE DESIGN(1)
6. SITE DESIGN(2)
         메인 페이지
6. SITE DESIGN(2)




TEST 페이지             정보 페이지
감사합니다

More Related Content

Viewers also liked

우리나라 방방곡곡 퍼소나&시나리오
우리나라 방방곡곡 퍼소나&시나리오우리나라 방방곡곡 퍼소나&시나리오
우리나라 방방곡곡 퍼소나&시나리오
Yeji Shin
 
프로젝트 성공을 위한 클라이언트-에이전시 협업전략
프로젝트 성공을 위한 클라이언트-에이전시 협업전략프로젝트 성공을 위한 클라이언트-에이전시 협업전략
프로젝트 성공을 위한 클라이언트-에이전시 협업전략
Jay Chaeyong Yi
 
[실습] Ux디자인실무 20141203_4조
[실습] Ux디자인실무 20141203_4조[실습] Ux디자인실무 20141203_4조
[실습] Ux디자인실무 20141203_4조
MJ Yoo
 
Uxfinalppt
UxfinalpptUxfinalppt
Uxfinalppt
예인 조
 
Creator planet 2014 발표자표
Creator planet 2014 발표자표Creator planet 2014 발표자표
Creator planet 2014 발표자표
Kisoon Eom
 
사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조홍일 김
 
필드리서치 Ppt
필드리서치 Ppt필드리서치 Ppt
필드리서치 Ppt
YeonHee Ahn
 
Persona - 최근 쟁점과 사례
Persona - 최근 쟁점과 사례Persona - 최근 쟁점과 사례
Persona - 최근 쟁점과 사례
Jay Chaeyong Yi
 
UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종
Yeji Cho
 
5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본
yesolrr
 
사용자 리서치 분석
사용자 리서치 분석사용자 리서치 분석
사용자 리서치 분석Hye-ryeong Park
 
Hci 2012 퍼소나활용-블로깅
Hci 2012 퍼소나활용-블로깅Hci 2012 퍼소나활용-블로깅
Hci 2012 퍼소나활용-블로깅성진 전
 
페르소나를 이용하여 기획하기
페르소나를 이용하여 기획하기페르소나를 이용하여 기획하기
페르소나를 이용하여 기획하기
Jong Hwan Nam
 
인터랙티브미디어디자인_2 1012847 김혜진
인터랙티브미디어디자인_2 1012847 김혜진인터랙티브미디어디자인_2 1012847 김혜진
인터랙티브미디어디자인_2 1012847 김혜진Hyejin Kim
 
16.02.22 sos project 제안서_남진우
16.02.22 sos project 제안서_남진우 16.02.22 sos project 제안서_남진우
16.02.22 sos project 제안서_남진우
Nam Jinwoo
 
사용자경험 이야기 요약본
사용자경험 이야기 요약본사용자경험 이야기 요약본
사용자경험 이야기 요약본
sangyong lee
 
라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH
라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH
라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH
RightBrain inc.
 
2016 3rd UX 트렌드 리포트_4부
2016 3rd UX 트렌드 리포트_4부2016 3rd UX 트렌드 리포트_4부
2016 3rd UX 트렌드 리포트_4부
RightBrain inc.
 
통신서비스 온라인 채널 UX 디자인 사례 by rightbrain
통신서비스 온라인 채널 UX 디자인 사례 by rightbrain통신서비스 온라인 채널 UX 디자인 사례 by rightbrain
통신서비스 온라인 채널 UX 디자인 사례 by rightbrain
Rightbrain UX1 Consulting group
 
UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)
keesung kim
 

Viewers also liked (20)

우리나라 방방곡곡 퍼소나&시나리오
우리나라 방방곡곡 퍼소나&시나리오우리나라 방방곡곡 퍼소나&시나리오
우리나라 방방곡곡 퍼소나&시나리오
 
프로젝트 성공을 위한 클라이언트-에이전시 협업전략
프로젝트 성공을 위한 클라이언트-에이전시 협업전략프로젝트 성공을 위한 클라이언트-에이전시 협업전략
프로젝트 성공을 위한 클라이언트-에이전시 협업전략
 
[실습] Ux디자인실무 20141203_4조
[실습] Ux디자인실무 20141203_4조[실습] Ux디자인실무 20141203_4조
[실습] Ux디자인실무 20141203_4조
 
Uxfinalppt
UxfinalpptUxfinalppt
Uxfinalppt
 
Creator planet 2014 발표자표
Creator planet 2014 발표자표Creator planet 2014 발표자표
Creator planet 2014 발표자표
 
사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조
 
필드리서치 Ppt
필드리서치 Ppt필드리서치 Ppt
필드리서치 Ppt
 
Persona - 최근 쟁점과 사례
Persona - 최근 쟁점과 사례Persona - 최근 쟁점과 사례
Persona - 최근 쟁점과 사례
 
UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종UXDS_Naver me UX 개선안 프로젝트_최종
UXDS_Naver me UX 개선안 프로젝트_최종
 
5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본5조 인터렉티브디자인_최종본
5조 인터렉티브디자인_최종본
 
사용자 리서치 분석
사용자 리서치 분석사용자 리서치 분석
사용자 리서치 분석
 
Hci 2012 퍼소나활용-블로깅
Hci 2012 퍼소나활용-블로깅Hci 2012 퍼소나활용-블로깅
Hci 2012 퍼소나활용-블로깅
 
페르소나를 이용하여 기획하기
페르소나를 이용하여 기획하기페르소나를 이용하여 기획하기
페르소나를 이용하여 기획하기
 
인터랙티브미디어디자인_2 1012847 김혜진
인터랙티브미디어디자인_2 1012847 김혜진인터랙티브미디어디자인_2 1012847 김혜진
인터랙티브미디어디자인_2 1012847 김혜진
 
16.02.22 sos project 제안서_남진우
16.02.22 sos project 제안서_남진우 16.02.22 sos project 제안서_남진우
16.02.22 sos project 제안서_남진우
 
사용자경험 이야기 요약본
사용자경험 이야기 요약본사용자경험 이야기 요약본
사용자경험 이야기 요약본
 
라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH
라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH
라이트브레인 UX 아카데미 3기 오픈 프로젝트_CATCH
 
2016 3rd UX 트렌드 리포트_4부
2016 3rd UX 트렌드 리포트_4부2016 3rd UX 트렌드 리포트_4부
2016 3rd UX 트렌드 리포트_4부
 
통신서비스 온라인 채널 UX 디자인 사례 by rightbrain
통신서비스 온라인 채널 UX 디자인 사례 by rightbrain통신서비스 온라인 채널 UX 디자인 사례 by rightbrain
통신서비스 온라인 채널 UX 디자인 사례 by rightbrain
 
UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)UX, UX Design, UX Process (@Daum/2014)
UX, UX Design, UX Process (@Daum/2014)
 

인터렉티브 최종발표 배지수

  • 1. UI/UX 디자인 최종 과제 발표 - 웹 사이트 All Hamsters - 0712480 배지수
  • 2. 목차 1. R search 2. Personas 3. Scenario 4. Taskmodels 5. UserJourneys 6. SITE DESIGN
  • 3. 1. Research 1) 블로그 방문자 통계 프로그램을 활용한 조사 결과 (통계 기간 2012.8.1.~8.31.) -방문자 특성 여자 방문자 : 남자 방문자 = 4:1 ‘12세 이하 + 중고생 방문자 수’ > ‘20대 + 30대 + 40대 + 50대 방문자 수’
  • 4. 1. Research 1) 블로그 방문자 통계 프로그램을 활용한 조사 결과 (통계 기간 2012.8.1.~8.31.) -검색유입 -조회수가 높은 게시글 햄스터 기르기 정보 검색으로 유입이 주로 햄스터 정보 위주 포스팅, 검색 상위노출 포스팅
  • 5. 1. Research 1) 블로그 방문자 통계 프로그램을 활용한 조사 결과 (통계 기간 2012.8.1.~8.31.) -덧글수가 높은 게시글 -스크랩수가 높은 게시글 귀엽고 사랑스러운 사진 포스팅들 정보 위주 포스팅들
  • 6. 1. Research 2)설문조사 결과 언제 블로그에 들어오나요? 이웃이라서 새 게시글 알림을 보고(71.21%) 어떻게 제 블로그를 알게 되셨나요? 햄스터 기르기에 대한 정보를 검색하다가(79.85%) 가장 관심있는 정보는 무엇입니까? (택2) 햄스터에 대한 정보(44.26%) 블로그에 올때 주로 이용하는 기기는? 컴퓨터(82.84%)
  • 7. 1. Research 3)리써치를 토대로 내린 햄스터 관련 인터렉티브 미디어 아이디어 햄스터 웹 싸이트를 만든다 -User: 7세~15세 여아 -Design Concept: 전체적 디자인 컨셉은 잡지(10대 패션 매거진)와 비슷하게 한다. 칼라 컨셉은 '햄스터'가 돋보일 수 있도록 흰 배경에 핑크,노랑, 하늘색 같은 색을 포인트로 사용한다. -Contents: 1. 햄스터 기르기에 대한 정보디자인 햄스터 종류, 먹이, 집, 출산, 건강에 대한 정보를 명시적으로 보여줄 수 있는 정보 디자인으로 방문자를 유치한다. 2. 햄스터 사진 랭킹 프로그램을 만든다 참여자가 자신의 햄스터 사진을 올리면 추천을 많이 받은 사진이 Today Best로 뽑히고 메인에 뜬다. 사진을 클릭하면 올린이의 블로그나 카페로 갈 수 있게 링크를 해둔다
  • 8. 1. Research 3)웹사이트 디자인 공모전 이벤트 진행 (10세~15세 대상) 1등 2등
  • 9. 1. Research 3)웹사이트 디자인 공모전 이벤트 진행 (10세~15세 대상)
  • 22. 5. UserJourneys(4) 햄스터 정보 햄스터 종류 햄스터 정보 검색 햄스터 용품과먹이 햄스터 기르기 사이트 검색 HOME 햄스터 질병 햄스터 지식 테스트 TEST1. 햄스터 종류 구분 시험 수료증 TEST2. 햄스터 물품과 먹이 시험 재도전 요청 TEST3. 햄스터 질병 상식 시험 햄스터 관련 사이트 햄스터 커뮤니티 햄스터 정보 나눔 방 -자유게시판 햄스터 사진 겔러리 -오늘의 햄스터 사진 선정, 메인 사진으로 등록 ART SHOP -allhamstershop.com 따로 운영
  • 24. 6. SITE DESIGN(2) 메인 페이지
  • 25. 6. SITE DESIGN(2) TEST 페이지 정보 페이지