These days, web contents operated with smart devices are deeply presented in people’s lives in variou forms. Along with the variety of smart devices, web contents are provided for theusers to receive intuitively by utilization of the advanced technology. During this operation, the information’s features such as its layout, composition, and so on change in accordance with the monitor’s resolution or format. At the moment, the web contents the users face have possibility of confusion due to the excessive decorative features and unnecessary functions; thus, a study for a definite method to convey the information is needed. Together with the development of human- oriented technology such as responsive websites, there are more and more technical studies for user-‐centered design going on throughout various fields. Among numerous web contents’ interface techniques that provide the users convenient interface, this study focuses on the usability of scroll effect. In other words, the study identifies the kinds of scroll affordance elements, and figures out the users’ preference of it, which will be a consistent research throughout the paper. For the identification, the study analyzed previous studies and documents, and also, made comparisons of four types of affordance models through 127 operating websites from the inside and outside of the country. Once the analysis was done, particular experiments are made for the survey. For the credibility, consistency, potential possibility, and accuracy of the survey questions, Cronbach’s Alpha was used. In addition, One-way ANOVA method was used to check if there are differences in intuition, preference, and scroll behavior intention between the types of affordance. At the end, the previous and present research was both used to compare the results.Details of the procedure are as follows. First, it begins with the contemplation of the previous studies and analyzes the web scroll affordance design in different types. Second, it features how intuitiveness from the four types of visualizations (text, animation, image, and the intangible) affects the users’ preference and scroll behavior intention.Since scrolling causes many mobile and web users to look for the site’s information, the study’s assumption of the fact that the web scroll affordance design type affects the users’ intuition, preference, and scroll behavior intention, the study focused on the measurement of the degree and behavior pattern. In order to reach the study’s objective, a previous research was taken to figure out the overall usability of web scrolling. The research’s interview was taken during the five days from March 27 to March 31 on fifteen people aged between 10 to 60.In order to achieve the study’s aim, following three questions were considered.1. How does web scroll affordance design type affect intuition?2. How does web scroll affordance design type affect preference?3. How does web scroll affordance design type affect scroll behavior intention?For the selected questions, assumptions were made for each of the affordance types, and experiments were built. For the verification of the assumption, two versions of eight types of website prototypes were made. Each of the experiment materials are consisted of same survey questions and was asked to 107 people. It was asked to people aged from 10 to 60 who were mostly students or workers, and the date was from 6/1/2017 to 6/7/2017. The questions were based on Cronbach’s A for their safety, consistency, and predictability. The result is as follows.Question 1: It was found that the animation type had the highest intuition rate among the affordance design types.Question 2: It was found that the animation type had the highest preference rate among the affordance design types.Question 3: It was found that the animation type had the highest scroll behavior intention rate among the affordance design types.Moreover, based on the previous and present research, it was identified that the users were not particularly considering the universal scroll’s usability. After the research of the users’ scroll reaction, the cognitive and non-cognitive (intuitive) scroll form did not match.Through the research, it was identified that it is an important issue to utilize intuitive and the most preferred design type when designing a website. The result of the survey shows that the animation type was the most desired among the affordance design types. With the consequence achieved, further research is expected on the positive affordance design strategy of the scrolls when using web contents in accordance with the users and usability features.
스마트 디바이스를 활용한 웹 콘텐츠는 다양한 형태로 현대인의 생활 속 깊숙이 자리잡고 있다. 오늘날, 웹 콘텐츠는 다양해진 스마트 디바이스에 맞추어 다양한 기술과 접목되어 사용자가 직관적으로 받아들이도록 제공된다. 이 때에 제공되는 매체인 다양한 스마트 기기의 화면 해상도 혹은 모양새에 맞추어 정보의 레이아웃, 구성 등은 지속적으로 변화하게 된다. 이 때에 사용자가 접하게 될 웹 콘텐츠는 과도한 장식 요소와 필요 이상의 기능으로 인해 혼란이 가중될 수 있기 때문에 명확한 전달 방식을 위한 연구가 필수적이다. 반응형 웹과 같은 인간 중심의 기술이 개발되면서 다양한 분야에서 사용자 맞춤형 디자인을 제공하고자 기술적인 연구가 활발하게 진행되고 있다. 본 연구는 사용자들에게 편리한 인터페이스를 제공하기 위한 다양한 웹 콘텐츠의 인터페이스 기술 중 스크롤의 사용성에 집중하고 있다. 즉, 본 연구는 어떤 방식의 스크롤 어포던스 요소가 있는지 파악하고, 사용자가 선호하는 스크롤 방식을 도출하여 앞으로 지속적으로 연구될 사용자의 웹 콘텐츠 인터페이스에 관해 의미있는 연구를 진행하고자 시작되었다. 이를 파악하기 위해 본 연구는 선행 연구와 문헌 고찰을 통해 현재 운영 중인 국내외 사이트 127개를 총 4가지 유형의 어포던스 형태로 나누어 비교 분석하였다. 유형별로 분석한 후, 특정 실험물을 제작하여 설문조사를 실시하였다. 각 설문 문항에 대한 신뢰도를 검증하기 위해서 크론바흐 알파(Cronbach's Alpha) 계수를 사용하여 문항 간의 일관성, 예측가능성, 정확성 등을 살펴보았다. 또한 어포던스 유형을 바탕으로 직관성, 선호도, 스크롤 행동의도에 차이가 있는지를 분석하기 위해 일원분산분석(One-way ANOVA)을 실시하였다. 실시한 실험인 본 조사와 이전에 시행된 예비 조사의 각 결과를 함께 비교 분석하였다. 본 연구의 세부적인 절차는 다음과 같다. 첫째, 선행연구 고찰을 통해서 웹 스크롤 어포던스 디자인을 유형별로 분석한다. 둘째, 네 가지 시각화 유형(텍스트형, 애니메이션형, 일부 이미지형, 무형(無形)에 따른 직관성이 각각의 디스플레이가 사용자의 선호도, 스크롤 행동 의도에 어떠한 영향을 미치는지 분석한다. 스크롤은 인터넷과 모바일 웹을 사용하는 많은 사용자들에게 사이트의 정보를 볼 수 있도록 유도하는 역할을 하고 있기 때문에 그 디자인 유형과 위치 등에 따라 사용자에게 영향을 미친다. 따라서 본 연구는 웹 스크롤 어포던스 디자인 유형이 사용자들의 직관성, 선호도, 스크롤 행동의도에 영향을 미친다고 예상하는 바, 그 영향의 정도와 행동 양상 등을 분석하는 것에 연구의 목적을 두었다. 연구 목적을 달성하기 위해 예비조사를 통해 웹 스크롤에 대한 전반적인 사용성을 파악하고자 하였다. 예비조사는 2017년 3월 27일부터 3월 31일까지 5일 동안 웹 사이트를 이용하는 10대부터 60대 이상의 일반인 총 15명 대상으로 인터뷰를 실시하였다. 따라서, 위와 같은 연구 목적을 달성하고자, 다음의 대표적인 3가지 연구 문제를 중심으로 연구를 진행하였다.연구 문제 1. 웹 스크롤 어포던스 디자인 유형별 직관성에 차이가 있는가?연구 문제 2. 웹 스크롤 어포던스 디자인 유형별 선호도에 차이가 있는가?연구 문제 3. 웹 스크롤 어포던스 디자인 유형에 따라 스크롤 행동의도에 차이가 있는가?선정된 연구 문제에 관해 위에서 도출된 총 4개의 어포던스 유형별로 가설을 세우고, 검증하기 위해 실험을 설계하였다. 가설 검증을 위한 실험을 설계하기 위해 2가지 버전, 총 여덟 가지의 웹 사이트 프로토타입을 구성하고 제작하였다. 각각의 실험물은 동일한 설문 조사 질문들로 구성되어 총 107명의 설문조사 대상자에 의해 설문을 진행하였다. 본 조사는 2017년 6월 1일부터 6월 7일까지 웹 사이트를 이용하는 10대부터 60대 이상의 학생과 직장인 등을 대상으로 설문조사를 실시하였다. 각 설문 문항의 안정성, 일관성, 예측 가능성을 알아보기 위해 크론바흐 알파(Cronbach's α) 계수를 신뢰도 계수로 사용하였다. 분석한 실험 결과는 다음과 같다. 연구 문제 1에 대한 가설을 검증한 결과, 애니메이션형이 웹 스크롤 어포던스 디자인 유형 중 가장 직관성이 높은 것으로 나타났다. 연구 문제 2에 대한 가설을 검증한 결과, 애니메이션형이 웹 스크롤 어포던스 디자인 유형 중 가장 선호도가 높은 것으로 나타났다. 연구문제 3에 대한 가설을 검증한 결과, 애니메이션형이 웹 스크롤 어포던스 디자인 유형 중 가장 스크롤 행동의도에 큰 영향을 미치는 것으로 나타났다. 또한, 예비조사와 본 조사의 결과를 바탕으로 사용자는 보편적으로 사용하고 있는 스크롤에 대한 사용성에 관해 특별히 의식하지 않고 있다는 사실을 알 수 있었다. 사용자의 스크롤에 대한 반응을 관찰한 결과, 사용자가 의식적으로 선호하는 스크롤 형태와 의식하지 않고 직관적으로 스크롤하는 스크롤 형태가 일치하지 않았다. 본 연구를 통해 웹 사이트를 디자인할 때에 직관적이고 다수 사용자가 원하는 유형을 활용하는 방안이 중요하게 고려해야 할 논점으로 입증되었다. 애니메이션형은 본 조사에 해당하는 설문지의 결과 각 사용성 모두에서 가장 선호되는 방안으로 나타났다. 이에 따라 구체적인 각 사용성의 요소별 차이와 사용자 특성을 감안한 추후 연구를 통해 웹 콘텐츠 이용시 스크롤의 긍정적인 어포던스 디자인 전략이 도출되어지기를 기대한다.