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

검색결과 334건 처리시간 0.029초

기업 내 UI팀의 발전방향에 대한 고찰 (A Study on the vision of a desirable UI team)

  • 장동훈;장혜정;이윤화;김형미
    • 한국HCI학회:학술대회논문집
    • /
    • 한국HCI학회 2006년도 학술대회 2부
    • /
    • pp.26-32
    • /
    • 2006
  • 다양한 정보기기들이 출현함에 따라 UI가 제품성공의 중요한 요인으로 부각되고 있다. 이러한 중요성을 인식하고 Microsoft, Nokia, HP, Motorola 등 해외 선진기업들은 UI 연구에 주력해 오고 있다. 국내 기업들도 2000년대부터 본격적으로 기업 내 UI팀을 구성하기 시작하여 점점 그 규모와 역할을 확대해 나가고 있지만, 개발시간의 촉박함, 체계적인 방법론에 대한 인식 부족, 전문인력부족 등으로 인해 UI업무가 효율적으로 진행되지 못하고 있다. 선진기업과 경쟁하기 위해서는 사용자 경험 측면에 대한 투자가 시급하며, 국내 UI전문가의 역할이 크게 요구되고 있는 시점이다. 따라서 기업 내 UI업무의 현주소를 파악하고 통합적인 고객체험 디자인을 목표로 하는 UI팀의 발전방향을 모색하고, 비전을 제시하는 것을 연구의 목적으로 삼는다. 본 연구의 방법으로는 문헌조사와 선행연구를 통해 UI, UX의 개념과 UI관련 조직의 구성과 역할을 살펴보고, 국내 모바일 및 전자제품 제조사, 유무선 인터넷을 기반으로 하는 컨텐츠 서비스 업체의 UI실무자를 대상으로 한 인터뷰와 설문조사를 통해 현재 기업 내 UI팀의 현황(조직구성, 업무의 범위 및 프로세스, 조직 내에서의 위상 등)을 분석하였다. 그 결과 다음과 같은 문제점들이 도출되었다. 첫째 조직구조상의 문제점, 둘째 업무 프로세스상의 문제점, 셋째 전문인력의 부족 등이다. 본 연구를 통해 기업 내 UI팀의 역할과 위상이 그 중요도에 비해 미약한 것으로 나타났다. 따라서 향후 통합적인 UX디자인을 접목한 미래 지향적 UI팀으로써 전체 프로세스 과정에 비전을 제시하기 위해서는 다양한 분야의 전문가들로 구성된 독립적 UI팀 구성이 이루어져야 한다. 또한 기획, 디자인, 개발 등 타 부서와의 보다 적극적인 업무교류를 통해 사용자의 입장을 대변하는 역할을 해야 한다.

  • PDF

UIML을 이용한 J2ME Midlet UI 모델링 (J2ME Midlet UI Modeling using UIML)

  • 박승범;박기창;김철현;이재희;김병기
    • 한국정보처리학회:학술대회논문집
    • /
    • 한국정보처리학회 2006년도 추계학술발표대회
    • /
    • pp.575-578
    • /
    • 2006
  • UIML 은 다양한 장치에서 사용되는 UI 구성을 위한 XML 기반의 추상 메타 언어로 다양한 Renderer를 통해 각 장치에 맞는 UI 를 생산해 낸다. 기준의 Renderer 는 C++, HTML, WML 등의 다양한 환경을 지원하지만 J2ME 기반의 UI 를 지원하는 Renderer 는 등장하지 않았다. 본 논문에서는 J2ME 기반의 UI 구성요소를 분석하고 UIML 명세로부터 J2ME 의 UI 를 생성하는 방안에 대하여 연구하였다. J2ME 의 UI 명세하기 위한 Vocabulary 를 제안하고, 이를 UIML 과 J2ME UI 요소간의 맵핑에 사용하여 J2ME 플랫폼의 UI 를 UIML 로부터 생성해 낼 수 있다.

  • PDF

교무업무시스템의 사용자 인터페이스 개선에 관한 연구 (A Study on User Interface Enhancement for NEIS School Affairs Business System)

  • 한지숙;조성제
    • 컴퓨터교육학회논문지
    • /
    • 제12권6호
    • /
    • pp.69-79
    • /
    • 2009
  • 현행 교무업무시스템의 사용자 인터페이스(User Interface, UI)는 데이터 입력방식이 복잡하고, 유사 항목들 사이나 관련 기능 메뉴들 사이에 연계가 원활하지 않아 업무의 효율이 떨어진다. 여기에서 UI는 해당 시스템 사용자가 업무를 수행하는데 필요한 입출력, 입출력 관련 기능, 메뉴구성 등을 포함한 포괄적 개념이다. 본 논문에서 우선, 경기도내 3개 초등학교 교사 100명을 대상으로 설문조사를 실시하여 기존 교무업무시스템의 문제점을 파악하였다. 기존 교무업무시스템의 UI 문제점들은 수작업에 의한 입력과 메뉴구성의 불편, 학사 일정과 교육과정의 연계 미비, 출결관리 및 교과평가의 복잡성 등이다. 문제점들을 해결하기 위해 입력기능과 메뉴구성 등이 개선된 UI를 고안하여 교사들에게 제시한 후 다시 설문조사를 수행하여 그 결과를 평가하였다. 평가 결과에 따르면, 입력 편의성과 사용자 중심의 화면 구성 등의 면에서 UI가 개선되는 것을 크게 선호하였다.

  • PDF

모바일 애플리케이션 UI 디자인 구성 요소와 가이드라인 연구 -안드로이드 구글 머티리얼 디자인을 중심으로- (A Study on Mobile Application UI Design Components & Design Guidelines -Focused on the Google Material Design Guidelines-)

  • 정다영;김승인
    • 디지털융복합연구
    • /
    • 제18권5호
    • /
    • pp.417-423
    • /
    • 2020
  • 본 연구는 안드로이드의 구글 머티리얼 가이드를 중심으로 애플리케이션의 인터페이스 디자인을 구성하는 요소들에 관하여 연구하고, 형태 및 조합 방식에 따라 분류하여 UI 디자인 가이드 제작하는 방식을 제안하는 데 목적이 있다. 우선 머티리얼 디자인 가이드라인이 제공하고 있는 컴포넌트들을 분해하여 구성 요소들에 대해 분석하고, 형태 및 속성에 따라 구분하여 유형을 나눈 뒤 각각의 특성에 대하여 조사하였다. UI 디자인의 최소 구성 요소로는 표면, 글자, 아이콘, 미디어가 있고 이러한 요소들은 컴포넌트 적용 사례를 수집하여 공통 규칙을 수립하는 방식으로 가이드를 제작하는 것이 효율적이다. 컴포넌트는 목적에 따라 정보 탐색과 알림, 콘텐츠 전달로 분류할 수 있었는데 속성 및 고려해야 할 점이 달라 각각에 맞는 제작 방식을 연구하였다. 이러한 결과는 모바일 애플리케이션의 인터페이스 디자인을 구성하는 데 있어서 효율적 가이드를 제공하는 데 의의가 있으며, 머티리얼 디자인을 바탕으로 하는 UI 디자인의 지침이 될 것으로 기대한다.

.net Framework 환경에서 하이브리드 웹 기반의 매니지드 구조화 시스템 프로그래밍 개발방식-스마트 웹 중심으로 (Developed Type in the Managed Structured System Programming of Hybrid Web in .NET Framework Environment-Centric of Smart Web)

  • 장승영
    • 한국컴퓨터정보학회논문지
    • /
    • 제18권4호
    • /
    • pp.141-152
    • /
    • 2013
  • 현재 웹 구현체계는 절차지향 방식과 객체지향 방식으로 나누어 개발해 왔다. 이러한 두 방식 모두 단순한 외형적 디자인 구성과 하이브리드 웹에 대한 보조 쓰임새 역할 구성방식으로 구현되어 개발에 대한 시간과 인력의 소비로 야기 되는 비용 문제까지 나타나고 있다. 문제해결을 위한 방안으로 .NET Framework을 기반 하에서 적용할 수 있는 매니지드 구조화 시스템 프로그래밍 방식을 제안 했다. CS의 개념을 적용한 .NET기반의 구조화 시스템 설계방식은 UI 구성측면에서의 인터페이스 구성에 최적화된 디자인 구성을 우선시 적용하여 영역별 Class 분담형식을 취해 상속관계를 유지할 수 있는 환경을 제공하며, UX와 UI의 연계성을 유지하여 UX 객체의 인터페이스 구성을 객체와 연계를 통해 Class 설계과정에서 객체형식으로 적용하게 된다. 이러한 개발방식을 통해 UI UX 측면의 표현방식을 중심으로 구현 되고 개발에 따른 효율성 해결에도 도움을 갖게 되었다.

Interactive TV 애플리케이션을 위한 3D User Interface 구현 (An Implementation of 3D User Interface for Interactive TV Application)

  • 김정환;박연선;정찬구;정문열
    • 한국HCI학회:학술대회논문집
    • /
    • 한국HCI학회 2006년도 학술대회 1부
    • /
    • pp.317-324
    • /
    • 2006
  • 디지털방송의 애플리케이션(Xlet)은 시청자와 방송프로그램간의 상호작용에 중요한 역할을 담당한다. 현재 이러한 애플리케이션 UI는 평면이미지로 구성하는 것이 대부분이며 화면상 영역은 2차원으로 제한된다. 본 논문은 이러한 2차원의 평면적인 느낌을 극복하고 3차원이 가진 다양한 이점을 살리기 위한 3차원 UI구현방법을 제시한다. 이를 위해, 본 논문은 가상의 3D System, Virtual Timeline, Animation Model 등을 구성하였다. 3D System이란 UI가 3차원 좌표계를 가지기 위한 환경을 말하며, Timeline과 Animation Model은 제한적인 성능의STB에서 보다 진보된 애니메이션을 UI에 적용하기 위한 기법이다. 이들은 다양한 애플리케이션 제작, 서비스 개발 등에 응용이 가능하다. 디지털방송은 매우 빠른 속도로 발전하고 있으며 새로운 형태의 서비스가 속속 등장하고 있다. 이러한 흐름에 발맞춰 3D UI는 기존의 TV 화면에서 보다 진보된 형태의 사용자 인터페이스의 모습을 보여줄 것이다.

  • PDF

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

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

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

UX관점에서 Eye-tracking을 이용한 교육용 게임 UI연구 (The Educational Games' UI Study from the Point of View of UX by Eye-tracking)

  • 신원섭;신동훈;전영석
    • 정보교육학회논문지
    • /
    • 제17권2호
    • /
    • pp.211-224
    • /
    • 2013
  • 본 연구의 목적은 ET(eye-tracking)를 활용하여 교육용 게임의 UI(user interface)를 구성할 때, UX(user experience)관점에서 효과적 구성 방안을 찾는데 있다. 실험 자료는 중학교 힘과 운동에 관련된 게임이었고 안구운동 데이터를 수집하기 위해 SMI(SensoMotoric Instruments)사의 iView X TM RED 120Hz를 사용하였다. 연구 결과는 다음과 같다. 첫째, 교육용 게임에서 빠른 시각적 주의를 이끌기 위한 요소는 UI의 가운데에 배치해야 한다. 둘째, 캐릭터의 속성을 변경하는 버튼과 그 속성에 대한 정보는 서로 근접한 위치에 배치해야 한다. 셋째, 학습 퀴즈는 UI의 위쪽에 위치할 때 더 빠른 시각적 주의를 이끌었다. 넷째, 처음 UI에 다른 UI를 겹쳐서 제시하였을 때 완전히 겹쳐지지 않은 부분의 처음 UI에서도 응시가 발생하였다.

  • PDF

내장형 시스템을 위한 사용자 인터페이스 모델 기반 모바일 웹앱 자동 생성 도구 (User Interface Model Based Automatic Mobile Web Application Generation Tool for Embedded Systems)

  • 최기봉;김세화
    • 정보과학회 컴퓨팅의 실제 논문지
    • /
    • 제23권1호
    • /
    • pp.13-27
    • /
    • 2017
  • 본 논문에서는 사용자 인터페이스(UI) 모델로부터 모바일 웹앱을 자동으로 생성하는 도구를 제시한다. UI 모델은 UI 중심적인 내장형 시스템을 UI 모델링을 통해 효율적으로 개발하기 위한 방법인 PELUM(Pattern and Event based Logical UI Modeling)을 기반으로 한다. 본 논문에서 제시하는 도구는 모델 편집기와 코드 생성기로 이루어져 있다. 모델 편집기는 웹 상에서 논리적 UI 모델(LUM)과 프로그래밍 인터페이스 모델(PIM)을 모델링하는 환경을 제공한다. 코드 생성기는 LUM을 기반으로 앱의 화면구성 및 이벤트 동작을 설정하고 PIM을 기반으로 로컬 데이터베이스 스키마를 자동으로 구성하여 모바일 웹앱을 생성한다. 또한 PIM에서 외부 혹은 open API 주소를 입력 받아 매쉬업 웹앱을 생성하는 기능도 제공한다. 생성된 모바일 웹앱은 사용자가 손쉽게 최적화할 수 있도록 Model-View-Controller(MVC) 아키텍처로 구현하였다. 이를 통해 사용자는 웹 상에서 UI를 모델링하여 여러 기기에서 동작 가능한 모바일 웹앱을 생성할 수 있다.