• Title/Summary/Keyword: User Interface Layout

Search Result 80, Processing Time 0.028 seconds

SLP Application and Validation for the Layout of User Interface Components (사용자 인터페이스 구성요소의 레이아웃을 위한 SLP 적용 및 검증)

  • Shin, Hyun-Bong;Jung, Kwang-Tae
    • IE interfaces
    • /
    • v.18 no.4
    • /
    • pp.485-493
    • /
    • 2005
  • In this study, a method that can objectively and systematically design the layout of user interface components was developed. In order to explain its application method, the method was applied to the layout design of facsimile. In particular, in order to validate the suitability of the method, comparison tests were performed for the case of facsimile. Computer simulators for layout design were made using Micromedia Flash and comparison evaluation for an existing layout and a new layout was performed in three aspects. The first comparison method was to measure and compare its movement distance when carrying out a task in two layout models. The second one was to measure and compare users' performance. The last one was to measure and compare users' subjective satisfaction after using two models. As the result, new layout design was better than the existing design in all comparison tests. The movement distance of the new layout design model was shorter than the existing model. And, its performance including task completion time and error frequency was better and users' satisfaction was higher than the existing. In conclusion, the method that was developed in this study can be very effectively used in the layout design of user interface components.

SINGLE OBJECTIVE LAYOUT DESIGN OF USER INTERFACE COMPONENTS WITH MULTIPLE QUALITATIVE FACTORS

  • Peer, S.K.;Sharma, Dinesh-K.
    • Journal of applied mathematics & informatics
    • /
    • v.14 no.1_2
    • /
    • pp.353-363
    • /
    • 2004
  • The purpose of this paper is to present a model to design the layout of the user interface components that handles many numbers of qualitative factors. An alternate rating system is also proposed for the closeness relationship ratings between the various pairs of components evaluated by using GOMS (goals, operators, methods and selection rules) technique. The proposed model is applied to the design of the part of the user interface in order to obtain the best layout of the components. The results of the proposed model are compared with that of an existing model, which handles single qualitative factor applied to obtain the layouts of user interface components.

Development of an User Interface Design Method using Adaptive Genetic Algorithm (적응형 유전알고리즘을 이용한 사용자 인터페이스 설계 방법 개발)

  • Jung, Ki-Hyo
    • Journal of Korean Institute of Industrial Engineers
    • /
    • v.38 no.3
    • /
    • pp.173-181
    • /
    • 2012
  • The size and layout of user interface components need to be optimally designed in terms of reachability, visibility, clearance, and compatibility in order for efficient and effective use of products. The present study develops an ergonomic design method which optimizes the size and layout of user interface components using adaptive genetic algorithm. The developed design method determines a near-optimal design which maximizes the aggregated score of 4 ergonomic design criteria (reachability, visibility, clearance, and compatibility). The adaptive genetic algorithm used in the present study finds a near-optimum by automatically adjusting the key parameter (probability of mutation) of traditional genetic algorithm according to the characteristic of current solutions. Since the adaptive mechanism partially helps to overcome the local optimality problem, the probability of finding the near-optimum has been substantially improved. To evaluate the effectiveness of the developed design method, the present study applied it to the user interface design for a portable wireless communication radio.

A Study on How the Functional Difference of User Interface Design Layout Affects User Experience. - Focusing on the F-layout and Z-layout - (웹사이트에서 유저인터페이스디자인 레이아웃의 기능적 차이가 사용자 경험에 미치는 영향 연구 - F레이아웃과 Z레이아웃을 중심으로 -)

  • Lee, Moon Hyung;Park, Il Kwun
    • Design Convergence Study
    • /
    • v.14 no.4
    • /
    • pp.181-192
    • /
    • 2015
  • The layout includes various functions not only arrangement, connection, division of information but also affordance and information recognition as the important element that determine the whole structure of information. Recently, the layout of web interface design was gradually changing from the concept of the original Z-layout to F-layout, whereas, it is being changed again into the split layout as the transform of Z-layout. However, there can be lack of grounds as to the reason of the change of layout. Therefore, it needs to study on how the functional difference between the F-layout and Z-layout affects user experience. In this study, we conduct the study on the effect of each layout type on the user experience focusing on the product description of web-page by user test. The user test have shown that the user has better feeling on the split layout based on the Z-layout than F-layout. The Z-layout also has more advantages on the formation of the favorable attitude of user in efficiency, accessibility and concentration. This result is consistent with the trend of web-design to change into the split layout based on the Z-layout and we provided the objective reasons for the effective web-design layout by user test.

A Study on the User-Interface Design Elements for the Interior Layout of the Korean AGT (한국형 경량전철의 실내공간배치를 위한 디자인요소 적용에 관한 연구)

  • 최출헌;한석윤;신학수
    • Proceedings of the KSR Conference
    • /
    • 2001.05a
    • /
    • pp.129-138
    • /
    • 2001
  • This paper studies on the user-interface design elements for the vehicle interior layout of the Korean AGT(Automated Guideway Transit). These are based on the cultural environment and space consciousness of both ethnic and class differences. This means human- oriented interface design. In order to apply the user-interface design, it is necessary to find the examples of lightrail at the foreign country, and research and analyze their design trend. Then try to combine into a concept of user interface design and interior layout. This study will be expected to apply the Korean AGT as a guide.

  • PDF

An XML based Mobile Information Visualization System for Mobile Devices using Information layout Techniques (Rectangle Layout을 이용한 XML 기반 모바일 정보 시각화 시스템)

  • Yoo Hee-Yong;Cheon Suh-Hyun
    • Journal of KIISE:Software and Applications
    • /
    • v.33 no.9
    • /
    • pp.776-786
    • /
    • 2006
  • This paper proposes XML based mobile information visualization system using rectangle layout to show effectively XML based information to user on mobile devices which do not have a rich display feature. We define XML schema that can describes information in graph with cycle as well as information in tree form. It suggests using rectangle layout method that is an improvement of the traditional method of the radial layout because the specificity of the mobile display should be considered when XML information is rendered on the screen. And then, it applies DOI of fisheye view algorithm to information on the rectangle layout to represent all and user interest information. And it also suggests an effective method considering capability of mobile devices to decrease user's confusion and improve awareness of user when a user Interest target selected. The proposed information visualization system in the form of focus+context supports an effective interface for information retrieval via mobile devices, such as PDA, cellular phone and smart phone, that usually have less power of CPU than that of PC and the constraints of display and memory. In this paper, it performs experiments and makes an evaluation comparing information visualization method between the traditional radial layout and the proposed rectangle layout.

Process Methology of Designing User Interface in Enterprise Portal (기업포탈사이트 업무화면 설계 프로세스 방법론 - 보험사의 프로젝트 진행 사례를 중심으로)

  • Kwon, Suk-Kyoung
    • 한국HCI학회:학술대회논문집
    • /
    • 2008.02b
    • /
    • pp.310-316
    • /
    • 2008
  • This theory focuses on the Enterprise Portal and researches and analyzes the user requirement on as-is system. The UI Checklist Matrix is made based on the result of user analysis and evaluation of checklist. The horizontal axis of the Matrix is composed of 6 results(Layout, Navigation, Information, Function, Visibility and Interaction) of user requirement analysis. The vertical axis of the Matrix is composed of 10 subjects, Learnability, Efficiency, Accuracy, Accessibility, Consistency, Agility, Convergence, Personalization, Technology, and Standardization. At the point of vertical and horizontal items meet, indicates the graded of importance and defines a details item. The Guideline in which Matrix is reflected is set and according to the guideline, designing the business screen and assessing the Matrix.

  • PDF

Development of a Design Support System to Improve a Coupled Design Process of an Excavator Front Layout Design (굴삭기 프론트 레이아웃의 연성 설계 프로세스 개선을 위한 초기 설계 지원 시스템 개발)

  • Bae, Il-Ju;Lee, Soo-Hong;Lee, Kyung-Soo
    • Korean Journal of Computational Design and Engineering
    • /
    • v.14 no.2
    • /
    • pp.115-121
    • /
    • 2009
  • A layout design of an excavator front is a coupled design. Parameters of the layout design are coupled each other. So it is difficult to make decisions to set the parameters of the layout of an excavator front. We analyze the parameters of the layout design of an excavator front. We regroup the parameters as interface groups. And we suggest a new design process which is based on the interface groups. And we redesign user-interfaces of the Knowledge based Excavator Design System(KEDS).

Proposal for the Model of mobile RPG lobby layoutfrom Viewpoint of UX (UX관점에서의 모바일 RPG 로비 layout 모델 제시)

  • Kim, Seong-gon;Kim, Tae-Gyu
    • Journal of Digital Convergence
    • /
    • v.17 no.12
    • /
    • pp.467-472
    • /
    • 2019
  • Growing smartphone usage in South Korea has also accelerated the pace of development of mobile games, but competition is intensifying as the market grows. As one of the factors for the success of the game in this mobile game market, UI has been presented, suggesting that the design of such mobile game UI should be approached in terms of designing the user's experience, along with its function, aesthetic expression, function-oriented design and information delivery before. In this paper, we propose an effective lobby layout of mobile RPG using experience among UX factors. Through the layout classification of Ernest Adams and Andrew Rollings, we selected 9 mobile RPGs in the 20th place of google play cumulative sales rankings and analyzed the layout of the lobby. As a result, the lobby layout of the game, which led the first market success of the mobile RPG genre, The result was that it became the standard of the boxed game. It can be interpreted that the lobby layout, which is similar to the game used previously by the user, is effective because low entry barriers and learning are unnecessary due to the experience of using the existing RPG. Future studies may produce a common layout of a broad genre if studies are conducted to measure the optimum UX for other genres than RPG.

A New Approach to Mobile Interaction - focused on optimized button layout for mobile phone - (모바일 인터랙션을 위한 새로운 접근 -휴대폰 버튼의 최적화 배치 방법을 중심으로 -)

  • Byun, Jae-Hyung;Moon, Joon-Ki;Yang, Sung-Ho;Kim, Myung-Suk
    • Archives of design research
    • /
    • v.18 no.2 s.60
    • /
    • pp.165-172
    • /
    • 2005
  • Button layout of mobile phone depends on the manufacturer and is going to be characterized in it's own way. So, there is not a standard layout except for numeric part. It is due to the lack of study on physical user interface and methodology to develop a design guideline. This study focuses on suggesting a methodology for development of button layout for mobile phone in term of physical user interface. The methodology of this study starts from scenarios of mobile phone usage. Operational sequences of 4 scenarios for 5 models are gathered based on the user manual. Proximity of each buttons is calculated according to the operational sequence. One of 5 models is selected and benchmarked by evaluating operational path. Considerations and directions are implicated to develop new solution alternatives. After evaluation of them, one of alternatives is suggested as an optimized button layout for mobile phone. This study focuses on an attempt to suggest a methodology of UI development in the matter of physical user interface, and a simple and easy way to be adopted and used at product designer level, compared to existing UI methodology for the expert.

  • PDF