• 제목/요약/키워드: UI

검색결과 4,951건 처리시간 0.035초

UX/UI 아이콘 디자인 요소로서 특수 문자 체계 연구 (A Study on the Special Characters as UX/UI Icon Design Elements)

  • 송재연
    • 디지털융복합연구
    • /
    • 제19권5호
    • /
    • pp.397-405
    • /
    • 2021
  • 본 연구의 목적은 UX/UI 디자인에서 아이콘 요소로 활용되고 있는 특수 문자의 체계를 정리하여, 명확하지 않은 사용 규정에 대한 개선 방향의 근거를 마련하는 것이다. 목적을 달성하기 위한 연구 방법으로 UX/UI 디자인과 특수 문자의 이론적 배경을 고찰하고, 특수 문자와 UX/UI 디자인의 연관성 및 당위 과제를 발견하였다. 그리고 사례연구로 기업의 UX/UI 아이콘 디자인 가이드라인에서 활용되고 있는 특수 문자의 체계를 정리하여 연구 결과를 도출하였다. 분석 결과, UX/UI에서 활용되고 있는 특수 문자 종류는 도형 문자, 수학 기호, 문장 부호, 괄호였다. 그리고 분석사례에서 공통으로 빈번하게 사용되는 특수 문자는 ▶, ♥, ★, ○, ⊙, +, ×, ⋯ 였고, 이에 대한 사용 체계를 정리하여 표준화 근거 자료로 제시하였다. 본 연구의 자료가 특수문자 체계화에 관한 연구의 관심도를 높이는 데 기여하고, 향후 기준의 틀을 마련하는 데 도움이 되기를 기대한다.

모바일 UI 기술동향 및 시장 전망 (Technology Trends and Market Prospect of Mobile UI)

  • 김유진
    • 전자통신동향분석
    • /
    • 제27권4호
    • /
    • pp.11-20
    • /
    • 2012
  • 최근 아이폰이 등장하면서 인터페이스는 새롭게 재조명받게 되었으며, 다양한 모바일 기기가 제공하는 컴퓨팅 능력을 제대로 활용하기 위해서는 반드시 사용자 인터페이스가 필요하며 중요하다. 과거 사용자 인터페이스라는 말은 컴퓨터에 제한적으로 사용되었지만, 다양한 디지털 기기 그 중에서도 스마트폰의 출시로 인해 그 의미가 점차 확장되고 있다. 또한, 최근 들어 기술 및 성능화의 차별화가 한계에 봉착하면서 인터페이스 중심으로 경쟁 패러다임이 점차 변화하고 있다. 따라서 본고에서는 UI(User Interface)의 새로운 혁신을 이끌고 있는 스마트폰을 중심으로, 모바일 UI의 진화 방향 및 제조사별 UI 적용 현황을 살펴보고 이를 토대로 모바일 UI 기술동향과 모바일 UI 시장을 전망하고자 한다.

  • PDF

사용자 행태 정보의 구조 분석을 통한 UI 모델링 방법에 관한 연구 (A Study on User Interface Modeling Method by Structure Analysis of User Behavior Information)

  • 이은신;배홍주;정지홍
    • 한국HCI학회:학술대회논문집
    • /
    • 한국HCI학회 2007년도 학술대회 2부
    • /
    • pp.387-394
    • /
    • 2007
  • 사용자-제품 간의 인터랙션 환경의 변화로 인해 사용자 행태 정보의 특성을 체계적으로 분석하기 위한 많은 연구가 진행 되고 있으며, 사용자 행태 연구의 접근 가능성 보다는 행태 정보를 UI 디자인 과정에 어떻게 적용할 것인지에 대한 연구가 더욱 중요해 지고 있다. 이에 본 연구에서는 미래 제품 개발 환경에서 효율적인 UI디자인을 위하여 사용자의 실 생활에서 수집된 사용자 행태 정보를 UI 디자인 설계 과정에 효과적으로 적용할 수 있는 모델링 방법을 제안하였다. 이를 위해 사용자 행태 정보가 갖고 있는 단계별 구조의 특성을 정의하고, 행태 정보의 구조 분석을 통해 미래 제품 개발 환경에서 제품 사용 단계별 적용 가능한UI 고려 요소 및 UI 해결 방안의 도출 과정을 가시화 시켜 주기 위한 UI 모델링 방법을 제안하였다. 사례 연구로 현재 현관문에서 발생하는 사용자 행태 정보에 UI 모델링을 적용하여 미래 환경에서 제공 가능한 GATE System의 UI 고려 요소 및 UI 해결 방안을 추출하여 적용 가능성을 제시하였다.

  • PDF

DirectShow를 이용한 사용자 중심적 3D 증강 UI 시스템 (User-Oriented Augmented 3D UI System Based using DirectShow)

  • 이관욱;장성은;최창열;김만배
    • 한국방송∙미디어공학회:학술대회논문집
    • /
    • 한국방송공학회 2010년도 추계학술대회
    • /
    • pp.40-42
    • /
    • 2010
  • 최근 3DTV 등의 3D 디스플레이의 공급으로 기존의 입체 콘텐츠뿐만 아니라, 일반 2D 영상도 자동적으로 입체 콘텐츠로 변환하여 3D로 시청할 수 있다. 이러한 콘텐츠를 시청할 때에 주로 사용하는 3D 디스플레이에는 자체적인 UI를 내장하고 있는데, 입체 모드에서의 이러한 UI를 3D로 변환하여 사용할 수 있는 3D UI기술에 대한 관심이 높아지고 있다. 본 논문에서는, 3D UI의 관심도 증가에 따라 좀 더 편리하고 이해도가 높은 3D UI의 개발 방법에 대하여 제안한다. Directshow를 이용하여, 문자와 UI 배경을 합성한다. 여기에 UI의 투명도, 시차, 밝기 등을 조절 가능하게 하여 사용자의 편의에 따라 선택할 수 있게 한다. 사전에 입체로 제작된 실험 영상을 실행하여 그 위에 메뉴 화면, 메뉴 글씨 등을 띄워 입체감 있는 3D UI를 제작, 증강을 체험할 수 있는 3D UI 플레이어를 구현한다.

  • PDF

A Study on UI/UX and Understanding of Computer Major Students

  • JOO, Heon Sik
    • International journal of advanced smart convergence
    • /
    • 제6권4호
    • /
    • pp.26-32
    • /
    • 2017
  • In this study, we showed understanding and production ability of the interface about internet, operating system, contents, and devices. This study aimed to make a list of 18 items in 4 areas for basic knowledge of UI/UX, establishment of design research, design concept, and design production for 22 sophomore, junior and senior students in IT departments, and the results of understanding were divided into three groups of excellent, normal, and insufficient, and evaluated. It was found that excellent was 18.39%, average was 38.52% and insufficient was 43.07%. Therefore, 18.39% of the students understood UI/UX, and 81.61% of students did not understand UI/UX well. In particular, in the comparison analysis of four areas, the design research area was 44 points, the design content area was 29 points, and the design production area was 11 points which was found to be the lowest. Next, the 10 evaluation items in the mobile UI/UX build guide evaluation were evaluated in the same way as the UI/UX understanding, and the excellent score was 3 points, the average score was 73.3 points, and the poor score was 155 points. The UI/UX build guides showed worse evaluation than UI/UX understanding. Therefore, to cultivate UI/UX understanding and content production ability, UI/UX experts should be fostered with professional course organization and systematic curriculum.

스마트폰의 홈 화면구조에 따른 효율적 UI 방안 모색 (An Examination of an Efficient UI of Smartphone Home Screen Structure)

  • 최진해
    • 대한인간공학회지
    • /
    • 제36권5호
    • /
    • pp.437-446
    • /
    • 2017
  • Objective: This study aims to draw an efficient UI design by comparing the usability of App drawer and single-layered home screens, which are smartphone home screens. Background: Because smartphone home screen is frequently used including the installation, deletion, and editing of APPs, it should be designed with easily controllable information structure. There is a need to seek a user-friendly UI by comparing the usability of App drawer and single-layered home screens, of which methods to search Apps are different. There is also a need to examine an efficient UI and the factors to improve from the user perspective. Method: This study targeted 30 Android OS and iOS users to evaluate the App drawer and single-layered home screens, of which UI structures are different. Each participant was instructed to carry out an App searching task and App deleting task, and the execution time and the number of errors were measured. After the tasks were completed, they evaluated satisfaction through a questionnaire survey. Results: In the App searching task with low task level, there was no difference in execution level between the App drawer and single-layered home screens. However, the single-layered home screen showed higher efficiency and accuracy in the App deleting task with high task level. As for the group difference according to use experience, there was no difference in satisfaction among Android OS users, but iOS user satisfaction with single-layered home screen with which they were familiar was higher. Conclusion: As for home screen usability, the single-layered home screen UI structure can be advantageous, as task level is higher. Repulsion was higher, when users, who had used easier UI, used complex UI in comparison with user satisfaction, when users familiar with complex UI used easier UI. A UI indicating the current status with clear label marking through a task flow chart-based analysis, and a UI in which a user can immediately recognize by exposing hidden functions to the first depth were revealed as things to improve. Application: The results of this study are expected to be used as reference data in designing smartphone home screens. Especially, when iOS users use Android OS, the results are presumed to contribute to the reduction of predicted barriers.

3차원 VR 콘텐츠의 마우스-키보드 조작 UI 개선 (The Improvement of Mouse-Keyboard Control UI for 3D VR Contents)

  • 노환범;서종환
    • 한국콘텐츠학회논문지
    • /
    • 제5권6호
    • /
    • pp.184-192
    • /
    • 2005
  • 인터넷상에서 공간을 표현하는 가장 효과적인 방법은 3차원 가상현실(VR) 콘텐츠를 활용하는 것이다. 그러나 2차원 정보를 입력하는 장치를 이용하여 3차원 VR을 조작하는 것은 매우 어려운 일이다. 현재 많은 콘텐츠 제작사들은 나름대로의 UI 조작 방식을 개발하여 서비스를 제공하고 있으며 이로 인해 사용자들에게 많은 혼란과 어려움을 야기하고 있다. 따라서 본 연구는 사용자들이 쉽게 사용할 수 있는 효과적인 3차원 콘텐츠의 Control UI 개선안을 제안하고자 한다. 이를 위해 PC와 모바일 정보기기에서 활용되고 있는 3차원 콘텐츠의 Control UI들을 분석해서 3 가지 유형으로 정리하였으며 각각의 문제점을 분석하였다. 이어서 분석 결과를 근거로 Control UI의 개선 방향을 도출하고 이를 만족시키는 새로운 Control UI모델을 설계했으며 사용자 실험을 통해 그 효율성과 활용가능성을 검증하였다. 본 연구의 결과가 3차원 VR Control UI의 개선 및 표준화 작업을 위한 중요한 토대로 활용되기를 기대한다.

  • PDF

뉴모피즘 디자인이 적용된 UI 디자인 트렌드 분석 연구 (A Study on UI Design Trends Analysis with Neumorphism Design)

  • 박지혜;오나예;박진완
    • 한국콘텐츠학회논문지
    • /
    • 제21권2호
    • /
    • pp.148-160
    • /
    • 2021
  • 최근 UI 디자인에 대한 중요성이 부각되어 여러 연구가 진행되었음에도 불구하고, 새로운 뉴모피즘 디자인의 관련된 연구는 찾기 어렵다. 이에 본 연구의 목적은 UI 디자인 트렌드인 스큐어모피즘, 플랫, 머티리얼 디자인과 새롭게 등장한 뉴모피즘 디자인을 중심으로 GUI 디자인의 발전 과정을 살펴보면서 뉴모피즘의 UI 디자인 트렌드로서 가능성을 알아보는 것이다. 따라서 본 연구는 두 가지 연구 방법으로 진행하였다. 첫째, 문헌 연구를 통해 기존 UI 디자인 트렌드인 스큐어모피즘, 플랫, 머티리얼 디자인이 적용된 실제 사례와 UI 디자인 트렌드들의 특징 및 한계에 대해 살펴보았다. 둘째, 뉴모피즘 디자인의 정의와 특징을 바탕으로 가장 최근의 UI 디자인 트렌드이자 뉴모피즘과 비슷한 특징을 가진 머티리얼 디자인과 그림자 스타일 방식을 비교하였으며, 뉴모피즘이 새로운 UI 디자인 트렌드가 될 가능성에 대해 분석하였다. 이를 통해 본 연구는 해당 디자인의 장점을 극대화하기 위해 이를 부분적으로 적용하는 방법을 제안하였다. 이는 아직 연구가 진행되지 않은 새로운 뉴모피즘 디자인이 앞으로 UI 디자인 트렌드가 될 가능성을 제시한 점에서 의의를 갖는다.

MMORPG UI Layout 분석과 Heavy User 요구에 따른 효율적인 UI 연구 및 제시 (Analysis on MMORPG UI Layout and Research on Effective UI Demanded by Heavy User)

  • 노주희;전양덕
    • 디자인학연구
    • /
    • 제20권1호
    • /
    • pp.263-272
    • /
    • 2007
  • 인터넷의 급속한 발전으로 인하여 우리 문화에서 온라인 게임이란 것은 이미 큰 부분으로 자리 잡게되었다. 게임에서 아이콘을 인터페이스로 적용하면서 UI(user interface)라는 개념이 게임 플레이시 중요하게 부각되었으며, 그로 인한 플레이 장애는 특히 온라인 게임 중 MMORPG 장르에서 크게 나타나고 있는 실정이다. 아이콘의 도입으로 게임 플레이시 화면의 영역 분할에 있어 비효율적인 부분이 들어났으며, 플레이 영역이 작아지고 있는 현상이 나타났다. 또한 UI 구성 요소들이 게임마다 다른 위치에 있음으로 인하여 Heavy User에게 게임 플레이시 적잖은 혼동을 주고있다. 본 연구에서는 기존 상용화된 게임 상위 랭킹 5위의 5개 게임을 선정하여 분석해 보고, Heavy User들의 선호도를 설문지를 통해 알아봄으로써 UI 구성 요소의 필요도 및 위치도를 분석하였다. 분석결과 현재 서비스 하고 있는 게임들의 UI와 Heavy User들의 선호도에 큰 차이점이 있음을 알 수 있었는데, 설문지 분석결과 나온 Heavy User들의 선호도를 중심으로 UI 구성요소들을 재정립, 재배치함으로써 보다 나은 UI를 제시하고자 한다. 또한 이를 통하여 Heavy User들이 게임 플레이시 보다 넓은 플레이 영역에 만족을 느끼고, 또한 어떠한 게임을 하더라도 UI의 변화를 인식하지 못함으로써 좀 더 효율적인 게임 플레이를 하는 데 기여하고자 한다.

  • PDF

CO2/N2 분리를 위한 SBS/UiO-66 기반의 고투과성 혼합 매질 분리막 (Highly-permeable SBS/UiO-66 Mixed Matrix Membranes for CO2/N2 Separation)

  • 김영준;문승재;김종학
    • 멤브레인
    • /
    • 제30권5호
    • /
    • pp.319-325
    • /
    • 2020
  • 본 논문에서는 UiO-66 입자를 합성하고, 이를 열가소성 탄성중합체인 polystyrene-block-polybutadiene-block-polystyrene (SBS) 블록공중합체 매질에 삽입하는 방식으로 CO2/N2 기체를 분리하기 위한 혼합 매질 분리막을 제조하였다. UiO-66가 고분자 매질에서 미치는 영향을 확인하기 위해 SBS와 UiO-66의 질량 비율을 변화시켜가며 혼합 매질 분리막을 제조하였다. 또한 UiO-66 입자의 균일한 분산을 위해서 두 차례에 걸친 초음파 처리 및 자성 막대를 이용한 물리적 혼합을 활용하였다. 제조된 시료들은 푸리에 변환 적외분광법(FT-IR), 주사전자현미경(SEM)을 통해 확인하였다. 또한 기체 투과 성능은 time-lag method를 통해 확인하였다. 이때, UiO-66의 함유량이 증가함에 따라 혼합 매질 분리막의 투과도는 크게 증가하였지만, CO2/N2 선택도는 크게 감소하지 않았다. 가장 좋은 성능을 보인 20%의 UiO-66 입자를 함유한 분리막의 경우 663.8 barrer의 CO2 투과도와 13.3의 CO2/N2 선택도를 보여주었다. 이러한 결과는 Robeson plot에서 순수 고분자 막에 비해 upper bound에 더 가까운 성능을 나타냈는데, 첨가된 UiO-66가 선택도를 크게 희생시키지 않고 기체 투과도는 두 배 이상 향상시켰기 때문이다.