모던UI가 적용된 스마트 폰 인터페이스의 사례와 발전방향 = A future developments and examples of Modern UI applied to Smart phone interface

국문 초록 (Abstract)

모던UI는 MS에서 Windows8 OS를 발표하면서 국내에 알려지기 시작했다. 모던UI 형태의 design은 빠른 속도로 웹뿐만 아니라 스마트 폰에까지 적용되고 있다. 국내 사용자들에게 알려져 있는 UI design은 아이폰, 갤럭시 노트, S시리즈 등의 디자인이다. 그렇기 때문에 IOS UI, Android UI등이 사용자들에게는 매우 익숙하다. 하지만 모던UI의 등장과 함께 MS의 Windows phone 사용이 증가하면서 순차적 UI방식에서 벗어난 사용자 직접 접근방식인 모던UI에 대한 관심이 높아졌다. 모던UI는 차별화된 UI설계로 사용자들에게 심미성이 고려된 사용성과 감성을 주는 디자인이다.
본 연구는 사용자의 경험을 극대화하여 구매와 직결될 수 있는 핵심 UI중 Display UI, Interaction UI와 관련된 시각적 요소(아이콘, 레이아웃, 백그라운드)에 적용된 모던UI 사례를 연구할 것이다.
적용사례를 통해 모던UI는 스마트 폰의 단점이었던 클릭오류 현상을 줄이고, 많은 콘텐츠를 지속적으로 표현하는 탭(Tab)을 통해 잘 정리하여 보완할 수 있다. 또한 모던UI의 특징 중에서 Vivid한 색상의 사용과 박스형태의 획일적인 레이아웃은 장점이자 단점이 된다.
따라서 사용자의 사용성, 감성에 따른 색상 모듈 그리드에 대한 연구와 박스형태의 다양성이 결여된 획일적인 레이아웃 문제에 대한 제안을 통해 향후 유비쿼터스 시대에 필요한 UI연구의 시작이 되길 바란다.

다국어 초록 (Multilingual Abstract)

Modern UI became known in Korea as MS announces Windows8 OS. Modern UI type design is applied to smart phone as well as to web apace.
UI designs that is well known to domestic users are designs shown in i-phone, Galaxy note and S series. Therefore, IOS UI, Android UI are very familiar to users. However, due to appearance of modern UI, MS increased the use of Windows phone, and interest in modern UI which is user-direct access type which is out of sequential UI type was increased.
Modern UI is the design that provides usability with low click error which considered esthetic element and story-oriented sensibility to users with differentiated UI design.
The purpose of this study is to study case of modern UI that is applied to visual element (icon, layout, background) related to Display UI, Interaction UI among core elements that can be directly connected to purchase by maximizing experience of user.
From the application case, modern UI can reduce click error which was weakness of smart phone, and it could be compensated by organizing with Tab which continuously shows many contents. Also, among the features of modern UI, use of vivid color and uniform layout can be strength and weakness at the same time.
Therefore, it is hope to be a start of UI study which is needed in future ubiquitous era from the study about usability of users, emotional color module grid, and proposal for problem about box type of uniform layout with lack of diversity.

참고문헌 (Reference)

1 이경태, "휴먼 컴퓨터 인터페이스 개념 및 응용" 홍릉과학출판사 2005

2 이재준, "인터랙션 미학을 위한 몇 가지 모티브: HCI와 인터랙션 디자인에서 활동이론에 관한 비판적 이해" 한국기초조형학회 11 (11): 171-182, 2010

3 조지클라크, "아이폰 앱 디자인 정석" 한빛미디어 2012

4 배효정, "스마트폰의 UI 디자인 진단 및 차세대 기술 동향: 기능적 감성을 중심으로" 한국상품학회 29 (29): 39-53, 2011

5 정태일, "스마트폰 HCI기법이 적용된 사례" 헤럴드경제

6 이동수, "스마트 폰 GUI 디자인 연구" 영남대 조형대학원 2011

7 김의진, "성공적인 UI(User Interface) 플랫폼 디자인 가이드에 대한 연구 : 스마트폰 UI 디자인 사례 비교 연구를 중심으로" 성균관대학교대학원 2012

8 이창현, "사용자의 Look&Feel을 자극하는 스마트폰 UI, 스마트폰 테마, 전쟁의 서막" 2010

9 우근도, "사용자 감성형 GUI 개발을 위한 디자인 모델 구축 : 터치스크린 모바일 폰을 중심으로" 전북대학교 대학원 2009

10 Donald A norman, "미래세상의 디자인" 학지사 2009

11 정미영, "모바일 폰 GUI가 브랜드아이덴티티에 미치는 영향에 관한 연구 : 모바일 폰 제조사 브랜드를 중심으로" 홍익대학교 2006

12 편정민, "모바일 폰 GUI 디자인 사용성 평가방법의 최적화" 단국대학교 2005

13 감창겸, "모바일 웹UI패턴 및 UI개발플랫폼 개발사례" Lg CNS 정보기술원 2011

14 김하경, "모바일 아이콘 디자인의 선호도 연구 : 국내 아이콘 사례 분석을 중심으로" 세종대 디자인대학 2006

15 이재현, "모바일 미디어와 모바일 사회" 커뮤니케이션북스 2004

16 김수희, "메타포와 메트로 아이콘형태의 비교 연구" 2013

17 베스 톤드로, "레이아웃 불변의 법칙 100가지" 고려문화사 2009

18 조영제, "디자인사전" 안그라픽스 2000

19 김영삼, "눈길을 사로잡는 스마트폰 앱UX & UI 디자인" 위키북스 2013

20 "http://mobizen.pe.kr"

21 "http://en.wikipedia.org/wiki/Skeuomorph"

22 "http://designbeep.com"

23 "Seven shades of mobile study by Insightsnow of AOL & BBDO"

24 김진우, "Human computer interaction 개론 : UX innovation을 위한 원리와 방법" 안그라픽스 2012

25 김진수, "HCI를 통한 웹사이트 사용자 경험의 향상 방법" 한국과학기술정보연구원 33 (33): 95-108, 2002