SNS를 더 사려깊고 안정되게 디자인하는 가이드,『소셜 인터페이스 디자인』을 소개합니다.

By | 2011년 11월 14일

소셜 네트워크, 재스민 혁명의 기폭제가 되다

2010년부터 2011년에 걸쳐 튀니지에서 일어난 혁명이다. 튀니지의 나라 꽃인 재스민에 빗대어 재스민 혁명(Jasmine Revolution)으로도 불린다.

혁명의 결과로 1987년부터 튀니지를 집권한 제인 엘아비디네 벤 알리 대통령이 24년만에 대통령직을 사퇴하고 사우디아라비아로 망명하였다.

– 위키(http://ko.wikipedia.org/wiki/%ED%8A%80%EB%8B%88%EC%A7%80)

노점상으로 생계를 이어가던 26살 청년이 단속으로 인해 생존권을 위협받자 분신(焚身)으로 항의했고, 이 사건을 계기로 튀니지에서 혁명이 일어났습니다. 앞서 인용문에서 언급했듯, 이 혁명은 결국 독재 정권을 끌어내리고 시민들 손으로 권력을 되돌려 받은 뜻 깊은 역사적 사건입니다.
(http://ko.wikipedia.org/wiki/%ED%8A%80%EB%8B%88%EC%A7%80_%ED%98%81%EB%AA%85)
 

튀니지는 어디?


이때 페이스북이나 트위터, 유튜브 같은 인터넷 미디어가 정보 교환과 공유를 활발히 촉진하는 훌륭한 도구의 역할을 했고, 혁명의 규모가 커져감에 따라 이집트, 알제리, 리비아 같은 국가에도 시민들이 일어서는 데 영향을 미칩니다. 작년과 올해에 걸쳐 아랍 국가들의 들썩임이 심상치 않았던 것은 우리나라에서도 뉴스를 통해 생생히 접할 수 있었습니다. ^^

소셜 네트워크 서비스의 위력

우리나라에서도 얼마 전 비슷한 경우가 있었죠. 바로 서울시장 선거입니다. 선거의 판도까지 좌우했다고 말하기는 힘들어도 투표 독려와 정보 공유로 대선 못지않은 뜨거운 투표 참여율을 보였습니다. 이 밖에도 SNS의 활약을 보여주고 의미를 분석하는 기사가 많지요. 

강남역 화재, SNS 이용한 시민들의 빠른 대처 빛났다

괴력의SNS_평범한 대학생이 "숙제 좀…" 올렸더니 24만명이 도와줬다

트위터, 페이스북…SNS 너희 정체가 뭐냐

SNS의 위력…’거미줄 관계망’이 승부 갈랐다

SNS, 박원순-나경원 승부갈랐다

스마트폰의 인기와 더불어 트위터와 페이스북 열풍이 한 차례 휩쓸고 지나간 듯했으나, 소셜 네트워크 서비스에 대한 영향력은 여전한 듯합니다.  소셜 네트워크를 기획하고 디자인하는 분들에게는, 이런 소식이 SNS의 의미를 다시 생각하는 계기가 되기도 하고, 더 좋은 서비스를 만들거나 현재 서비스에 더 나은 UX를 입힐 방법이 없을까 고민하는 동기가 될 듯도 합니다.

이런저런 이유로! 소셜 네트워크 디자인의 UX란 요런 것이다, 하고 알려주는 책 한 권을 소개합니다.

 

사용자 경험을 향상시키는 원칙과 패턴 

이 책은 소셜 네트워크 서비스의 요소요소를 분석하여 패턴으로 묶은 패턴북이지만, 단순히 패턴의 나열에만 그치는 것이 아니라 하나의 분명한 주제를 전달하고 있습니다. 
바로 “스스로 성장하는 소셜 미디어를 만들어라” 라는 것이지요. 

회원가입만 마치고 사용자가 알아서 잘 놀아주면 더 바랄 것이 없겠으나, 매사 사용자는 헤매고 어려워하다 결국 금세(그야말로 금세) 서비스를 떠납니다. 이는 사용자의 탓은 아니겠지요. (비슷한 사용자군을 두고도 잘 되는 서비스는 있으니까요 크흡)

책에서는 이러한 어려움을 해결할 수 있게끔 다양한 패턴을 소개하며, 요소의 작은 차이들이 어떻게 사용자를 스스로 움직이게 하는가를 상세한 설명과 그림으로 보여줍니다.

목차보기 ↓

[#M_더보기|접기|

1부 소셜 패턴이란?

1장 소셜 사용자 경험 패턴이 뭐에요?

소셜에 대한 간략한 배경이야기…

그 소셜 미디어는 어떤가요? 상세히 설명해줄 수 있나요?

원칙, 모범 사례, 또 패턴은 무엇인가요?

원칙: 기본 사실, 법칙, 또는 가정

사례(또는 모범사례): 습관적이거나 관습적인 행동 또는 어떤 일을 하는 방법

패턴: 모델 또는 전형으로 사용되는 것

안티 패턴의 중요성

이제까지는 작은 부분들이었다. 그렇다면 그 다음에는?

더 읽을거리

2장 소셜의 핵심

의도적으로 불완전한 요소를 남겨둘 것

소몰이 길을 포장하라

엄격한 분류 vs. 유동적인 분류

팰림프세스트

소셜. 그러나 소셜 그 이상

사람처럼 얘기하라!

대화하기

자기비하적 오류 메시지 사용하기

질문하기

‘당신의’ vs. ‘나의’

농담하지 않기

이메일을 방해하지 말자

오픈하기

게임에서 배우자

적하숭배 안티패턴

윤리적 요소 존중하기

더 읽을거리

2부 나는 누구인가

3장 당신을 초대합니다!

사용자의 참여

회원가입 또는 등록

로그인

로그인 연속성

로그아웃

초대

초대받기

초대 보내기

비밀번호 안티 패턴

승인하기

비공개 베타

환영 공간

사용자의 재참여

더 읽을거리

4장 나를 나로 만들어주는 또 다른 요소

아이덴티티

프로필

추천글 (또는 개인 추천)

개인 대시보드

미리보기

아이덴티티 카드 또는 연락 카드

작성 정보

아바타

더 읽을거리

5장 나는 지금 이런 상황이야!

온라인 존재의 역사에 대한 개요

존재의 미래

존재 행위와 국면

가용 여부(부재 중)

스텔스 모드

기분

환경

친구 목록

활동 스트림

상태 알림

마이크로블로깅

업데이트

업데이트의 공개 설정

들어오는 업데이트 관리하기

라이프스트림

함께 있기

생명의 징후

사용자 갤러리

지금 여기에 누가 있는가?

더 읽을거리

6장 이 사람에게서 중고차를 사시겠어요?

행동에 영향을 주는 레퓨테이션

경쟁성 스펙트럼

레벨

이름 붙인 레벨

숫자 붙인 레벨

라벨

보상

수집 가능한 성과물

동료 간에 수여하는 상

랭킹

포인트

리더보드

상위 X위

레퓨테이션 관찰 도구

친구 랭킹

더 읽을거리

3부 소셜 대상에 열망하게 하라

7장 열광하는 자는 수집한다

수집하기

저장하기

즐겨찾기

노출하기

추가하기/구독하기

태그 달기

태그로 검색하기

태그 클라우드

더 읽을거리

8장 공유하기와 유사 기능

조직적으로 이루어지는 구전

공유를 위한 도구

북마클릿

보내기/공유하기 위젯

활동스트림

사(私)적 공유

보내기

비항시적 사적 공유

애플리케이션 공유하기

선물하기

공(公)적 공유

수많은 공(公)의 개념

셰어 디스

소셜 북마킹 

클라우드에 업로드하기 

임베딩 

지속적인 공유

더 읽을거리

9장 메가로폰

브로드캐스팅

블로그: 프레젠테이션

블로그: 소유권

마이크로블로깅

발행하기

라이프사이클

권한

서비스 약관

라이선스 

퍼블릭 도메인

크리에이티브 커먼즈

크리에이티브 커먼즈 라이선스

카피레프트

카피라이트

더 읽을거리

10장 오랫동안 듣는 사람, 첫 번째로 말하는 사람

피드백 요청하기

노출을 위한 투표

추천/비추천 평가

평점 평가 (별점 또는 5점) 

댓글

리뷰

피드백 요청하기

더 읽을거리

11장 대화와 포럼

동시성 vs. 비동시성 대화

참여를 위해 로그인하기

커뮤니케이션하기

포럼

공개적 대화

비공개 대화

그룹 대화

논쟁

비방전

상호 보복

양말 인형

더 읽을거리

12장 이웃과 함께하는 파티

협업

프로젝트 관리

투표하기

공동 편집

페이지 편집하기

위키의 길

크라우드소싱

더 읽을거리

13장 소셜 미디어 광들이 모였다!

발맞추기/유지하기

채널 맞추기

팔로잉

필터링

추천

소셜 검색

실시간 검색

대화형 검색

우회하기

더 읽을거리

4부 옆집에서 보내는 아름다운 하루

14장 인맥 설정과 안티패턴

관계

사람 찾기

친구 추가하기 

인맥의 집단

관계 알리기

친구 끊기

옛 남자친구 안티패턴

그룹

더 읽을거리

15장 커뮤니티 관리의 당근과 채찍

커뮤니티 관리

규범

롤 모델 

포템킨 마을(안티패턴)

집단적 관리체제

그룹 조정

집단에 의한 필터링

신고하기

이곳의 이야기는 무엇인가

더 읽을거리

16장 당신은 어디에 있나요?

지역적 연결

지역 주민 되기

실제로 만나기

파티

일정 관리

상기용 메시지 보내기

위치 태깅

위치 매핑

위치 매싱

인근 지역

모바일과 위치

더 읽을거리

5부 잠깐… 아직 끝나지 않았어!

17장 사업의 개방

다른 사람과 어울려 놀기

오픈 스택, 소셜 스택

오픈소스

밖으로 개방하기

배지 달기

공개 표준(시맨틱과 마이크로포맷) 

안으로 개방하기

불러오기

호스트형 모듈

양방향 모두 수용하기

접착제 역할하기

오픈 API 

정직한 브로커

더 읽을거리

18장 소셜 미디어가 작동하는 다양한 환경

모바일을 생각하다

기업 디자인

회원가입과 로그인

회사 아이덴티티와 프로필

친구와 인맥

상태/활동 스트림

운영과 관리

기타 도구들

나이에 관하여

승리를 위하여

더 읽을거리

19장 에필로그

찾아보기

_M#]

옮긴이의 말처럼 “처음 시작하는 사람들에게는 서비스 제작 방향을 알려 주는 지침서가, 이미 관련 업무에 몸담고 있는 이들에게는 쉽게 생각을 정리하고 예시를 찾아볼 수 있는 참고서가 될 수 있을 것”입니다. 

하지만 잊지 말아야 할 것

[시사풍향계-신율] SNS의 위력과 문제점

색깔만 그럴 듯한 맛없는 과일을 먹었을 때, 느낌이 어떻던가요? 어느 정도는 배신감을 느끼지 않았나요?
중요한 건 SNS 안에 어떤 내용을 담고, 사용자에게 어떤 유익함을 줄 것이냐가 아닌가 생각합니다.
이 책이 디자이너와 기획자가 담고자 하는 의도와 메시지를 더 잘 표현하고 운용할 수 있는 가이드가 되기를 바랍니다. 🙂

구입처↓
Yes24
교보문고
알라딘
인터파크
반디앤루니스
11번가

 

.

5 thoughts on “SNS를 더 사려깊고 안정되게 디자인하는 가이드,『소셜 인터페이스 디자인』을 소개합니다.

  1. 레몬에이드

    SNS의 인터페이스는 사용자가 직관적으로 이용하기 쉽도록 되어 있어야지 서비스를 이용하는 사용자 유입에도 영향을 미치죠. 좋은 내용이 들어있을 것 같습니다 ^^ 기대되네요!

    Reply
  2. 나그네

    번역하신 분들이 한국말을 잘 못하시는 듯 합니다. 이 책이 만일, 영문 번역 과목의 과제 결과물이었다면.. ‘C’학점 정도..

    Reply
    1. 인사이트

      아래 Stamper님께도 댓글 드렸듯이
      많이 불편하고 번거로우시더라도, 어떤 문장이 이해를 막고 미성숙한 느낌이 드는지 알려주시면, 원문도 다시 살피고, 향후 다른 책을 만들 때도 참고하겠습니다.

      Reply
  3. Stamper

    음,,, 영어가 안되면 영어 공부를,,, IT를 모르면 IT 공부를,,, UX만 안다고 번역할 수 있는 책은 아닌듯,,, 한국어를 말하는 한국에 온 지 삼개월된 외국인이 말하는 듯,,, 이해를 거슬리게 하는 미성숙한 문장, 문장들 ,,, 음 ,,, “C-“

    Reply
    1. 인사이트

      읽기 불편하고 거슬리는 문장이 많으셨나봅니다.
      번거로우시겠지만, 어떤 문장이 그리 읽히는지 대표적인 몇몇 개만이라도 뽑아서 보내주실 수 있으시겠어요?
      다음쇄에서 바꾸든, 아니면 저희가 다른 책을 만들면서라도 참조할 수 있을 듯합니다.

      Reply

댓글 남기기