카드 기반 사용자 인터페이스는 스마트 폰에 있어 가장 쉬운 탐색 방법 중 하나로 최근 많은 콘텐츠는 카드 형태로 노출 되고 있다. 본 논문에서는 카드의 정의와 함께 스마트 폰에서 사용되는 카드의 구성 요소에 대해 알아보았다. 카드는 다양한 이미지와 미디어를 포함한 멀티미디어의 재생이 가능하고 버튼이나 액션의 배치를 통해 세부 콘텐츠로의 진입로 역할을 한다. 카드 UI는 그 형태에 따라 기본형, 타임라인형, 워크플로우형, 대시보드형으로 구분할 수 있었으면 각 유형에 따라 다른 특색을 가지고 있었다. 기본형과 타임라인형은 정보의 위계나 순서가 필요한 경우에는 적합하지 않았으며 대용량 콘텐츠를 제공하는데 적합한 유영이었다. 워크플로우형은 콘텐츠의 양과는 크게 구분이 없었으며 수평적 콘텐츠 배열이 가능했으며 대시보드형은 다양한 데이터를 그래프나 숫자로 제공하는데 적합한 유형으로 분석되었다.
카드 기반 사용자 인터페이스는 스마트 폰에 있어 가장 쉬운 탐색 방법 중 하나로 최근 많은 콘텐츠는 카드 형태로 노출 되고 있다. 본 논문에서는 카드의 정의와 함께 스마트 폰에서 사용되는 카드의 구성 요소에 대해 알아보았다. 카드는 다양한 이미지와 미디어를 포함한 멀티미디어의 재생이 가능하고 버튼이나 액션의 배치를 통해 세부 콘텐츠로의 진입로 역할을 한다. 카드 UI는 그 형태에 따라 기본형, 타임라인형, 워크플로우형, 대시보드형으로 구분할 수 있었으면 각 유형에 따라 다른 특색을 가지고 있었다. 기본형과 타임라인형은 정보의 위계나 순서가 필요한 경우에는 적합하지 않았으며 대용량 콘텐츠를 제공하는데 적합한 유영이었다. 워크플로우형은 콘텐츠의 양과는 크게 구분이 없었으며 수평적 콘텐츠 배열이 가능했으며 대시보드형은 다양한 데이터를 그래프나 숫자로 제공하는데 적합한 유형으로 분석되었다.
The card-based user interface is one of the easiest navigation methods for smart phones, and many of the contents have recently been exposed as cards. In this paper, we have dealt with the definitions of cards and the components of cards used in smart phones. The card can play multimedia including v...
The card-based user interface is one of the easiest navigation methods for smart phones, and many of the contents have recently been exposed as cards. In this paper, we have dealt with the definitions of cards and the components of cards used in smart phones. The card can play multimedia including various images and media, and serves as an entry point into detailed contents through the arrangement of buttons or actions. The card UI had different characteristics depending on the type, if it could be classified into basic type, timeline type, workflow type, and dashboard type. The basic type and the timeline type were not suitable for the hierarchy and order of information, and they were suitable for providing large contents. The workflow type was not significantly different from the amount of content, horizontal content arrangement was possible, and the dashboard type was analyzed to be suitable for providing various data as graph or number.
The card-based user interface is one of the easiest navigation methods for smart phones, and many of the contents have recently been exposed as cards. In this paper, we have dealt with the definitions of cards and the components of cards used in smart phones. The card can play multimedia including various images and media, and serves as an entry point into detailed contents through the arrangement of buttons or actions. The card UI had different characteristics depending on the type, if it could be classified into basic type, timeline type, workflow type, and dashboard type. The basic type and the timeline type were not suitable for the hierarchy and order of information, and they were suitable for providing large contents. The workflow type was not significantly different from the amount of content, horizontal content arrangement was possible, and the dashboard type was analyzed to be suitable for providing various data as graph or number.
* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.
문제 정의
스마트 폰의 화면에서 사용자는 화면을 열고 화면에 제공되는 콘텐츠를 상하로 스크롤링 하는 것만으로 다양한 콘텐츠를 재빠르게 탐색하는 것이 가능하다. 따라서 본 연구에서는 스마트 폰의 대표적인 UI로 자리 잡은 카드기반 사용자 인터페이스에 대해 알아보았다. 카드의 명확한 정의를 알아보았으며 그와는 차별되는 디지털 카드에 대해 그 속성과 구성요소를 살펴보았다.
하지만 스마트 폰에서 제공되는 많은 서비스에서 사용되고 있는 카드 UI는 어떠한 점이 테이블 UI나 그리드 Ui와 차이를 보이는지 사용자 경험에 어떠한 영향을 미치는지에 대해서는 연구가 부족한 편이다. 따라서 본 연구에서는 카드 UI의 명확한 정의와 함께 그 구성요소를 살펴보고 사용자 인터페이스로서 올바른 사용법에 대해 알아보고자 한다.
다만 본 연구에서는 유형별 카드UI가 제공하는 세부 탐색 영역의 인터페이스는 분석하지 않았으며 세부 탐색영역으로 이동 가능한 인터랙션에 대한 연구는 진행되지 않아 다음 연구의 주제로 적합하다고 사료된다. 본 연구는 대표적인 UI로 사용되는 카드 UI에 대해 분석하고 사용법을 제시함으로써 올바른 카드 UI의 사용에 도움이 될 것으로 사료된다.
대시 보드는 진행 상황을 모니터링하고 발생되고 변경된 데이터를 빠르게 반영하는 것이 가능하다. 이상적인 시나리오는 카드 섹션으로 나누어진 정보의 시각적 순서와 요소가 어떻게 서로 상호 연관되어 있는지를 이해하고 사용자에게 전달하는 것이다. 데이터를 제공함에 있어서 다양한 요구를 충족시키기 위해 중요한 지식을 제공하지만 그렇다고 해서 사용자가 생각할 수 있는 모든 데이터를 제공해서 충족시켜야 한다는 것은 아니다.
제안 방법
따라서 본 연구에서는 스마트 폰의 대표적인 UI로 자리 잡은 카드기반 사용자 인터페이스에 대해 알아보았다. 카드의 명확한 정의를 알아보았으며 그와는 차별되는 디지털 카드에 대해 그 속성과 구성요소를 살펴보았다. 카드는 수백 년 전부터 다양한 정보를 담은 형태로 여러 방면에 사용되어 왔으며 디지털 카드 역시 그를 바탕으로 하고 있다.
성능/효과
대시보드형 카드 UI는 그래픽 메뉴와 함께 사용자에게 빠른 데이터와 정보를 제공하는 통계, 분석, 일정, 메시지 등의 정보를 포함한다. 그래프나 통계의 결과, 비교분석과 같은 수치로 이루어져 있거나 그래프를 활용한 콘텐츠를 계층 구조 요소로 구성하는 것이 가능하다. 다만 대시보드 카드 UI는 이해할 수 없는 정보를 쌓아가기보다는 무엇이 중요한지를 이해하고 모든 것을 해석하여 데이터를 제공하는 것이 필요한 만큼 스마트 폰의 발전과 함께 대두된 인포그래픽의 중요성을 강조하게 된다.
카드 기반 UI는 기본형, 타임라인 형, 워크플로우형, 대시보드 형의 카드 UI로 그 유형이 구분되었으며 각각의 유형별 특징과 사용법을 제시할 수 있었다. 기본형과 타임라인형은 정보의 위계나 순서가 필요한 경우에는 적합하지 않았으며 대용량 콘텐츠를 제공하는데 적합한 유영이었다. 워크플로우형은 콘텐츠의 양과는 크게 구분이 없었으며 수평적 콘텐츠 배열이 가능했으며 대시보드형은 다양한 데이터를 그래프나 숫자로 제공하는데 적합한 유형으로 분석되었다.
기본형과 타임라인형은 정보의 위계나 순서가 필요한 경우에는 적합하지 않았으며 대용량 콘텐츠를 제공하는데 적합한 유영이었다. 워크플로우형은 콘텐츠의 양과는 크게 구분이 없었으며 수평적 콘텐츠 배열이 가능했으며 대시보드형은 다양한 데이터를 그래프나 숫자로 제공하는데 적합한 유형으로 분석되었다. 다만 본 연구에서는 유형별 카드UI가 제공하는 세부 탐색 영역의 인터페이스는 분석하지 않았으며 세부 탐색영역으로 이동 가능한 인터랙션에 대한 연구는 진행되지 않아 다음 연구의 주제로 적합하다고 사료된다.
디지털 카드는 그래픽, 미디어, 영상, 애니메이션, 텍스트, 버튼 등의 구성요소를 삽입하는 것이 가능하며 그와 함께 카드 자체 또는 일부를 세부 정보로의 진입로로 사용할 수 있었다. 카드 기반 UI는 기본형, 타임라인 형, 워크플로우형, 대시보드 형의 카드 UI로 그 유형이 구분되었으며 각각의 유형별 특징과 사용법을 제시할 수 있었다. 기본형과 타임라인형은 정보의 위계나 순서가 필요한 경우에는 적합하지 않았으며 대용량 콘텐츠를 제공하는데 적합한 유영이었다.
후속연구
워크플로우형은 콘텐츠의 양과는 크게 구분이 없었으며 수평적 콘텐츠 배열이 가능했으며 대시보드형은 다양한 데이터를 그래프나 숫자로 제공하는데 적합한 유형으로 분석되었다. 다만 본 연구에서는 유형별 카드UI가 제공하는 세부 탐색 영역의 인터페이스는 분석하지 않았으며 세부 탐색영역으로 이동 가능한 인터랙션에 대한 연구는 진행되지 않아 다음 연구의 주제로 적합하다고 사료된다. 본 연구는 대표적인 UI로 사용되는 카드 UI에 대해 분석하고 사용법을 제시함으로써 올바른 카드 UI의 사용에 도움이 될 것으로 사료된다.
질의응답
핵심어
질문
논문에서 추출한 답변
카드 UI가 다른 UI에 비해 스마트폰의 대표적 UI로 자리 잡게 된 이유는 무엇인가?
역할 적으로는 카드는 컨테이너로서 이미지와 텍스트로 가득 찬 작은 직 사각형으로 필요한 정보들을 한 장에 담은 세부 정보로의 진입점 역할을 한다. 다른 UI에 비해 카드 UI가 스마트 폰의 대표적인 UI로 자리를 잡게 된 것은 카드가 스마트 폰의 가장 큰 특징이라 할 수 있는 제스처에 빠르게 응답할 수 있는 컨트롤과 멀티미디어, 텍스트, 링크, 그래픽 및 캡션 등의 구성 요소가 세부 적인 내용의 미리 보기 형태를 취하기 때문이다. 그와 더불어 사용자는 화면을 켜고 스크롤을 상하로 내리고 올리기만 하면 되는 쉬운 UX를 바탕으로 하고 있기 때문에 큐레이션에 가장 적합한 UI이기도 하다.
카드 기반 UI 유형은 어떻게 구분하는가?
디지털 카드는 그래픽, 미디어, 영상, 애니메이션, 텍스트, 버튼 등의 구성요소를 삽입하는 것이 가능하며 그와 함께 카드 자체 또는 일부를 세부 정보로의 진입로로 사용할 수 있었다. 카드 기반 UI는 기본형, 타임라인 형, 워크플로우형, 대시보드 형의 카드 UI로 그 유형이 구분되었으며 각각의 유형별 특징과 사용법을 제시할 수 있었다. 기본형과 타임라인형은 정보의 위계나 순서가 필요한 경우에는 적합하지 않았으며 대용량 콘텐츠를 제공하는데 적합한 유영이었다.
카드 기반 UI의 유형별 특징은 무엇인가?
카드 UI는 그 형태에 따라 기본형, 타임라인형, 워크플로우형, 대시보드형으로 구분할 수 있었으면 각 유형에 따라 다른 특색을 가지고 있었다. 기본형과 타임라인형은 정보의 위계나 순서가 필요한 경우에는 적합하지 않았으며 대용량 콘텐츠를 제공하는데 적합한 유영이었다. 워크플로우형은 콘텐츠의 양과는 크게 구분이 없었으며 수평적 콘텐츠 배열이 가능했으며 대시보드형은 다양한 데이터를 그래프나 숫자로 제공하는데 적합한 유형으로 분석되었다.
참고문헌 (15)
https://www.strategyanalytics.com/
Korea Internet Promotion Agency, "Internet Usage Survey in 2016", 2016
Ilija Bojchovikj, "Cards, Twitter Cards, Google Cards and everybody on Cards", https://medium.theuxblog.com/@ilijabojchovikj, 2016.
Howard Rheingold. "The Virtual Community-Homesteading on the electronic frontier", The MITpress, p5, 1993.
Norman. D., "Why We Love (or Hate) Everyday Things", 2004.
Na-Mi, Kim, Hyo-Jin, Kim, "Comparative study about the user experience, product attitudes, and repurchase intention regarding smart phone UI(User Interface) in Korea and China", Journal of Digital Convergence Vol.13 No.10, pp. 501-508, 2015.
Chang-wook, Lee, Jin-hun, Jeong, "Consideration for cognitive effects in smart environments for effective UXD", Journal of Digital Convergencey Vol.11 No.2, pp. 397-405, 2013.
Eui-Seok Nahm, "Development of Multi-Touch/Context-Aware Convergence Digital Signage System based on Android OS Platform", Journal of digital convergence, Vol.13 No.8, pp. 245-251, 2015.
Su-Young Pi, Myung-Suk Lee, "An Exploratory Study on the User Experience of Augmented Reality Advertising", Journal of digital convergence Vol.14 No.8, pp. 177-183, 2016.
So-Mi An, "Study on Web-related Spatial Design Research Trend", Journal of digital convergence Vol.12 No.8, pp. 481-492, 2016.
Dong-Hyun. Kim, Min-Ho Kim, "Design of Mixed reality based edutainment system using cloud service", Journal of the Korea Convergence Society Vol.6 No.3, pp. 103-109, 2015.
Dae-Hyuk Moon, "Implementation of Panoramic Realistic Images with the Use of Ultra High Definition(UHD) TV", Journal of the Korea Convergence Society Vol.14 No.7, pp. 411-418, 2016.
Hwoi-Kwang Kim, "A Study on fusion design development direction of the Flexible display base", Journal of the Korea Convergence Society Vol.14 No.1, pp. 399-405, 2016.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.