1. 소셜 인터페이스 디자인
사용자 경험을 향상시키는 패턴과 원리
시각영상디자인 1111381 백정숙

2. 7장_수집하기
“열광하는자는 수집한다”
수집: 선천적인 인간활동중 하나이며,사람들은 자신이 발견한 것이나 수집한 것을 공유
• 저장
• 즐겨찾기
• 노출
• 추가/구독
• 태깅

3. 7장_수집하기
• 저장: 사용자가 나중에보고,공유하거나 화제를 삼기위해 아이템 저장
사용할때:사용자에게 온라인 환경에서 저장할 권한을 줄시
사용방법:사용자의 저장이 용이/툴바에 링크제공/태그또는 메타데이터 추가
실제사례:에버노트/딜리셔스/굿리즈 등
• 즐겨찾기: 사용자가 선호하는 아이템을 사람,장소,사물등에 표시
사용할때:사용자가 스스로 좋아하는 아이템목록 생성 할시
사용방법:사이트에서 선호하는 아이템 목록화/즐겨찾기링크제공/접근가능성용이/공유
실제사례:플리커/슬라이드셰어/유튜브 등

4. 7장_수집하기
• 노출: 사용자가수집한 아이템을 다른사용자들에게 보여주고싶어한다
사용할때:사용자에게 무언가를 수집할 기회를 제공할시
사용방법:개인사이트/블로그/소셜네트워크서비스등
실제사례:페이스북/플리커/슬라이드셰어/딜리셔스 등
• 추가/구독: 사용자가 다른사람의 콘텐츠 구독,해당사이트로 이동하지않고
자신의 환경내에서 읽어보기를 원한다
사용할때:사용자가 원하는 곳에서 콘텐츠 소비환경 제공시/다른콘텐츠와 혼합사용시
사용방법:평범한글,사진등의 콘텐츠를 보여줄때 기능사용/표준RSS,구독아이콘사용
/피드URL제공
실제사례:구글리더/뉴욕타임즈/야후/플리커 등

5. 7장_수집하기
• 태그달기: 대상에 자신만의 키워드를 붙여,여러 대상을 정리,검색하기를 원한다
사용할때:사진과같은 체계가 없는 데이터를 수집할시,책처럼 큰규모의 아이템관리할시
사용방법:대상에 직접 태그/태그삭제용이/오타,띄어쓰기등을 구분지어 명확하게사용
실제사례:아마존/플리커/라이브러리씽/딜리셔스 등
• 태그검색: 사용자는 사진,북마크,책,기사 등과 같은 특정대상을 검색하기를 원한다
사용할때:조작하거나 정렬해야하는 대상의 양이 많을 시
사용방법:태그 데이터베이스 내에 검색할 수 있는 키워드 검색 제공
/사용자가 태그목록 탐색용이
실제사례:플리커/라이브러리씽/딜리셔스 등
• 태그클라우드: 사용자는 대상,사이트,인기있는태그가 무엇인지 알고 싶어 한다
사용할때:사이트와 관련된 태그,인기있는태그,대상과 관련된 태그를 보여줄시
사용방법:쉽게 학습할 수 있는 형태로 태그제공
실제사례:아마존/플리커/라이브러리씽 등

6. 8장_공유하기
“공유 덕분에 좋은아이디어,매력있고 흥미로운 활동 등이 들불같이 번진다”
공유: 둘 이상의 사람이 하나의 대상을 동시에 보고,갖고,행동하며 이를 통해 관계형성
• 북마클릿
• 공유하기 위젯
• 보내기
• 애플리케이션 공유
• 선물
• 셰어 디스
• 임베딩

7. 8장_공유하기
• 북마클릿: ’북마크+애플릿”
사용할때:공유하기를 즐기고,편리한 공유방법을 찾는 사용자들에게 용이
사용방법:북마클릿 설치하여 새북마크 생성/북마크툴바에 드래그하여 사용
실제사례:딜리셔스
• 공유하기 위젯: ”Share This”버튼으로 공유
사용할때:사용자가 바로 보여주고 싶을만한곳에 공유하기 위젯 사용
사용방법:공유하기 버튼,링크제공
실제사례:페이스북/블로그/플리커 등

8. 8장_공유하기
• 보내기: 사용자가 하나 또는 그 이상의 사람과 대상을 공유하고 싶어한다
사용할때:콘텐츠를 사이트나 다른곳에 노출할시
사용방법:자신이 발견한 콘텐츠나 대상을 친구에게 직접 보내거나 공간에 보내기
실제사례:이메일/플리커/야후 등
• 애플리케이션 공유: 애플리케이션을 다른 사용자들과 공유하고 싶어한다
사용할때:애플리케이션의 조직적유통을 촉진할시
사용방법:애플리케이션 바탕에서 보내기,공유하기위젯사용/초대하기
실제사례:페이스북/아이구글/마이스페이스 등

9. 8장_공유하기
• 선물하기: 사용자가 상대방에게 친절한 태도를 보여주기를 원한다
사용할때:로맨스,우정등의 소셜환경에서 사용시
사용방법:선물하기 기능
실제사례:페이스북/네오펫츠 등
• 셰어디스: 누가,무엇을,누구와,얼마나 자주 공유하는지 파악한다
사용할때:콘텐츠,정보공급원,애플리케이션을 노출할시
사용방법:셰어디스위젯사용/소셜북마킹/틀라우드업로드/임베딩/지속적공유
실제사례:플리커/뉴욕타임스/야후 등
• 임베딩: 미디어 대상,배지,애플리케이션을 수집하고 노출하고 싶어한다
사용할때:자유롭게 기고할 수 있는 미디어나 다른대상을 노출할시
사용방법:임베드 코드생성/사용자가 임베드한 대상의 옵션을바꾸는 환경제공
실제사례:슬라이드셰어/유튜브/구글 문서도구 등