이미지 기반 소셜 네트워크 서비스의 웹 사용자 인터페이스 디자인 분석 연구

다국어 초록 (Multilingual Abstract)

Social network service based on image has been already focused in other countries for the next-generation social media, as one of vertical SNS exchanging interested subjects. It has excellent usability of image sharing and inspection function because the interface is optimized in respectively different environment of user without any restrict of screen ratio change. Furthermore, in social media based on existing profiles, useful characteristics for using are approved by the form of third party. Thus, the reason for being evaluated that usability is good because it obeys basic principles of user interface design well and essential conditions of usability are satisfied.
Social network service based on image, a next-generation SNS method, is gradually enlarging its influence in the market of social media, so its application is expected to be high. However, the standard of systematic development is not prepared and it's urgent to change the media rather than improve usability because of the changes of web using environment, which is replaced by mobile rapidly. So, there are insufficient professional analyses and researches on the usability.
Therefore, this study intended to examine characteristics and current situation of social network service and users focusing on social network service based on image, prepare guidance of social interface manufacture by analyzing the usability of interface design and suggest the standard.
For the subject of analysis, three things of Flickr, Pinterest and Pinspire, which currently provide service based on the web platform in Korea by referring reported materials of DMC media and design analysis and heuristic evaluation by expert group were conducted by restricting the range of visual and functional aspects of web interface. For the detailed evaluation items, there are navigation: function and menu and screen organizing factors; layout, icon, typography, color. And, for the standard of analysis, evaluation factors which are requested commonly in 9 usability evaluation standards including Jakob Nielsen, simplicity, universality, aesthetics, stability, consistency, effectiveness, etc. were drawn.
As the results of this study, interface design standards of social network based on the image of good usability are as follows.
The first, convenience of information acquisition and convenience of communication are improved, the process of login is simplified and the accessibility is increased by individualization. The second, top navigation method in the center of screen should be mainly utilized and the location must be fixed all the time. The hierarchical structure of menu should be organized simply less than 2 steps. The third, for the layout, vertical multi-steps grid which can be easily optimized should be utilized by the changes of screen ratio and the space of screen components should be certainly arranged so as to improve the stability. The fourth, the abstract form of icon must be simplified and using of strongly symbolic icon must be rejected. In addition, understanding should be improved by combining typography and noun formed label and utilizing it. The fifth, typography must improve legibility by using web basic font of Gothic line and using of image letters must be excluded. The sixth, the background was applied by low chroma and achromatic color, landscape was applied by middle chroma less than three colors and chromatic color and point color was applied by logo color, so consistency is given to the identity.
This study expects that the standard of 6-area interface manufacture, which are results of this research, can contribute to the development of interface focusing on users and improvement of usability as the standard which improves user's web accessibility and increases the convenience of information acquisition and watching method. Especially, this research is very significant because it prepares guidances as the case study which is a foundation for developing prototype model of social platform based on the image, that will be vitalized in the future.

국문 초록 (Abstract)

이미지 기반 소셜 네트워크 서비스는 관심주제를 중심으로 교류하는 버티컬 SNS중 하나로써 국외에서는 이미 차세대 소셜 미디어로 각광받고 있다. 이는 각각 다른 사용자 환경에서 화면 비율 변화의 제약 없이 인터페이스가 최적화되어 이미지 공유와 관람기능의 사용성이 뛰어난 장점을 지니고 있다. 게다가 최근에는 기존 프로필 기반 소셜 미디어에서도 써드파티 형식으로 사용상의 유용한 특징들을 입증하고 있다. 이처럼 사용성이 좋은 것으로 평가되는 이유는 웹 사용자 인터페이스 디자인의 기본 원칙을 잘 지키고 있으며, 사용성의 필수조건들을 충족시키고 있기 때문인 것으로 파악된다.
차세대 SNS방식인 이미지 기반 소셜 네트워크 서비스는 현재 소셜 미디어 시장에서 그 영향력을 점차 넓혀가고 있어 활용도가 높아질 것으로 전망된다. 하지만 아직까지 체계적인 개발 기준이 마련되어 있지 않고, 모바일로 급격하게 대체되고 있는 웹 사용 환경의 변화로 인해 사용성 개선보다는 매체 전환에만 급급하여 전문적인 사용성 분석과 연구가 부족한 실정이다.
이에 본 연구에서는 이미지 기반 소셜 네트워크 서비스를 중심으로 소셜 네트워크 서비스와 사용자의 특성 및 현황을 알아보고 인터페이스 디자인의 사용성을 분석하여 소셜 인터페이스 제작의 지침을 마련하고 기준을 제시하고자 하였다. 분석 대상은 DMC 미디어의 보고자료를 참고하여 현재 국내에서 웹 플랫폼 기반으로 서비스가 제공되고 있는 플리커, 핀터레스트, 핀스파이어 3개를 선정하였고, 웹 인터페이스의 시각적, 기능적 측면 범위에 한정하여 디자인 분석과 전문가 집단에 의한 휴리스틱 평가를 실시하였다. 세부 평가 항목은 내비게이션: 기능과 메뉴, 화면 구성 요소: 레이아웃, 아이콘, 타이포그래피, 색상을 중심으로 하였으며, 분석 기준은 제이콥 닐슨 외 9가지 사용성 평가 기준에서 공통적으로 요구되는 단순성, 보편성, 심미성, 안정성, 일관성, 효율성 등을 평가 요인으로 추출하여 연구를 진행하였다.
연구 결과 사용성이 좋은 이미지 기반 소셜 네트워크의 인터페이스 디자인 기준은 다음과 같다.
첫째, 개인화를 통해 정보습득과 커뮤니케이션의 편의성을 높이고 로그인 과정을 간소화하여 접근성을 높인다. 둘째, 화면 중앙의 탑 내비게이션 방식을 주로 활용하고 위치는 항상 고정되어 있어야하며, 메뉴의 계층구조는 2단계 이하로 단순하게 구성한다. 셋째, 레이아웃은 화면 비율 변화에 따라 최적화가 용이한 수직형 다단 그리드를 활용하며 화면 구성 요소의 간격을 일정하게 배치하여 안정성을 높인다. 넷째, 아이콘은 추상화 유형이 단순해야하며, 상징성이 강한 아이콘의 사용은 지양한다. 또한 타이포그래피나 명사형 레이블과 혼합 활용하여 이해도를 높인다. 다섯째, 타이포그래피는 고딕계열 웹 기본 글꼴을 사용하여 가독성을 높이고 이미지 문자의 사용은 배제한다. 여섯째, 배경은 저채도와 무채색, 전경에는 3가지 미만의 중채도와 유채색을 적용하고 포인트 색상으로는 로고색상을 활용하여 아이덴티티에 일관성을 부여한다.
연구자는 본 연구의 성과인 위의 6개 영역 인터페이스 제작 기준이 사용자의 웹 접근성을 향상시키고 정보 습득과 보기 방식의 편의성을 증대시키기 위한 기준으로써 사용자 중심의 인터페이스 개발과 사용성 개선에 이바지 할 수 있을 것이라고 기대한다. 특히 이 연구는 향후 활성화 될 이미지 기반 소셜 플랫폼의 프로토타입 원형 모델 개발의 기초가 되는 사례연구로서 지침을 마련한다는 점에서 의의가 크다.

목차 (Table of Contents)

• 제 1 장 서 론 1
• 제 1 절 연구의 배경 및 목적 1
• 1. 연구 배경 1
• 2. 연구 목적 3
• 제 2 절 선행연구 검토 4
• 제 3 절 연구의 범위 및 방법 7
• 1. 연구 범위 7
• 2. 연구 방법 7
• 제 2 장 이론적 배경 9
• 제 1 절 소셜 네트워크 서비스의 이해 9
• 1. 소셜 네트워크 서비스의 개념 9
• (1) 소셜 네트워크 서비스의 정의 9
• (2) 소셜 네트워크 서비스의 속성 분류 10
• 2. 소셜 네트워크 서비스의 흐름과 현황 13
• (1) 소셜 네트워크 발전사 13
• (2) 소셜 네트워크 서비스 사용 현황 17
• 3. 이미지 기반 소셜 네트워크 서비스의 전망 19
• (1) 버티컬 SNS와 소셜 큐레이션의 등장 19
• (2) 이미지 기반 SNS 사용현황 21
• (3) 이미지 기반 SNS의 전망 22
• 제 2 절 사용자 인터페이스의 이해 25
• 1. 사용자 인터페이스의 개념 및 분류 25
• (1) 사용자 인터페이스의 정의 25
• (2) 사용자 인터페이스의 흐름 26
• (3) 사용자 인터페이스의 분류 27
• 2. 웹 사용자 인터페이스에 대한 이해 29
• (1) 웹 사용자 이해의 필요성 29
• (2) 개념 모델과 멘탈 모델 30
• 3. 웹사이트의 인터페이스 디자인 구성 요소 33
• (1) 소셜 웹 인터페이스 디자인의 이해 33
• (2) 웹 인터페이스의 기본 구성 요소 34
• (3) 사용자 인터페이스 디자인의 기본 원칙 41
• 제 3 장 웹 사용성 평가 방법론 구성 44
• 제 1 절 웹 사용성 평가의 배경 44
• 1. 사용성의 개념 44
• 2. 웹 사용성 평가의 필요성 47
• 제 2 절 웹 사용성 평가 방법론 49
• 1. 사용성 평가 요인에 대한 이해 49
• 2. 웹 사용성 평가 기법 57
• 제 4 장 웹 사용성 평가기법을 활용한 사례분석 61
• 제 1 절 분석 대상 및 평가 방법 61
• 1. 분석 대상 61
• 2. 평가 집단의 구성 62
• 3. 평가 범위 및 방법 63
• 제 2 절 소셜 네트워크 웹 인터페이스 사례분석 65
• 1. 웹 인터페이스 디자인 구성 요소 분석 65
• (1) 내비게이션: 메인(홈)페이지 기능 분석 65
• (2) 내비게이션: 메뉴 분석 70
• (3) 화면 구성 요소: 레이아웃 분석 74
• (4) 화면 구성 요소: 아이콘 분석 79
• (5) 화면 구성 요소: 타이포그래피 분석 81
• (6) 화면 구성 요소: 색상 분석 83
• 제 3 절 사례분석 결과 85
• 1. 웹 인터페이스 디자인 구성 요소 분석 결과 85
• 2. 체크리스트 평가 분석 결과 89
• 제 5 장 결 론 93
• 제 1 절 연구의 결론 및 시사점 93
• 제 2 절 향후 연구 과제 94
• 참고문헌 95
• 부록 99
• 국문초록 100
• ABSTRACT 102