• 디지털융복합연구
• /
• 제17권12호
• /
• pp.467-472
• /
• 2019

국내 스마트폰 이용률이 증가함에 따라 모바일 게임의 발전 속도도 빨라지고 있지만, 시장 규모가 커짐에 따라 경쟁이 심화되는 현상이 나타나고 있다. 이러한 모바일 게임 시장에서 게임을 성공시키기 위한 요소 중 하나로 UI를 제시하고 있는데, 이러한 모바일 게임 UI 설계 시 이전에 기능과 심미적 표현, 기능중심디자인과 정보 전달과 더불어 사용자의 경험을 설계하는 측면에서 접근되어야 한다는 주장이 제시되었다. 본 논문에서는 UX요소 중 경험을 이용해 효과적인 모바일 RPG의 로비 layout을 제시하였다. Ernest Adams와 Andrew Rollings의 레이아웃 분류 방법을 통해 google play 누적매출 순위 20위 내 모바일 RPG의 9개를 선정해 로비 layout을 분석한 결과 모바일 RPG장르의 첫 시장 흥행을 이끌었던 게임의 로비 layout이 이후 출시되어 흥행한 게임의 기준이 되었다는 결과가 나왔다. 이는 기존 RPG를 이용했던 경험에 의해 낮은 진입장벽과 학습이 불필요 하다는 점에서 이용자가 이전에 이용하였던 게임과 유사하게 느끼는 로비 layout이 효과적이라고 해석할 수 있다. 향후 연구에서는 RPG 이외의 다른 장르에 관한 최적의 UX를 측정할 수 있는 연구가 진행된다면 넓은 장르의 공통적인 layout을 도출해낼 수 있을 것이다.

• 디지털융복합연구
• /
• 제19권10호
• /
• pp.395-401
• /
• 2021

디지털 시대의 도래와 더불어 코로나19 감염병의 확산으로 인해 국내 교육기관은 실시간 원격강의 플랫폼을 학습의 도구로 활용하고 있다. 그러나 낮은 사용 경험 문제로 인해 혼란을 겪고 있어 사용성 연구가 필요하다. 본 연구는 ZOOM의 UI디자인 레이아웃에 따른 시선추적과 학습경험을 측정하여 실증적 데이터를 제공하고 레이아웃과 학습효과에 대한 규명을 입증하여 제언하는 것에 목적을 둔다. 총 30명의 피험자를 선정하여 학습 시 시선추적과 설문조사를 진행하였다. 연구결과, 그리드 레이아웃이 다른 레이아웃보다 감성적 실재감과 학습만족도가 높은 것으로 밝혀졌다. 또한, 참가자가 그리드 레이아웃에 가장 많은 주의를 집중한 것으로 밝혀졌다. 그러므로 높은 학습경험을 위해서는 그리드 레이아웃과 참가자를 시각적으로 부각시키고 소통을 유도하는 레이아웃을 지향할 필요가 있다.

• 한국게임학회 논문지
• /
• 제20권4호
• /
• pp.67-76
• /
• 2020

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

• 한국게임학회 논문지
• /
• 제13권1호
• /
• pp.5-18
• /
• 2013

스마트폰은 하나의 화면에 입력과 출력이 동시에 이루어져야 하므로 게임을 디자인 하는 경우 기존 모바일게임 UI배치를 사용하기에 어려움이 있다. 본 연구에서는 기존 레이아웃 연구를 기본으로 게임의 레이아웃들을 분류한 후 이것을 정보영역과 정보표시영역으로, 조작과 비조작 영역으로 분류해 성격적으로 4종류로 구분했다. 연구를 기반으로 스마트폰 게임 제작을 위한 저작도구를 만들었고 개발자 100명을 대상으로 포커스 그룹 인터뷰인 FGI(Focus Group Interview)를 실시했다. 그리고 실시 결과를 기반으로 저작도구를 수정해 게임 개발에 적용했으며 개발기간을 단축시키는 효과를 얻었다.

• 정보교육학회논문지
• /
• 제16권4호
• /
• pp.409-418
• /
• 2012

최근 스마트폰의 보급이 확대되고 있고 그 이유 중 하나가 끊임없이 창조되어 나오는 스마트폰 애플리케이션이라고 할 수 있다. 창의성이 뛰어나고 정보화기기에 민감성을 보이는 초등 정보 영재의 특성을 고려해 볼 때 이러한 스마트폰 애플리케이션은 초등 정보 영재의 호기심을 만족시키고 영재성을 발휘할 수 있는 좋은 교육 자료가 될 수 있을 것이다. 이러한 이유로 본 논문에서는 초등 정보 영재의 수준에 적합한 스마트폰 애플리케이션 UI 구성을 주제로 한 교육 프로그램을 연구하고 개발한다. 본 연구에서는 안드로이드 운영체제를 사용하는 스마트폰에서 실행할 수 있는 애플리케이션을 개발하는 프로그램을 연구하였고 개발 환경을 구축하기 위한 응용프로그램으로 Java와 Eclipse를 사용하였다. 또한 정보 교과에서 사용하고 있는 문제해결 학습 모형인 개념 클립 문제해결 수업모형을 적용하였다.

• 디자인학연구
• /
• 제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의 변화를 인식하지 못함으로써 좀 더 효율적인 게임 플레이를 하는 데 기여하고자 한다.

• Journal of information and communication convergence engineering
• /
• 제15권2호
• /
• pp.104-111
• /
• 2017

The visual presentation is one key feature which gives much consideration in designing mobile applications as it acquires attention from the end user. It takes only a few milliseconds to form an impression on a person and this is not any different to the web and mobile application designs. The first few milliseconds are a crucial time for developers as the impression produced would indicate further engagement of the service. Developers should continuously update the designs based on human needs. A few of these contents have actually paved its way to being continuously used. By synthesizing results of preceding researchers, this paper considers layout, color, and font as UI design elements of SNS messenger, and illustration and animation as the graphic image of it. In this study, the preference for messaging application chat layout was being surveyed and analyzed. As a result, there has been little significance identified since the instant messaging, so chat layout shows very minimal variance in their design.

• 한국방송∙미디어공학회:학술대회논문집
• /
• 한국방송공학회 2015년도 하계학술대회
• /
• pp.137-138
• /
• 2015

IT 기기와 서비스가 보편화되고 있는 시점에 사용자 인터페이스의 중요성은 날이 갈수록 중요해지고 있다. 사용자가 특정한 일을 하기 위해서는 반드시 인터페이스를 통해 시스템과 의사소통해야하며 인터페이스가 얼마나 편리하고 친근한가에 따라 작업의 효율성도 달라진다. 그러므로 인터페이스는 사용자와 시스템 간의 원활한 의사소통을 통해 정확한 업무 수행하기 위한 요소로 매우 중요하다. 이러한 분위기 속에서 다양한 IT 기기가 등장하면서 이에 따른 UI 트렌드도 변화하고 있다. 최근 UI 트렌드로는 대표적으로 Responsive UI(반응형 UI)를 비롯해 Metro UI, Tile Layout 등이 있다. 하지만 이러한 UI만으로는 소상공인들 위한 홍보 영상 제작 플랫폼(이하 Ad-it)에서 홍보 영상을 만들기 위한 미디어 리소스 수집하는 데에 어려움이 존재한다. 소상공인의 주요 연령대가 40~50대라는 점을 감안하여 사용자의 IT 기술 친숙도를 반영하지 않았기 때문이다. 이러한 문제점을 해결하고자 본 논문에서는 홍보 영상 리소스 수집을 위해 소상공인이 쉽게 따라올 수 있도록 단계별로 나누어진 Step UI 개념을 도입하여 홍보 영상 제작에 필요한 미디어 리소스를 수집을 위한 Step UI를 구현하였다.

• 인터넷정보학회논문지
• /
• 제5권2호
• /
• pp.85-95
• /
• 2004

소프트웨어 공학 측면에서 웹 기반 프로젝트는 상당히 비효율적인 분야이다. 웹 기반 시스템을 개발하기 위해서는 사용자 인터페이스 디자이너가 먼저 화면 레이아웃을 설계한 후 그 화면의 레이아웃 소스를 가지고 다시 비즈니스 로직 개발자가 코딩을 하여 프로젝트를 완성한다. 유지 보수를 하는 경우에도 이와 비슷한 형태로 작업이 진행된다. 이러한 웹 기반의 소프트웨어 개발 방법은 JSP의 태그 라이브러리와 같은 다양한 형태로 제안되었으나 실제로 적용하는데 여러 가지 문제점이 있으며 기존의 C/S 기반의 소프트웨어 개발에 비해 생산성 측면에서도 매우 좋지 않다. 본 논문에서 제안한 웹 폼 시스템은 기존에 제안된 방법들이 해결하지 못한 사용자 인터페이스 디자인과 비즈니스 로직을 분리하여 웹 기반 소프트웨어의 개발 생산성을 향상시킬 수 있는 방안을 제시하였다.

• 한국콘텐츠학회논문지
• /
• 제19권4호
• /
• pp.556-563
• /
• 2019

본 연구는 최근 확산되고 있는 언택트 서비스의 대표 사례인 패스트푸드점의 키오스크를 대상으로 고령자의 사용경험 향상을 위한 연구를 수행하였다. 먼저 문헌 연구를 통해 키오스크 디자인 분석 기준에 대해 고찰하고 현재 우리나라 패스트푸드점 중 키오스크가 제공되고 있는 맥도날드, 롯데리아, 버거킹의 햄버거 구매 UI 화면을 컬러, 레이아웃, 버튼으로 나누어 분석하였다. 그 다음 고령자들을 대상으로 사용성 평가와 설문을 통해 현 키오스크의 인터페이스 디자인 문제점을 발견하였다. 그 결과 고령자들은 아웃라인이 없는 버튼을 버튼으로 인지하지 못한다는 점, 화면의 레이아웃이 변하거나 시선이 흐름이 복잡하면 오류가 발생하는 점이 발견되었다. 또한, 가로 형태의 내비게이션과 세로 형태 배열의 메뉴가 오류가 적었으며 버튼의 디자인은 같은 기능에 있어서 동일한 컬러인 것이 오류가 적었다. 연구 결과 고령자들이 선호하는 키오스크 UI 디자인은 다음과 같다. 첫째, 아웃라인 또는 솔리드 형태의 버튼이 권장된다. 둘째, 이미지와 텍스트가 결합된 버튼의 세로 결합 형태가 권장된다. 셋째, 화면 레이아웃에 있어서는 시선 흐름과 조작의 방향이 일관성이 있어야 하며, 메뉴 수와 안내 정보가 증가하는 것을 피해야 한다. 넷째, 페이지 내비게이션은 가로 형태가, 메뉴 배열은 세로 형태가 권장된다. 마지막으로 버튼은 동일한 기능을 수행하는 버튼은 동일한 컬러를 사용하는 것이 효율적이고, 서로 다른 기능인 경우 보색 관계의 컬러를 적용하는 것이 혼란을 줄일 수 있을 것으로 연구결과가 도출되었다.