Downloaded 13 times
![Step 3: Prepare to Communicate Your Scenarios (1)
Primary Persona Scenario
현정이는 1시간 가량되는 아침 등교시간마다 핸드폰의 잠금화면에 뜬 북마크들을 본다. 여기에 뜨는 북마크들은 현정이가 전에 페북save나 트
위터의 관심글, 그리고 크롬에 저장된 북마크 들이다.
현정이는 북마크 된 글을 위아래로 넘기면서, 본인이 즐겨찾기 해 놓은 글들을 읽거나, 넘긴다.
그러다가 더 자세히 보고 싶은 글을 발견하고, 클릭으로 full text가 있는 웹페이지로 이동하였다.
글을 다 읽고, 뒤로가기를 눌러 웹페이지를 끄고, 다시 잠금화면의 글로 되돌아 왔다.
현정이는 북마크들을 위아래로 넘기다가 “IoT” 뉴스와 관련된 추천 기사들을 더 보고 싶어서 오른쪽으로 넘긴다. 오른쪽에서 왼쪽으로 넘기다
가 “[미리보는 IoT Korea 2015] 체크포인트코리아, 유통RFID 통합솔루션 선보인다” 라는 뉴스를 발견하고 읽으려고 하는데, 실수로 넘겨버려
서 다시 왼쪽에서 오른쪽으로 넘겨서 뉴스를 클릭하고 url을 타고 풀텍스트로 들어갔다.
읽었던 뉴스가 꽤나 유용했기 때문에, 현정이는 방금 읽은 뉴스도 북마크를 한다. 또, 이 뉴스를 필요로 할 것 같은 친구가 생각나서 공유버튼을
눌러 카카오톡을 통해 친구에게 공유하였다.
집에 돌아온 현정이는 오늘 얼마나 봤는지 확인하기 위해 앱을 클릭해서 들어갔다.
오늘은 벌써 10개 넘게 기사를 읽었고, 점점 더 많이 알아가는 것 같아서 뿌듯함을 느꼈다.](https://image.slidesharecdn.com/midterm-151026171118-lva1-app6892/75/Midterm-29-2048.jpg)
![Step 4: Primary Persona Storyboard (2)
현정이는 북마크들을 위아래로넘기다
가 “IoT” 뉴스와 관련된 추천 기사들을
더 보고 싶어서 오른쪽으로 넘긴다. 오
른쪽에서 왼쪽으로 넘기다가 “[미리보
는 IoT Korea 2015] 체크포인트코리아,
유통RFID 통합솔루션 선보인다” 라는
뉴스를 발견하고 읽으려고 하는데, 실수
로 넘겨버려서 다시 왼쪽에서 오른쪽으
로 넘겨서 뉴스를 클릭하고 url을 타고
풀텍스트로 들어갔다.
읽었던 뉴스가 꽤나 유용했기 때문
에, 현정이는 방금 읽은 뉴스도 북마
크를 한다. 또, 이 뉴스를 필요로 할
것 같은 친구가 생각나서 공유버튼
을 눌러 카카오톡을 통해 친구에게
공유하였다.
집에 돌아온 현정이는 오늘 얼마나
봤는지 확인하기 위해 앱을 클릭해
서 들어갔다.
오늘은 벌써 10개 넘게 기사를 읽었
고, 점점 더 많이 알아가는 것 같아
서 뿌듯함을 느꼈다.](https://image.slidesharecdn.com/midterm-151026171118-lva1-app6892/75/Midterm-32-2048.jpg)
![Scenario text Requirements
3. 현정이는 북마크들을 위아래
로 넘기다가 “IoT” 뉴스와 관련된
추천 기사들을 더 보고 싶어서 오
른쪽으로 넘긴다.오른쪽에서왼
쪽으로 넘기다가 “[미리보는 IoT
Korea 2015] 체크포인트코리아,
유통RFID 통합솔루션 선보인다”
라는 뉴스를 발견하고 읽으려고
하는데,실수로 넘겨버려서 다시
왼쪽에서 오른쪽으로넘겨서 뉴
스를 클릭하고 url을 타고 풀텍스
트로 들어갔다.
- 본인이 직접 북마크 한 현재 화면을 기준으로 왼쪽-오른쪽스와이프를통해 웹페이지상에 서 해당 글과 유사한 내용의
글들을 추천받을 수 있음.
1)왼쪽에서 오른쪽 스와이프: 현재 글을 기준으로웹상에서추천된 글로 이동
2)오른쪽에서 왼쪽 스와이프: 현재 글을 기준으로웹상에서추천되어본 이전 글로 이동
- 양옆으로 스와이프시에 자기현재화면기준으로추천된 새로운 콘텐츠를 받아 볼 수 있는 기능에 따른 좌우화살표와설
명
- 사용자의 정보를 기반으로해당 즐겨찾기된 글과 가장 유사하고,사용자의니즈를 맞출 수 있는 글을 추천할수 있는
기능(알고리즘)
- 사용자의 그런 알고리즘세부 기능의 선택 (키워드중심으로,사람들이 많이 본 글,최신 순 등)
- 가져온 정보(추천된 웹페이지)를 요약과그림으로가독성 있게즉시 재가공하여야함 (카드형식).
- 대기화면에서 북마크글의 요약본을 보다가원하면 풀텍스트의 페이지로 이동할수 있어야 함.
Extracting requirements from scenario :
Primary persona (3)](https://image.slidesharecdn.com/midterm-151026171118-lva1-app6892/75/Midterm-45-2048.jpg)
![[월간금융] 스마트워크 필수활용팁(1)](https://cdn.slidesharecdn.com/ss_thumbnails/66-71-110304224641-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[제10회 인터넷 리더십 프로그램] 비영리에 유용한 웹서비스 - 이성은](https://cdn.slidesharecdn.com/ss_thumbnails/120424-130503010640-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[7/27 접근성세미나] 모바일 앱, 사용성에서 접근성까지](https://cdn.slidesharecdn.com/ss_thumbnails/08-130805051255-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Midterm
- 1. B-Slide 송호련 / 이현주/ 조예인 / 한수교
- 2. Index System Concept Interview &Modeling Persona Context Scenario Requirements Experience Attributes Technical Research
- 3. System Concept System conceptstatement Focused bookmarks Target user Image mapping
- 4. System Concept Statement 북마크했던 자료들을 다시 보도록 “리턴"하게 도와주는 서비스 우리는 인터넷 서핑 도중, 여러 유용한 정보를 발견하고는 한다. 발견한 그 순간 링크를 타고 들어가 쭉 읽기도 하지만 시간 이 여의치 않아, 혹은 당장 쓸 정보는 아니기 때문에 등 여러가지 이유로 북마크를 이용해 링크를 저장하고는 한다. 이렇게 “다시 볼 용도”, 혹은 “나중에 볼 용도"로 유용한 정보를 북마크 하지만, 다시 보기 위한 “리턴"은 많지 않다. B-Slide는 모바 일 위주의 서비스로, 스마트폰의 잠금화면을 통해 북마크 자료들을 보여줌으로써, 사용자들이 자연스럽게 자신들의 북마크 자료들로 리턴할 수 있도록 도와줄 수 있는 서비스를 마련하였다. 또한, 사용자들이 북마크한 정보를 바탕으로 본인의 취향과 관심사에 맞는 또 다른 새로운 정보들을 추천해주어 사용자로 부터 시작되는 정보의 파장을 만들어 줄 수 있다. 뿐만 아니라, url 한개부터 여러개, 원하는대로 단위별 공유도 가능하기 때 문에, 어떤 주제에 관한 정보들을 다른 사람들과 공유하기에도 편리하고 유용하다. *리턴 : 북마크 했던 자료들을 다시 보는 것
- 5. Focused Bookmarks B-Slide에서 다루는북마크는 1. “텍스트” 위주 + 이미지가 부가적으로 들어간 뉴스 기사, 블로그 정도의 글 2. 리턴의 가치가 있는 “유용한 정보"를 담은 북마크 사용자의 기존 “페이스북 save / 트위터의 관심글 / 크롬 북마크”에서 북마크 자료를 끌어온다.
- 6. Target Users 1. 다시볼 목적이나, 나중에 볼 목적으로 유용한 정보들을 많이 북마크 하지만, 리턴(다시 들어가 보는 것)이 힘든 대학생 2. (일이나 과제 등의)특정 목적으로 북마크를 하며, 그와 관련된 다른 정보들을 쉽게 접하고 싶어하는 대학생 3. 북마크 공유를 많이 하는 대학생
- 7. Image Mapping 콜렉션 위주리턴 위주 여러 콘텐츠 유형 한 가지 콘텐츠 유형 B-Slide Litz App
- 8. 여러 콘텐츠일수록 리턴이필요하지 않다. 텍스트가 “읽을만한 가치"가 있기 때문에 텍스트를 메인 콘텐츠로 두는 경우가 리턴을 유도하는 서비스가 많음을 볼 수 있다. 그러나 기존 서비스들의 리턴은 “읽기 유도” 가 아닌 “읽기 좋은 환경”을 제공하는 것에 그치지 않았다. 읽기 좋은 환경을 위해 본인 서비스로 콘텐츠를 끌고 오는 경우가 많은데, 그 때문에 호환의 문제가 일어난다. 우리는 "애초에 읽으러 가질 않는" 문제를 해결해주는 서비스로 초점을 맞추기로 하였다.
- 9. Interview & Modeling Interviewees Interviewresult & coding
- 10.
- 11. Interview Result &Coding (1) Question A-G Code 북마크 서비스를 평소 자주 사용하시나요? 1. 자주가는 용도 2. 유용한 정보 -> 리턴 북마크를 하신다면 어떤 서비스를 이용해서 하시나요? / 혹은 북마크기능이 유사한 서비스? 일반적으로 기본 서비스를 이용 (크롬/익플 등의 기본 서비스) 북마크를 하시는 의도는 무엇인가요? 1. 편하고 빠른 접근 2. 다시 보기위한 용도 3. 특정 목적 ( 학교 교과, 과제)에 필요한 정보 모음 용도 주로 어떤 디바이스를 사용해서 북마크를 하시나요? PC: 모바일에 비해 즐겨찾기를 추가하는 depth가 없기 때문
- 12. Interview Result &Coding (2) Question A-G Code 북마크 했던 것들을 지우거나 편집을 하시나요? “특정 목적(학교 교과, 과제) 에 필요한 정보 모음 용도” 로 사용한 경우에는 삭제나 편집하는 경우 많음 어떤 웹페이지를 주로 사용하고, 그 웹페이지를 자주 들 어가려고 하시나요? 포털 사이트, 학교 관련 사이트 (학교 포털 포함) 북마크했던걸 다시 찾아보는 편이신가요? 1. 편하고 빠른 접근 2. 다시 보기위한 용도 3. 특정 목적 ( 학교 교과, 과제)에 필요한 정보 모음 용도 주로 어떤식으로 다시 보려고 들어가시나요? (어떤 프 로세스로) 사용하는 브라우저의 기본 북마크 기능을 이용
- 13. Interview Result &Coding (3) Question A-G Code 다시 안보신다면, 다시 보게 유도하려면 어떻게 해야 할 까요? 적당한 수준의 알림 기능 (읽게하라!) 북마크를 분류하시는 편인가요? 미분류 (편하고 빠름) 북마크했던것을 친구들에게 공유한 적이 있나요? 많은 사람이 이용하는 카카오톡을 통해 폴더단위의 공유에 대해서 어떻게 생각하시나요? 단위별 공유 서비스 피드백 1. 단위별 공유 2. 자동 분류 3. 빠르게, 단순하게, 자동으로 4. 정보전달을 핵심기능으로
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. Generating Persona: IntervieweeBehavior Pattern Primary 다람쥐 콘텐츠형의 북마크를모은다.제때 읽어볼 수가 없을 경우가 더 많아 일단 북마크를 해놓는 편 이다.다양한 출처에서 콘텐츠를 받는데기본적 인 크롬 url 북마크 외에도 페이스북 save,트위 터 관심글 등 각 서비스에 맞는 방식으로저장 해 둔다. 리턴을 해서 읽고자 하더라도북마크 가 자꾸 쌓인다는 느낌을 받는다.좋은 내용을 읽으면 친구들에게 그때그때 공유를한다. Secondary 철새 그때 필요한 자료의 북마크를 저장한다.주로 과목이나 과제명으로크롬 북마크 폴더를만들 어서 그 안에 모은다.북마크의 주제가 확실한 편이고 이미 있는 북마크 외에도 연관 자료검색 을 필요로 한다.그리고 필요한 시기가 지나면 폴더 자체를 삭제한다.필요에 의해서 북마크를 하기 때문에 과제할 때가 아니면 잘 찾지 않는 다. 조모임의 경우 폴더안의 링크를하나하나 복사해서 카톡방에 붙여넣는 방식으로 공유한 다. Secondary 스프린터 북마크는 지름길에 지나지않는다.정말 자주 가는 사이트나 학생의 경후 학교 포털과같이 일상에 없어서는 안되는 사이트가 북마크되어 있다.북마크 바를 넘어가는 것(메뉴로 저장)을 싫어해서 혹시라도 갯수가늘어나지않도록 자 주 정리한다.
- 22. Primary Persona 이현정 (23세,여) 연세대학교 정보 인터렉션디자인 3학년 현정이는 3학년이 되어 생각의 폭을넓히기 위해 IT 소식을 자주 접하기로 마음먹고 구글에서2015IT Trend로 검색을 해보았지만너무나 방대한 양의 검 색결과와 알 수 없는 단어들의 나열에 질려버렸다.이제까지는항상 검색을해서 새로운 자료를찾아왔지만자신이 검색하는 자료가과연 얼마나좋은지에 대해 의문을 갖기 시작했다.이렇게 검색을하면 모든 웹페이지를 둘러봐야하며 매번 좋은지 판단을 하기에는 무리가있다고 느꼈다.그래서 같은 관심사를 가진 동기에게 어디서 읽을거리를 찾느냐고 물었더니자주 찾는 블로그,페이스북 페이지와 트위터에서팔로우 할 수 있는 유명인들을 알려주었다. 동기가 알려준 출처의 컨텐츠를챙겨보기시작한지 반 년 정도 흘렀는데이제는 받아보는 양이 너무많아졌다.블로그 기사 형식의경우 한 번에 다 읽을 수 가 없어 나중에 읽자고 크롬 북마크를 해두는데 점점 쌓여만간다.페이스북도 다른 이야기가 아니었다.나만 보기나 save로 등록해서일단 저장을해두는데 생각보다 다시 찾아보질 않는다.자신이 이렇게여기저기서 북마크한 것들만 제대로다시 보면 얻어가는게많을거라고 생각만하고실천에 옮기기가쉽지 않 다.
- 23. Secondary Persona 김규빈 (25세,남) 연세대학교 철학 전공 2학년 규빈이는 아직 2학년 학생으로 아직들어야 할 교양수업도 많고,그 수업들에는 조과제도 많다.그래서 교양 조과제에관련해서 리서치를 해야하는 경우가 종종 있다.이럴 때 규빈이는 해당 수업의 한 프로젝트마다과제 이름으로 우선 폴더를만들고,과제와 관련된 자료 url들을 해당폴더에 저장하고는한다.규 빈이는 주로 책상에 앉아서 한두시간동안리서치를 하는데,리서치하는시간이 조금아깝다고느껴진다.이동할 때 폰으로 좀 더 하고 싶지만,아무래도버스 안에서는 서서 가는 경우가 많아서 두 손으로검색창에입력하고찾는 것이 불편하기만하다. 이렇게 저장해 둔 북마크들을 한줄 한줄복사하여카카오톡을 통해 조원들과공유한다.일일이 링크를 복사해서메신저 창에 붙여넣는 것도귀찮지만,메신 저 창을 가득 채우는 긴 링크들에 눈쌀이 찌뿌려지고는한다.규빈이는과제가 끝나면“이제 끝났다"라는 심정으로 그 과제의폴더를 통째로날려버린다.
- 24. Context Scenario Step 1:Identify Context Scenarios Step 2: Develop Each Story Step 3: Prepare to Communicate Your Scenarios Step 4: Persona Storyboard
- 25. Step 1: IdentifyContext Scenarios (1) Action Persona Scenario 북마크 추가 관심 분야의 컨텐츠를 추가하는사람 (Primary) 크롬 북마크 (정렬하지 않음) 페이스북 Save 트위터 관심글 교과목,과제 등 필요에 의해서 자료를 추가하는사람 (Secondary) 크롬 북마크 (해당 폴더에 정렬) 대기화면에서 보기 이미 스스로 많은 북마크를 추가한 사람(Primary) 위아래로 카드를 움직여 자신이한 여러 북 마크를 둘러본다 공유버튼을 눌러 공유한다 현재의 북마크와 관련한 정보를더 얻고 싶은 사람 (Secondary) 좌우로 카드를 움직여 해당 카드와 관련된 추천 카드를 본다 추천 카드 중 마음에 드는 것을 북마크한다 교과목,과제 등 필요에 의해서 자료를 추가하는사람 (Secondary) 리스트에서 여러개를동시 선택해 조원들에 게 공유한다
- 26. Step 1: IdentifyContext Scenarios (2) Action Persona Scenario 카드를 선택해 자세히 보기 이미 스스로 많은 북마크를 추가한 사람(Primary) 충분히 읽은 후 종료하고 다음 카드를 읽는 다 현재의 북마크와 관련한 정보를더 얻고 싶은 사람 (Secondary) 잠깐 확인한다 앱에서 리스트 보기 관심 분야의 컨텐츠를 추가하는사람 (Primary) “읽음” 리스트를 보며 뿌듯해한다 교과목,과제 등 필요에 의해서 자료를 추가하는사람 (Secondary) 리스트에서 여러개를동시 선택해 조원들에 게 공유한다
- 27. Step 2: DevelopEach Story (1) Primary Persona Scenario 누구: 이현정 / 23세 / 여자 / 연세대학교 정보 인터렉션 디자인 전공 3학년 무엇: 페이스북 save, 트위터 관심글, 크롬의 북마크들 어디서: 주로 대중교통 안 / 학교 쉬는 시간 / 집에서 심심할때 언제: 주로 등하교시 / 자투리 시간 / 잠들기 전 누워서 왜: 다시 읽고자 / 나중에 읽고자 했던 북마크들을 다시 보고자 어떻게: 폰 대기화면에 뜨는 북마크 자료들을 통해서 북마크 리뷰 & 새로운 추천 정보 습득
- 28. Step 2: DevelopEach Story (2) Secondary Persona Scenario 누구: 김규빈 / 25세 / 남자 / 연세대학교 철학 전공 2학년 무엇: 크롬의 북마크 자료 (특히 폴더)를 받아 관련 내용 추가 북마크 & 여러개의 북마크 한번에 공유 어디서: 이동시 / 집 언제: 이동시 / 집 왜: 손쉽고 빠른 리서치를 위해 / 협업(조과제)을 하는 친구들에게 리서치 자료를 한번에 공유하기 위해 어떻게: 폰의 대기화면을 통한 북마크 추천 기능으로 / B-Slide의 단위별 공유를 통해서
- 29. Step 3: Prepareto Communicate Your Scenarios (1) Primary Persona Scenario 현정이는 1시간 가량되는 아침 등교시간마다 핸드폰의 잠금화면에 뜬 북마크들을 본다. 여기에 뜨는 북마크들은 현정이가 전에 페북save나 트 위터의 관심글, 그리고 크롬에 저장된 북마크 들이다. 현정이는 북마크 된 글을 위아래로 넘기면서, 본인이 즐겨찾기 해 놓은 글들을 읽거나, 넘긴다. 그러다가 더 자세히 보고 싶은 글을 발견하고, 클릭으로 full text가 있는 웹페이지로 이동하였다. 글을 다 읽고, 뒤로가기를 눌러 웹페이지를 끄고, 다시 잠금화면의 글로 되돌아 왔다. 현정이는 북마크들을 위아래로 넘기다가 “IoT” 뉴스와 관련된 추천 기사들을 더 보고 싶어서 오른쪽으로 넘긴다. 오른쪽에서 왼쪽으로 넘기다 가 “[미리보는 IoT Korea 2015] 체크포인트코리아, 유통RFID 통합솔루션 선보인다” 라는 뉴스를 발견하고 읽으려고 하는데, 실수로 넘겨버려 서 다시 왼쪽에서 오른쪽으로 넘겨서 뉴스를 클릭하고 url을 타고 풀텍스트로 들어갔다. 읽었던 뉴스가 꽤나 유용했기 때문에, 현정이는 방금 읽은 뉴스도 북마크를 한다. 또, 이 뉴스를 필요로 할 것 같은 친구가 생각나서 공유버튼을 눌러 카카오톡을 통해 친구에게 공유하였다. 집에 돌아온 현정이는 오늘 얼마나 봤는지 확인하기 위해 앱을 클릭해서 들어갔다. 오늘은 벌써 10개 넘게 기사를 읽었고, 점점 더 많이 알아가는 것 같아서 뿌듯함을 느꼈다.
- 30. Step 3: Prepareto Communicate Your Scenarios (2) Secondary Persona Scenario 규빈이는 <문화컨텐츠와 미디어> 수업의 조과제로 한국전통 크리쳐 “용”에 대한 영상을 만들어야 한다. 영상을 만드려면 백그라운드 리서치와 이미지가 많이 필요했기 때문에, 집에 앉아서 “용”폴더를 만들고, 크롬의 디폴트 북마크 기능을 이용해서 북마크를 하였다. 그러다 어느덧 여자친구와의 약속시간이 되어 서둘러 옷을 챙겨 나갔다. 약속장소까지 1시간이 걸리는데, 이 시간에 리서치를 마치고 싶었기 때문에 폰을 든다. 폰을 통해 크롬의 북마크 중 “용”이라는 폴더를 서비스로 엑스포트했다. 용과 관련된 리서치를 하고 있었기 때문에 잠금화면에 “용의 전설” 이라는 북마크가 떴고, 또 다른 자료를 찾기위해 좌우로 넘기며 북마크를 하 였다. 이 때, 앱을 통해 북마크된 링크들은 B-Slide앱에 “용"이라는 태그를 갖고 저장되었다. 또한 크롬 북마크와도 연동되었다. 규빈이는 여자친구와 헤어지고 나서 집에 돌아오니 10시가 되었다. 아까 폰을 통해 북마크했던 새로운 링크들을 서비스를 통해 “용” 폴더와 지하철에서 추가적으로 찾았던 “용" 태그의 링크들을 카카오톡으로 통 째로 조원들에게 공유하고, 규빈이도 자리에 앉아서 컴퓨터로 차근히 읽어보았다.
- 31. Step 4: PrimaryPersona Storyboard (1) 현정이는 1시간 가량되는 아침 등교 시간마다 핸드폰의 잠금화면에뜬 북마크들을 본다. 여기에 뜨는 북마 크들은 현정이가 전에 페북save나 트위터의 관심글, 그리고 크롬에 저 장된 북마크 들이다. 현정이는 북마크 된 글을 위아래로 넘기면서, 본인이 즐겨찾기 해 놓은 글들을 읽거나, 넘긴다. 그러다가 더 자세히 보고 싶은 글을 발견하고, 클릭으로 full text가 있 는 웹페이지로 이동하였다. 글을 다 읽고, 뒤로가기를 눌러 웹페 이지를 끄고, 다시 잠금화면의 글로 되돌아 왔다.
- 32. Step 4: PrimaryPersona Storyboard (2) 현정이는 북마크들을 위아래로넘기다 가 “IoT” 뉴스와 관련된 추천 기사들을 더 보고 싶어서 오른쪽으로 넘긴다. 오 른쪽에서 왼쪽으로 넘기다가 “[미리보 는 IoT Korea 2015] 체크포인트코리아, 유통RFID 통합솔루션 선보인다” 라는 뉴스를 발견하고 읽으려고 하는데, 실수 로 넘겨버려서 다시 왼쪽에서 오른쪽으 로 넘겨서 뉴스를 클릭하고 url을 타고 풀텍스트로 들어갔다. 읽었던 뉴스가 꽤나 유용했기 때문 에, 현정이는 방금 읽은 뉴스도 북마 크를 한다. 또, 이 뉴스를 필요로 할 것 같은 친구가 생각나서 공유버튼 을 눌러 카카오톡을 통해 친구에게 공유하였다. 집에 돌아온 현정이는 오늘 얼마나 봤는지 확인하기 위해 앱을 클릭해 서 들어갔다. 오늘은 벌써 10개 넘게 기사를 읽었 고, 점점 더 많이 알아가는 것 같아 서 뿌듯함을 느꼈다.
- 33. Step 4: SecondaryPersona Storyboard (1) 규빈이는 <문화컨텐츠와 미디어> 수업의 조과제로 한국전통 크리쳐 “ 용”에 대한 영상을 만들어야 한다. 영상을 만드려면 백그라운드 리서 치와 이미지가 많이 필요했기 때문 에, 집에 앉아서 “용”폴더를 만들고, 크롬의 디폴트 북마크 기능을 이용 해서 북마크를 하였다. 그러다 어느덧 여자친구와의 약속 시간이 되어 서둘러 옷을 챙겨 나갔 다. 약속장소까지 1시간이 걸리는데, 이 시간에 리서치를 마치고 싶었기 때 문에 폰을 든다. 폰을 통해 크롬의 북마크 중 “용”이라는 폴더를 서비 스로 엑스포트했다.
- 34. Step 4: SecondaryPersona Storyboard (2) 용과 관련된 리서치를 하고 있었기 때문에 잠금화면에 “용의 전설” 이 라는 북마크가 떴고, 또 다른 자료를 찾기위해 좌우로 넘기며 북마크를 하였다. 이 때, 앱을 통해 북마크된 링크들은 B-Slide앱에 “용"이라는 태그를 갖 고 저장되었다. 또한 크롬 북마크와 도 연동되었다. 규빈이는 여자친구와 헤어지고나 서 집에 돌아오니 10시가 되었다. 아까 폰을 통해 북마크했던 새로운 링크들을 서비스를 통해 “용” 폴더 와 지하철에서 추가적으로 찾았던 “ 용" 태그의 링크들을 카카오톡으로 통째로 조원들에게 공유하고, 규빈 이도 자리에 앉아서 컴퓨터로 차근 히 읽어보았다.
- 35. Requirements Generating Requirements: 4Matrix Extracting requirements from scenario: Primary Extracting requirements from scenario: Secondary
- 36.
- 37. 유 Source Data NeedsFunctional needs Product qualities Contraints 이현정 (primary persona) Scenario •관심거리의 북마크 •북마크 출처 •내 북마크 리스트 •분류체계 •북마크 추가 •리스트를 토대로 자동 추천 Mental Model •나에게 맞는 정보를 제공하는 출처들을 판단함 depth가 올라가면 사용하지 않음 Goals •관심거리의 북마크 •내 북마크 리스트 •읽었는지 체크 •자동 분류 •여러개를 동시에 공유 쉬운 연동 (크로스 디바이스) Environment 어디에서나 읽을 수 있어야 함 ( 크로스 디바이스) 모바일: 읽을 수 있는 면적의 제 약, 북마크를 하기위한 depth 컴퓨터: 항상 보기 쉽지 않음 Skill and abilities •읽었는지 체크 •자동 추천 •자동 분류 •여러개를 동시에 공유 쉬운 연동 (크로스 디바이스)
- 38. 유 Source Data needsFunctional needs Product qualities Constraints 김민하 (primary persona) Mental model ▪ 리턴(다시 보거나, 나중에 보 기 위한) 용도로 북마크 했던 데이터들 ▪ 특정 용도(과제)로 북마크 했 던 데이터들 ▪ 빠른 데이터 로드 ▪ 다양한 북마크서비스와의 연 동 ▪ 동기화 설정 ▪ 링크명이나 제목명의 간결화 / 키워드화 ▪ 키워드 검색 ▪ 태그 ▪ 쉽고 빠른 공유 ▪ 모바일 / PC 등 자주 접하는 전자기기 ▪ 리턴용도와 특정용도가 섞일 경우 혼잡해질 가능성 ▪ 유저에게 맞지 않는 동기화 설정 (e.g. 와이파이 환경 외 에서도 동기화가 되어 원치 않는 데이터 사용의 경우) Goals ▪ 어떤식의 알림에 긍정적으로 반응하는지 ▪ 어떤 주기의 알림에 긍정적 으로 반응하는지 ▪ 알림의 유무에 큰 차이가 있 는지 ▪ 응원하는 식의 알림 / 특정 북마크의 직링크 알림 중 어 떤 알림을 더 선호하는지 ▪ 적당한 수준의 알림을 통해 읽기를 유도 ▪ 알림 주기 / 방식 / 형태에 대 한 자유로운 선택 ▪ 읽었을 때의 긍정적 피드백 ▪ 읽은 것과 안 읽은 것의 시각 적 차별 ▪ 북마크 데이터 분류방식 중 에 읽은 것 / 안 읽은 것 ▪ 직링크 알림 선별방식 ▪ 팝업 / 푸시알람 / 진동 / led 빛 등 알림과 관련된 기능들 ▪ 모바일 기기로 한정될 가능 성 있음 ▪ 사용자가 무음 알림으로 설 정할 경우 의미가 없어질 수 있음 Environment ▪ PC와 모바일간의 동기화 ▪ 인터넷 관련 동기화 환경 설 정 ▪ 자동 / 수동 ▪ 주기 ▪ (공유할) 링크명과 제목 간결 화 ▪ 인터넷이 가능한 환경 Skills and abilities ▪ 정보 습득 및 공유 ▪ 모바일 / PC에 친숙한 사람
- 39. 유 Source Data NeedsFunctional needs Product qualities Contraints 신주혜 (primary persona) Scenario -알람설정된 웹 콘텐츠를 지금 소비할 것 인지 추후에 소비할 것인지 설정하게 해 주는 선택 제공 -공유할 웹콘텐츠들을 선택하여 폴더에 넣고 공유여부 선택, 공유된 폴더는 자신 의 목록에 추가되어 보임-URL을 복사할 수 있는 창 제공 . -알람은 썸네일만 보여주고, 현재 소비 할 것인지 추후에 소비할 수 있게 할 것 인지 결정할 수 있다. -폴더 단위로 타인과 공유할 수 있다. Mental Model -추후를 위해 알람을 설정할 수 있고 공 유할 수 있다는 편한 서비스라는 것을 인식. 수많은 웹 콘텐츠들의 정리함이라 는 인식. Goals . -자신이 추후에 읽어야 하거나 읽고 싶 은 콘텐츠에 알람을 설정할 수 있다. -자신이 원하는 웹 콘텐츠를 한 번에 모 아 타인과 공유할 수 있다. -인링크로 콘텐츠를 가져와 재가 공 후 해당 서비스에서 바로 소비 할 수 있게 하는 자체 브라우저나 창 Environment -어디서나 사용할 수 있는 서비스 (PC와 스마트폰의 연동) Skill and abilities -직관적으로 즐겨찾기한 웹 콘텐츠를 소 비할 수 있다. -자신이 추후에 읽어야 하거나 읽고 싶 은 콘텐츠에 알람을 설정할 수 있다. -기술에 친숙하지 않은 사용자도 간편하고 사용하기 손쉬운 직관 적인 서비스 -기술에 친숙하지 않은 사용자도 간 편하고 사용하기 손쉬운 직관적인 서비스
- 40. 유 Source Data needsFunctional needs Product qualities Constraints 송나은 (primary persona) Mental model ▪ 목적에 따라 분류된 북마크 데이터 ▪ 빠른 데이터 로드 ▪ 목적에 맞는 데이터 정렬방 식 ▪ 키워드 / 태그 ▪ 다양한 메신저와의 연동 및 호환 ▪ 누구와 어떤방식, 어떤 형태 로 공유할지에 대한 다양한 선택지 ▪ 사용자가 자주 사용하는 전 자기기 Goals ▪ 어떤 목적에 공유기능을 자 주 쓰는지 ▪ 공유를 하였을 때 시각적으 로 드러나는 정보 ▪ 메신저에 어느정도의 정보가 노출되었을 때 긍정적으로 받아들이는지 ▪ 어떤 방식의 정보 노출이 적 당한지(e.g. 링크주소는 생략 되고 제목만 뜸) ▪ 다양한 메신저와의 연동 및 호환 ▪ 공유가 되었음을 알려주는 피드백 ▪ 알림을 끌 수 있는 기능 ▪ 친구들이 링크를 클릭했음을 보여주는 기능 ▪ 링크주소 및 제목 / 키워드 간결화는 ▪ 단일 / 덩어리 공유 ▪ 알림기능이 의미가 없어질 가능성 농후 Environment ▪ 인터넷이 가능한 환경 Skills and abilities ▪ 쉽고 빠른, 명확한 목적이 드 러나는 링크 공유 ▪ 제목 / 키워드가 부각된 링크 공유 ▪ 모바일 / PC에 친숙한 사람
- 41. Brainstorming Using 4Requirementmatrix
- 42. Extracting Requirements fromScenario
- 43. Scenario text Requirements 1.현정이는 1시간 가량되는 아침 등교시간마다 핸드폰의 잠금화면에 보여지는북마크된글들을 본다.여기에뜨는 북마크 글들은 현정이가 전에 웹과 모바일에서 관심이가 는 글들을 ‘페이스 북save’나 ‘트위터의 관심글’,그리고 ‘ 크롬에 저장된 북마크 기능을 통해 즐겨찾기해 놓은글들 이다. - 페이스북 save,트위터의 관심글,크롬 북마크 기능에저장된 텍스트 기반 웹 혹은 모바일페이 지 데이터를 가져올 수 있어야 함. - 가져온 정보를 요약과 그림으로 가독성있게 재가공하여야 함.또,북마크된 콘텐츠의원출처와 북마크된 플랫폼에 대한 정보 및 북마크한 시간을볼 수 있다.(카드형식) - 즐겨찾기한 글의 선호도와 읽은 정도를자동으로분석하여 우선순위를설정해 사용자에게제시 한다. Extracting requirements from scenario : Primary persona (1)
- 44. Extracting requirements fromscenario : Primary persona (2) Scenario text Requirements 2. 현정이는 북마크 된 글을 위아래로 넘기면 서, 본인이 즐겨찾기 해 놓은 글들을 읽거나, 넘긴다.그러다가 더 자세히 보고 싶은 글을발 견하고,클릭으로 fulltext가 있는 웹페이지로 이동하였다.글을 다 읽고,뒤로가기를 눌러 웹 페이지를 끄고,다시 잠금화면의 글로 되돌아 왔다. - 화면을 위-아래 스와이프를 통한 본인이 직접 북마크한 다음 글,이전 글로 이동할 수 있음. 1)아래서 위 스와이프: 다음 북마크 글로 이동 2)위에서 아래 스와이프: 이전 북마크 글로 이동 - 위아래로 스와이프시에 자기의 북마크를 볼 수 있는 기능에 따른 위아래화살표와 설명 - 잠금화면을 통해 북마크를 읽는 중 꺼지지 않는화면 - 잠금화면에서 북마크글의 요약본을 보다가원하면 풀텍스트의 페이지로 이동할수 있어야 함. - 풀텍스트를 읽다가 뒤로가기(안드로이드폰에는 있음)를 누르면다시 잠금화면의보고 있었던 마지막 글로 재이동이 가능해야 함.
- 45. Scenario text Requirements 3.현정이는 북마크들을 위아래 로 넘기다가 “IoT” 뉴스와 관련된 추천 기사들을 더 보고 싶어서 오 른쪽으로 넘긴다.오른쪽에서왼 쪽으로 넘기다가 “[미리보는 IoT Korea 2015] 체크포인트코리아, 유통RFID 통합솔루션 선보인다” 라는 뉴스를 발견하고 읽으려고 하는데,실수로 넘겨버려서 다시 왼쪽에서 오른쪽으로넘겨서 뉴 스를 클릭하고 url을 타고 풀텍스 트로 들어갔다. - 본인이 직접 북마크 한 현재 화면을 기준으로 왼쪽-오른쪽스와이프를통해 웹페이지상에 서 해당 글과 유사한 내용의 글들을 추천받을 수 있음. 1)왼쪽에서 오른쪽 스와이프: 현재 글을 기준으로웹상에서추천된 글로 이동 2)오른쪽에서 왼쪽 스와이프: 현재 글을 기준으로웹상에서추천되어본 이전 글로 이동 - 양옆으로 스와이프시에 자기현재화면기준으로추천된 새로운 콘텐츠를 받아 볼 수 있는 기능에 따른 좌우화살표와설 명 - 사용자의 정보를 기반으로해당 즐겨찾기된 글과 가장 유사하고,사용자의니즈를 맞출 수 있는 글을 추천할수 있는 기능(알고리즘) - 사용자의 그런 알고리즘세부 기능의 선택 (키워드중심으로,사람들이 많이 본 글,최신 순 등) - 가져온 정보(추천된 웹페이지)를 요약과그림으로가독성 있게즉시 재가공하여야함 (카드형식). - 대기화면에서 북마크글의 요약본을 보다가원하면 풀텍스트의 페이지로 이동할수 있어야 함. Extracting requirements from scenario : Primary persona (3)
- 46. Extracting requirements fromscenario : Primary persona (4) Scenario text Requirements 4. 읽었던 뉴스가 꽤나 유용했기때문에,현정이는 방금 읽은 뉴스도 북마크를 한다.또,이 뉴스를 필 요로 할 것 같은 친구가 생각나서 공유버튼을눌러 카카오톡을 통해 친구에게공유하였다. - 페이스북 save,트위터의 관심글,크롬 북마크 기능에저장된 텍스트 기반 웹 혹은 모바일페이지 데 이터를 끌어온 글과 추천 글을 대기화면상에서 ‘B-Slide(가제)’로 자체 북마크 할 수 있다.’ - 이미 ‘자주 보고 싶은 글’에 추가된 글인지 확인할 수 있어야한다. - 해당 화면에 있는 글을 URL복사나 카카오톡연계를통해 바로 공유할 수 있다. - 공유가능 옵션들을 제시할 수 있어야 한다.
- 47. Extracting requirements fromscenario : Primary persona (5) Scenario text Requirements 5. 집에 돌아온 현정이는 오늘 얼마나봤는지 확인 하기 위해 앱을 클릭해서 들어갔다.오늘은벌써 10개 넘게 기사를 읽었고,점점 더 많이 알아가는 것 같아서 뿌듯함을 느꼈다. - 본인의 다양한 플랫폼으로부터(페이스북,트위터,크롬브라우저)즐겨찾기된 글의총 데이터와 사용행 태를 관리할 수 있는 대기화면과 연계된모바일 앱이 있어야함. - 앱은 “읽음 리스트”를 제공하여 사용자의하루의 콘텐츠사용기록을 제공할 수 있다. - “읽음 리스트”에서도 풀텍스트로이동할 수 있어야함. - 풀텍스트 이용 이후,뒤로가기로브라우저를 끄고 난 후 앱의 해당화면으로돌아올수 있어야 함.
- 48. Scenario Text Requirements 1.규빈이는 <문화컨텐츠와미디어> 수업의 조 과제로 한국전통 크리쳐 “용”에 대한 영상을만 들어야 한다. 영상을 만드려면 백그라운드 리서치와 이미지가 많이 필요했기 때문에,집에 앉아서 “용”폴더를 만들고,크롬의 디폴트 북마크 기능을 이용해서 북마크를 하였다. 그러다 어느덧 여자친구와의 약속시간이되어 서둘러 옷을 챙겨 나갔다. - 웹과 모바일에서 동시 사용 가능한브라우저크롬과의 연계성모색 필요 2. 약속장소까지 1시간이걸리는데,이 시간에 리서치를 마치고 싶었기 때문에폰을 든다.폰을 통해 크롬의 북마크 중 “용”이라는폴더를 서비 스로 엑스포트했다. - 크롬 북마크 기능에 저장된 텍스트기반 웹 혹은 모바일 페이지폴더와데이터를 가져올 수 있어야 함.(동기화를 통한 크로스 디바이스서비스 제공) Extracting requirements from scenario : Secondary persona (1)
- 49. Scenario Text Requirements 3.용과 관련된 리서치를 하고 있었기 때문에잠금 화면에 “용의 전설” 이라는 북마크가 떴고, 또 다른 자료를 찾기위해 좌우로 넘기며 모바일서비스 내 에서 북마크를 하였다. 이 때, 앱을 통해 북마크된 링크들은 B-Slide앱에 “ 용"이라는 태그를 갖고 저장되었다.또한 크롬 북마 크와도 연동되었다. - 사용자의 정보를 기반으로 해당 즐겨찾기 된 글과 가장 유사하고,사용자의니즈를 맞출 수 있는 글을 추천할 수 있는 기능(추천 알고리즘) - 웹&모바일 텍스트 콘텐츠에 태그 기능 제공 - 웹&모바일 텍스트의핵심 정보를 추출하여 자동으로태깅할 수 있음. - 새로운 북마크활동으로 인한변동 사항을 크롬 북마크에반영함 Extracting requirements from scenario : Secondary persona (2)
- 50. Scenario Text Requirements 4.규빈이는여자친구와 헤어지고 나서 집에 돌아 오니 10시가 되었다. 아까 폰을 통해 북마크했던 새로운 링크들을서비 스를 통해 “용” 폴더와 지하철에서추가적으로 찾 았던 “용" 태그의 링크들을 카카오톡으로 통째로 조원들에게 공유하고,규빈이도 자리에앉아서 컴 퓨터로 차근히 읽어보았다. - 공유가능 옵션들을 제시할 수 있어야 한다. - 해당 화면에 있는 글을 URL복사나 카카오톡연계를통해 바로 공유할 수 있음. - 앱 상에서는 북마크된 웹페이지들의 폴더 단위 링크공유가 가능해야 함. Extracting requirements from scenario : Secondary persona (3)
- 51. Experience Attributes Step 1:Compile desirable qualities from research Step 2: Group related qualities into clusters Step 3: Refine and filter clusters Step 4: Optimize terms to guide visual decisions Step 5: Choose the best term from each cluster Step 6: Describe and optimize relationships - Keyword Cloud Step 7: Communication Tool - Mood Board
- 52. Step 1: Compiledesirable qualities from research 단어를 보다 서비스 컨셉에 적합한 방향으로 수정
- 53. Step 2: Grouprelated qualities into clusters 수정된 단어들을 그룹화. ‘사용성’, ‘첫인상’,‘이미지’의 사용자가 직접적으로 느끼거나 접하는 요소에 대한 그룹들과 ‘연결고리’,‘언제나’의 외부 요소에 대한 그 룹, 이용자가 선택한 정보로부터 퍼져나가는 요소를 담은 ‘파장’ 그룹으로 분류
- 54. Step 3: Refineand filter clusters 불필요한 요소를 빼고 일부 단어는 수정을 거침
- 55. Step 4: Optimizeterms to guide visual decisions 비주얼화에 적합하도록 요소들을 기준에 따라 선택
- 56. Step 5: Choosethe best term from each cluster 서비스 방향: 개인의 선택 (개인의 관심사, 취향 등)에 따라 “방향성” 있는 추천을 통해 사용자로 하여금 서비스가 유용 함을 느끼도록 하는 것
- 57. Step 6: Describeand optimize relationships - Keyword Cloud 파장 걸러주는 관심사 커스터마이즈 맞춤 추천 심플 세련 깔끔 분류 나 선택 재미
- 58. Step 7: CommunicationTool - Mood Board
- 59.
- 60. Technology -클라우드 기술: 원본정보를 디바이스가 아닌 온라인 서버에 저장하고, 각 디바이스의 사본에서 생긴 변화 점들을 실시간으로 동기화하여 시간, 공간, 장치의 관계없이 끊임없는(Seamless) 사용자경험을 제공할 수 있다. -자동 태깅 알고리즘: 사용자의 북마크를 정리하고 효과적으로 표출하기 위해서는, 북마크된 웹문서가 어 떤 내용인지 분류하는 작업이 필수적이다. 이를 위해 여러 알고리즘을 사용할 수 있지만, 가장 널리 사용되 는 알고리즘은 TF-IDF (Term Frequency – Inverse Document Frequency)이다. 해당 문서에서는 자주 반복되는 단어이지만 다른 문서들에서는 자주 나타나지 않는 단어를 추출하고, 이를 문서의 중요 단어로 간 주하고 태깅하여 문서 분류에 활용하는 방식이다.
- 61.
- 62.