• Title/Summary/Keyword: GUI디자인

Search Result 162, Processing Time 0.023 seconds

Icon Design Analysis of Both Desktop Web and Mobile Web - about the icons on the portal sites - (데스크탑PC웹과 모바일웹의 아이콘 디자인 분석 - 포털사이트를 중심으로 -)

  • Song, Su-Jin;Kim, Sehwa
    • Proceedings of the Korea Contents Association Conference
    • /
    • 2010.05a
    • /
    • pp.129-131
    • /
    • 2010
  • 최근 복합적인 기능을 가지고 있는 스마트폰의 확산으로 모바일 웹 시장이 빠르게 확장되고 있다. 모바일 웹은 데스크탑PC 웹과는 달리 화면이 작고 사용자가 손으로 아이콘을 선택하기 때문에 사용자들이 데스크탑PC 웹에서 사용하던 아이콘을 그대로 모바일 웹에 적용하여 사용하기에 모바일 웹서비스를 위한 GUI디자인의 연구의 필요성이 제기되고 있다. 본 연구에서는 데스크탑PC 웹과 모바일 웹의 아이콘 분석을 위하여 이론적 고찰과 함께 국내 포털사이트 5곳-구글, 네이버, 다음, 야후, 파란-을 대상으로 데스크탑 PC 웹과 모바일 웹의 아이콘을 내용방식과 표현방식으로 비교 분류하였다. 아직 모바일 웹의 아이콘을 데스크탑PC 웹에서 사용하고 있는 아이콘을 그대로 사용하는 포털사이트들이 많았지만 몇몇 포털에서는 모바일 웹 사용자를 고려하여 아이콘을 별도로 제작하는 사례들을 볼 수 있었다. 즉 모바일 웹의 사용성을 높이기 위해서 사용자가 작은 화면에서 아이콘을 보고 선택하는 사용 환경을 고려한 GUI디자인이 필요하다는 것을 알 수 있었다.

  • PDF

A research on the emotion GUI design of touch mobile for Grooming user by using a multidimensional standard analysis (다차원 척도 분석법을 통한 Grooming 사용자의 터치폰 감성 GUI 디자인에 대한 연구)

  • Kim, Ji-Hye;Whang, Min-Cheol;Kim, Yong-Woo;Lim, Joa-Sang
    • Science of Emotion and Sensibility
    • /
    • v.12 no.4
    • /
    • pp.501-510
    • /
    • 2009
  • This study is to establish GUI (graphic user interface) in mobile touch phone for grooming user by using two dimensional emotion model determined by multi-dimensional scale method. The processes conducted in the research were as the followings: First of all, visceral, behavioral, and reflective factors of emotion (Norman, 2002) was defined from investigating the life styles of the Grooming users. Secondly, factor analysis was performed to extract the representative emotional words. In the third step, they were mapped into the two-dimensional emotion model through multi-dimensional scaling. Finally, the mapped emotional words were tried to be related to GUI factors of touch phones and normalizing their relation degree between 0 and 1. This study determined GUI factors significantly related to representative emotions described as special, self-centered, sophisticated, free, passionate, neat for application to mobile touch phone. This study determined the major emotion factors that should be considered the most important while designing the GUI factors.

  • PDF

Similarity Criteria in GUI and Icon Design - with an Emphasis on the Quantitative Evaluation using Checklists - (화상디자인의 유사성 판단기준에 대한 연구 - 체크리스트를 활용한 정량적인 평가 방법을 중심으로-)

  • 김소영;최민영;임창영
    • Archives of design research
    • /
    • v.16 no.4
    • /
    • pp.101-110
    • /
    • 2003
  • This paper is focused on the similarity of GUI design and proposes checklists for evaluating similarity of GUI design in quantitative way and more important factors in this checklists. On the first, consideration of similarity and analysis of GUI properties are made, and from these results, the categories that affect the evaluation of similarity are extracted. The categories are consisted of 5 factors, which are concept, shape, color, relation, and multimedia. The checklists from above 5 categories are tested in 3-stage, and in this paper, 11 checklists from shape, color, and relation factor of the second stage are verified by online survey. The purpose of this survey is to find out the difference between user groups(designer, computer related, etc) and more important factors in the checklists that affect the total results of similarity. In the results of survey, the checklists have no relation with the user groups and among the checklists, external shape, composition element, and design methods have impact factors on the evaluation of similarity.

  • PDF

Research on GUI design in digital information media (디지털 정보매체에서의 GUI 설계에 대한 연구 <인터넷전자신문을 중심으로>)

  • 박선영;이동연
    • Proceedings of the Korea Society of Design Studies Conference
    • /
    • 1999.05a
    • /
    • pp.46-47
    • /
    • 1999
  • 네트워크 멀티미디어 서비스인 월드 와이드 웹(www)이 널리 확산되면서 인터넷 전자신문이 각광을 받고 있다. 그 이유는 전자신문의 최대 장점인 쌍방향 커뮤니케이션을 통해 그 날의 뉴스들을 음성, 동화상을 통해 실시간(Real Time)으로 제공하고 있으며, 하이퍼링크의 연결로 신문의 제한된 지면을 극복하고 많은 양의 정보를 독자들에게 제공할 수 있기 때문이다. (중략)

  • PDF

A Study on the Development Method of Android App GUI Test Automation Tool (안드로이드 앱 GUI 테스트 자동화 툴 개발 방법에 관한 연구)

  • Park, Se-jun;Kim, Kyu-jung
    • The Journal of the Korea Contents Association
    • /
    • v.21 no.8
    • /
    • pp.403-412
    • /
    • 2021
  • As the number of mobile apps increases exponentially, automation of tests performed in the app development process is becoming more important. Until the app is released, iterative verification is performed through various types of tests, and this study was conducted focusing on the GUI test among various types of tests. This study is meaningful in that it can contribute to the stable app distribution of the developer by suggesting the development direction of the GUI test. To develop Android's GUI test tool, I collected basic data before presenting the development method by researching Android's UI controls and Material design guideline. After that, for the existing GUI test automation tool, two tools based on screen capture test and four tools based on source code analysis test were studied. Through this, it was found that existing GUI test tools don't consider visual design, usability, and component arrangement. In order to supplement the shortcomings of existing tools, a new GUI test automation tool development method was presented based on the basic data previously studied.

A Study on Mobile Phone GUI Designs as the analysis on Trends and User's Sensibility for Female Users in 20s (20대 여성 사용자 감성 및 트렌드 분석을 통한 휴대폰 GUI연구)

  • Chang, Dong-Hoon;Hong, Tai-Wha;Hong, Joo-Hee;Choi, Soo-Jin
    • 한국HCI학회:학술대회논문집
    • /
    • 2006.02b
    • /
    • pp.499-504
    • /
    • 2006
  • 본 연구는 사회 트렌드 변화에 따른 적응 속도가 빠르고 소비 또한 타 계층에 비해서 매우 높은 지수로 구성된 20대 여성을 연구 대상으로 선정하여 이들의 다양한 감성 니즈를 파악하고 현 시점에서의 트렌드 분석을 통해 그들의 요구와 취향이 적절하게 반영된 휴대폰 GUI디자인을 대기화면을 중심으로 제시해보고자 한다. 연구방법은 사용자 감성 니즈 분석을 위해 FGI 기법을 사용하였고, 트렌드 분석을 위해서는 Town Watching과 잡지 및 웹사이트 분석을 통하여 감성형용사를 추출하였다. 추출된 형용사간의 상관치와 의미에 따라 상대축을 설정하여 공간을 설정하고 공간 위에 각 형용사와 이미지를 배열하여 감성형용사 공간을 설정하였다. 이러한 감성평가 결과에 FGI를 통해 구분한 사용자의 감성 니즈 분류를 기초로 하여 3가지의 감성테마로 분류를 하였다. 분류 기준은 사용자들이 원하는 휴대폰 이미지와 트랜드 분석을 하여 얻은 형용사를 비교하여 그룹핑하였다. 분류된 그룹에 해당하는 테마명을 지정해주었고 그에 맞는 휴대폰 GUI 디자인을 제안한다. 본 연구는 시장세분화 경향에 따라 특정 사용자 층에 대한 연구가 중요한 시점에서 20대 여성이라는 특정 사용자층에 대한 조사를 바탕으로 디자인을 이끌어내었다는데 의의가 있다.

  • PDF

User's Emotional Preference on PC OS GUI - Though Semantic Differential Method (PC OS GUI 의 사용자 감성에 관한 연구 - 의미분별 척도법을 활용한 사용자 감성 선호도 분석)

  • Moon, Hyun-Jung;Lee, Jung-Yeun
    • 한국HCI학회:학술대회논문집
    • /
    • 2008.02b
    • /
    • pp.30-35
    • /
    • 2008
  • The purpose of this study is to analyze and define user's emotional satisfaction factors to the PC OS GUI image. The study is to investigate the relationship between PC OS GUI Image and Sensitive Vocabula교 based on user's emotional preference. 47 user preferred sensitive words are collected by the initial survey. Through the similarity test, 47 words are narrowed down to 20 comprehend words. The semantic differential methods is used in the final survey with 5 step questionnaire. From this process, user preferred the GUI design that is vocabularized as Clear, Easy, Safety, Stability. Additionally, the result shows that the image of Clear is related to Safety and the image of Easy is related to Stability. The result of the study could be used in design PC OS GUI as base data.

  • PDF

Design Strategy for Improving the Effect of Educational Contents for Public Institutions (공공기관 교육용 콘텐츠의 학습효과 증진을 위한 디자인 전략)

  • Park, Sung-Euk
    • The Journal of the Korea Contents Association
    • /
    • v.10 no.3
    • /
    • pp.444-453
    • /
    • 2010
  • The Knowledge and information are rapidly built through networks; and, through this, epochal changes and developments are reoccurring in diverse societal economic cultural ways. Especially, digital-education emerging together with educational environment changes is taking its place as an educational system which will be able to replace traditional education methods by overcoming the limitations of time and space held by present education methods. The role of GUI(Graphic User Interface) design, which adds user cognitive power and convenience as a method of purveying innumerous information, is growing. Consequently in this research, through the analysis of educational contents utilized in public organizations, research is performed regarding an educational content design for a more effective education of learners.

Effectiveness Optimization for Metro-Style Graphical User Interfaces (Metro 스타일 GUI의 가시화 효율 최적화)

  • Kim, Kangtae;Kim, Kihyuk;Lee, Sungkil
    • KIISE Transactions on Computing Practices
    • /
    • v.20 no.12
    • /
    • pp.670-675
    • /
    • 2014
  • Graphical user interfaces (GUI) in modern software deliver information visually, and a well-designed interface can provide information to the use in an organized and intuitive manner while poorly-designed interfaces can cause visual inconvenience and confusion. In order to effectively deliver information to the user, visual attention should be placed on a prominent location in the image. This paper introduces a method based on a human visual system (HVS) that can improve Metro-style GUIs by reducing a user's workload to visually find information. Our method is designed with spatial mapping and color mapping for buttons in the Metro-style GUI. Also we define a metric for Metro-style GUI effectiveness, including an optimization algorithm. The results show that our method improves the performance of visual search tasks in a Metro-style GUI.