• 제목/요약/키워드: UI 디자인

검색결과 287건 처리시간 0.027초

스마트폰 UI에서 터치 제스처의 방향성과 이너 스크롤의 인지 (Direction of Touch Gestures and Perception of Inner Scroll in Smartphone UI)

  • 이영주
    • 디지털융복합연구
    • /
    • 제19권2호
    • /
    • pp.409-414
    • /
    • 2021
  • 본 논문은 대중화되고 사용이 익숙해진 스마트폰이 환경에서 디바이스 특성상 작고 긴 UI의 스크롤의 방향이 가지는 터치 제스처에 대해 알아보았다. 터치 제스처는 과거의 경험을 바탕으로 메타포나 어포던스와 같은 트리거에 의해 터치되고 방향을 가지게 된다. 탐색, 동작 그리고 변형 제스처의 유형에 따라 유형별 다른 터치 제스처를 사용하지만 그 중에서도 스크롤은 가장 빈번하게 사용된다. 스크롤은 수직 방향의 상하로 스크롤 하는 것이 일반적이지만 최근에는 내부에 좌우로 스크롤링 가능한 디자인 패턴을 배치하여 사용자의 인지부조화를 발생시킨다. 우측 콘텐츠 일부를 가려 좌우로 스크롤이 가능한 이너 스크롤의 활용에 있어 스크롤이 불가능한 디자인 패턴의 혼용은 사용자에게 주의를 요하는 요인이 된다. 따라서 트리거의 사용과 일관성 있는 디자인 패턴의 활용은 이너 스크롤 환경에서도 사용자 경험을 높여 줄 수 있음을 알 수 있었다.

IoT 환경에서 인터유저빌리티(Interusability) 개선을 위한 사물성격(Personality of Things)중심의 UI 프로토타이핑에 대한 연구 (A Study on UI Prototyping Based on Personality of Things for Interusability in IoT Environment)

  • 안미경;박남춘
    • 한국HCI학회논문지
    • /
    • 제13권2호
    • /
    • pp.31-44
    • /
    • 2018
  • 사물인터넷(Internet of Things)시대에는 다양한 사물이 연결되어 사물들 스스로가 데이터를 획득하여 이를 바탕으로 학습하고 동작한다. 이는 사물이 사람의 모습을 닮아가고 있다고 볼 수 있고 변화한 사물과 사람이 어떻게 소통하는가를 설계하는 것이 핵심 이슈로 떠오르고 있다. 이러한 IoT 환경이 도래함에 따라 UI 디자인 분야에서도 많은 연구가 진행되었다. 멀티모달리티(Multi-modality)와 인터유저빌리티(Interusability) 등의 키워드를 통해서 UI 분야에서도 복합적인 요소를 고려하려는 연구가 진행됐음을 알 수 있다. 하지만 기존의 UI 디자인 방법론으로는 IoT 환경에서 사용자 인터페이스(UI)를 설계할 때 사물, 사람, 데이터가 상호작용하는 방식에 대해서 구조화하고 테스트하는데 한계가 있다. 따라서 본 연구에서 새로운 UI 프로토타이핑 방법을 제안하였다. 본 논문의 주요 분석과 연구는 다음과 같다: (1) 먼저 사물의 행동 프로세스를 정의하였다. (2) 행동 프로세스를 토대로 기존의 IoT 제품을 분석하였다. (3) 사물성격(Personality of Things)유형을 구분 지을 수 있는 프레임워크를 제작하였다. (4) 프레임워크를 바탕으로 사물성격(Personality of Things) 유형을 도출하였다. (5) 3개의 대표 사물성격(Personality of Things)을 실제 스마트 홈 서비스에 적용하여 프로토타이핑 테스트를 해보았다. 본 연구는 새로운 UI 프로토타이핑 방법을 제안하여 더 총체적인 방식으로 IoT 서비스에 대한 사용자 경험(UX)을 확인할 수 있었다는 데 의의가 있다. 또한, 향후 본 연구를 발전시켜 인공지능(AI) 기술이 발전한 환경에서 지능화된 서비스의 정체성(Identity) 확립의 도구로 사물성격(Personality of Things) 개념을 활용할 수 있을 것이라 생각한다.

  • PDF

기문둔갑 UI 디자인 활용방안에 관한 기초연구 "모바일폰 디스플레이 메뉴 중심으로" (A Study on User Interface Using a Basic Frame of KIMUNDUNKAP "Focusing on Display Menu of Mobilephone")

  • 이중석;이동연
    • 한국HCI학회:학술대회논문집
    • /
    • 한국HCI학회 2006년도 학술대회 2부
    • /
    • pp.147-155
    • /
    • 2006
  • 최근 동양사상은 사회, 문화 전반에 걸쳐 활용되고 있으며 디자인 분야에 적용하려는 연구 역시 지속적으로 이어져오고 있다. 이러한 맥락으로 볼 때 동양사상과 인터페이스의 관계에서도 음양오행, 팔괘, 하도낙서 등의 기본원리에 의한 적용이 가능하다고 유추할 수 있으며, 우주 만물의 조화와 균형을 추구하고 있는 동양사상을 사용자 인터페이스에 적용한다면 사용하기 쉬움과 어려움의 균형이 적절하게 조화를 이루어 인간이 보다 자연스럽게 사용할 수 있는 UI가 개발될 가능성을 가지고 있다고 할 수 있다. 본 연구는 구궁. 팔괘의 의미에 따른 모바일폰 메뉴 구조를 통하여 단순히 사용빈도가 높거나 유사한 항목간의 관계, 기업의 마케팅을 위한 관계 설정이 아닌 각 기능이 가지고 있는 본질적 의미를 팔괘로 해석하고, 구궁에 적용함으로써 질서와 조화를 갖춘 메뉴 관계를 형성하고, 이를 통해 인간이 보다 자연스럽게 사용 할 수 있는 UI를 제언하고자 하는 목적으로 진행되었다. 연구방법으로 음양오행, 주역의 팔괘 등을 체계적으로 수용하고 있으며, 구궁이라는 9개의 공간에 의미와 시간의 요소를 조합하여 해단함으로써, 인간사 전반에 걸친 해석이 가능한 '기문둔갑'이라는 동양학문을 제시하고, 이를 토대로 사용자 인터페이스와의 관계를 밝히고 적용가능성을 설명하였다. 사례연구로 $3{\times}3$ 메뉴구조의 모바일폰 디스플레이 인터페이스에 기문둔갑의 기초인 구궁, 팔괘를 적용하는 방법을 설명하고 디자인전공자 30명의 설문으로 얻은 사용자 멘탈모델과 비교 분석하여 디자인에서의 동양사상 활용 가능성을 설명하였다.

  • PDF

인터페이스 디자인의 시각적 무게 (Visual Weight of Interface Design)

  • 박찬익
    • 디지털융복합연구
    • /
    • 제17권12호
    • /
    • pp.461-466
    • /
    • 2019
  • 본 연구에서는 인터페이스의 디자인에 있어 시각적 무게에 따라 디자인을 구성할 수 있음을 알아보았다. 우선 인터페이스 디자인은 스큐어모피즘의 시대를 거쳐 플랫디자인에서 머티리얼 디자인 또는 머리티얼 디자인 일부를 차용해 심도와 차원을 표현하고 있었다. 이는 심도와 차원을 표현하기 어려운 메트로 UI와 플랫디자인의 특징에 의한 것이지만 머티리얼 디자인에서는 시선 유도를 위한 별도의 장치는 없었기에 게슈탈트 이론에서 시각적 무게를 구분할 수 있는 원리에 대해 알아보았다. 포지티브와 네거티브, 영역의 크기와 배치, 근접성, 폐쇄성 그리고 관념성이 시각적 무게와 방향에 대해 밀접한 관련이 있었으며 그를 통해 몇 가지 사례를 통해 인터페이스에 적용될 수 있음을 알 수 있었다.

Product-Line 에서의 UI 자산화 기법 (Methods of managing UI Assets in Product-Line Engineering)

  • 황길승;윤석진;송문섭;양영종
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2004년도 추계학술발표논문집(상)
    • /
    • pp.421-424
    • /
    • 2004
  • Product-Line 기반의 소프트웨어 개발은 특정 도메인의 소프트웨어 제품군 내의 공통성과 가변성 분석을 통한 공통 아키텍처의 추출과 재사용으로 개발의 생산성과 효율성을 향상시킨다. 일반적인 Product-Line 기반 방법론에 따르면, 재사용되는 핵심자산은 아키텍처, 컴포넌트, 등의 소프트웨어 내부 비즈니스 로직에 한정되어 있으며, 실제로 소프트웨어 개발에 있어 많은 비용이 지출되는 UI(User Interface), 데이터베이스 등의 설계 및 개발에 대한 내용은 언급되어 있지 않은 실정이다. 본 논문에서는 소프트웨어 개발에 필요한 UI 모듈을 핵심자산의 형태로 Product-Line 에서 사용할 수 있도록 하는 방법을 제안한다. UI 모듈을 설계하여 명세하는 방법과 설계된 UI를 디자인 템플릿과 연결하여 내부 로직과 연계하는 방법에 대해 설명한다. 이 방법을 이용하면 Product-Line을 위한 핵심자산 구성시 UI 모듈을 포함할 수 있어 생산성과 효율성을 향상시킬 수 있을 것으로 생각된다.

  • PDF

키오스크 UI 디자인 설계 및 구현: 화장품 편집 샵의 키오스크를 중심으로 (Design and Implementation of Kiosk System: Focused on Kiosk of Cosmetics Editorial Shop)

  • 정혜경;고장혁
    • 반도체디스플레이기술학회지
    • /
    • 제18권1호
    • /
    • pp.79-86
    • /
    • 2019
  • In the recent industry, unmanned systems are expected to continue to spread throughout the economy. Especially in case of cosmetics, Users do not buy it right away. They look around, test it thoroughly, check the reviews, and decide on the purchase. Therefore, unmanned system using kiosk is more popular than face - to - face service of clerks. In this study, the persona analysis was completed based on the results obtained from the questionnaires and in - depth interviews. After sorting out the needs of the users, we applied them to the kiosk UI design of "Lalavela". The purpose of this study is to propose a kiosk UI design that helps many users who want to know information about the product though they are reluctant to ask directly to the clerk.

대학교육에서 학습자 중심형 UI/UX 디자인이 적용된 블로그 기반의 보조학습도구가 학습성과에 미치는 영향 (The Effectiveness of Learning Performance on Supplementary Learning Tool based on Blog using Learner-Centric UI/UX Design in Higher Education)

  • 배지혜
    • 한국산학기술학회논문지
    • /
    • 제12권12호
    • /
    • pp.5531-5540
    • /
    • 2011
  • 최근 사용자가 주체가 되는 웹 2.0의 교육적 활용에 대한 설계원리가 적용된 학습이 많이 제시되고 있다. 웹 2.0의 많은 요소들 중에서도 블로그는 집단에서 개인 중심으로 변해가는 웹의 경향을 잘 반영한 도구이며 게시판 같은 도구와 달리 개방적이며 정보와 콘텐츠의 생산 및 확산에 쉽게 동참할 수 있는 출발점이 되는 도구이다. 본 논문은 웹 2.0 기술과 교육을 연결시킨 새로운 학습 방법을 고안하려는 차원에서, 대학교육에서의 학습자들이 학습자 중심형 UI/UX 디자인이 적용된 블로그 기반 학습도구를 보조학습 도구로 활용을 할 경우 학습성과에 어떠한 영향을 미치는가에 대한 연구를 목적으로 한다. 연구도구로써 사용자 중심의 설계가 가능한 설치형 블로그를 실험환경에 적용하였으며 이에 따른 설문결과와 학습평가점수, 과제수행점수의 분석을 통해 학습자 중심형 UI/UX 디자인이 적용된 블로그 기반의 보조학습도구가 학습성취도와 학습몰입도에 영향을 준다는 결론을 얻게 되었다.

최적화 로비 UI 제안 - 모바일 야구 매니저 게임을 중심으로 - (Optimization lobby UI proposal of Mobile baseball manager game)

  • 류인석;김태규
    • 한국게임학회 논문지
    • /
    • 제20권4호
    • /
    • pp.67-76
    • /
    • 2020
  • 본 연구는 모바일 플랫폼을 기반으로 한 야구 매니저 게임의 로비 UI를 분석하여 최적화 로비 UI를 제안한다. 4종의 게임 로비 내의 UI 레이아웃 기반 세부 아이콘, 버튼과 같은 상호작용 요소들의 위치를 공통점과 차이점을 비교 및 분석하여 최적화된 UI 구성을 최종 산출한다. 나아가 분석 내용을 바탕으로 사용자 중심 디자인에 맞춰 최적화된 로비 UI를 제안하고자 한다.