• Title/Summary/Keyword: GUI 디자인 구성요소

Search Result 21, Processing Time 0.027 seconds

A Comparative Study on the Expression Types of Web Magazine in Responsive Web (반응형웹 기반의 웹매거진 표현방식 비교연구)

  • Kim, Jong-Hee;Kim, Hwa-Sei
    • Proceedings of the Korean Society of Computer Information Conference
    • /
    • 2014.07a
    • /
    • pp.43-44
    • /
    • 2014
  • 본 논문에서는 사용자에게 동일한 경험과 최적화 된 웹 매거진의 디자인 서비스 설계 연구를 위해 해상도 혹은 디바이스에 따라 유연하게 변화되는 반응형웹 매거진의 표현방식에 따른 변화를 살펴보았다. 웹 매거진의 표현방식은 멀티미디어, 인터랙티브 환경, GUI 디자인으로 구성 되어 있다. 이를 토대로 점유율이 높은 대표 웹 매거진을 선정하여 표현 방식을 살펴본 결과 멀티미디어 요소에서는 동일한 디자인에 최적화 된 크기 변화를 주는 방법과, 협소한 해상도에서는 비교적 중요도가 떨어지는 디자인 요소를 숨기는 방식으로 설계 되었고, 인터랙티브 환경과 GUI의 변화에서는 요소들의 정렬의 변화로 동일한 시각적 이미지와 최적화된 이미지 배열의 형태를 보여주었다.

  • PDF

Study of the user-oriented GUI design to build the database of Korean traditional materials on internet (인터넷에서의 한국 전통 소재 데이터베이스 구축을 위한 사용자 중심의 그래픽 유저 인터페이스 디자인 연구)

  • 이현주;박영순;김영인;김서경;방경란;이정현
    • Archives of design research
    • /
    • v.13 no.4
    • /
    • pp.125-135
    • /
    • 2000
  • As computers have became popular and multimedia and internet are frequently used, the volume and exchange of information have explosively increased. Therefore, more organized information system is needed for a more efficient use of information. For this reason, the importance of information design and interface design is highly recognized. This thesis is to present the user-oriented interface design prototype based on the environmental analysis of the user and information design. For this purpose, the theoretical study of information design and the principle and elements of GUI (Graphic User Interface) design is preceded. Information design is to subdivide and organize information according to its characteristic, and to systemize information structure considering the interrelationship of information. GUI design, that is interface design based on graphics, should be made in consideration of GUI elements and principle for the user's easy access of information. As it is said, much information needs to be structurized systematically and also visualized as the interface design esthetically as well as functionally. In conclusion, this study presents the effectual user-oriented interface design prototype by researching many theories of information design and GUI design and applying such theories to GUI design.

  • PDF

A Study on Application of Dynamic Design Elements for Designing Ambient Media (엠비언트 미디어의 디자인을 위한 동적인 디자인 요소의 활용에 관한 연구)

  • Park, Jin-Yung;Park, Sun-Young;Nam, Tek-Jin
    • 한국HCI학회:학술대회논문집
    • /
    • 2008.02b
    • /
    • pp.233-238
    • /
    • 2008
  • Ambient Media (or ambient displays, Wisneski et al 1998) is one of newly emergent dynamic design objects, representing information through subtle changes of everyday objects and environments. Unlike the existing GUI-based media focusing on the situation that a user is concentrating the media, ambient media enable a user to be peripherally aware of the information without his/her concentration. In order to design ambient media, it is necessary to interpret the basic elements of dynamic changes in physical space and the proper method to apply them for peripherally representing information in ambient media. The aim of this study is to investigate dynamic design elements and the method to apply them for ambient media design in physical space. We explored and refined the type of the dynamic design elements, analyzing dynamic qualities of ambient media cases as well as various time based design fields. As a result, 4 dynamic elements - tempo, connectivity, intensity and rhythm- were proposed. By literature reviews related to peripheral awareness in psychology or ambient media, we analyzed the characteristics of dynamic design elements. Based on that, we developed a new ambient media, 'Cyber Pung-Kyung', and applied dynamic elements for designing the prototype system. The research outcome is expected to contribute designing ambient media which can represent information peripherally or centrally as needed. Understanding the dynamic design elements is helpful for designing various time based design outcomes as well.

  • PDF

Do hedonic icons work better? (아이콘의 유희적 요소가 사용성에 미치는 영향 - 모바일 아이콘을 중심으로 -)

  • Tae, Eun-Ju;Jung, Dae-Hyun;Han, Kwang-Hee
    • 한국HCI학회:학술대회논문집
    • /
    • 2008.02b
    • /
    • pp.274-280
    • /
    • 2008
  • 최근에는 정보 가전의 사용이 크게 증가하였고, 다양한 제품 출시와 기술의 발전에 힘입어 제품에 따른 사용성에 있어 큰 차이가 없게 됨에 따라 사용성(usability)의 개념(Gould and Leuis, 1985; Benner, 1984)이 단순한 편리성과 기능성에서 사용자의 경험을 중시하는 방향으로 확장되었다(Carroll, J.M., 2004). 이러한 측면에서 유희적인 측면은 점점 강조되고 있는 실정이다. 아이콘은 GUI 환경에서 사용자가 이루고자 하는 바를 실제 공간에서 대상을 직접 조작하는 방식과 비슷하게 조작할 수 있도록 해줌으로써 중요한 구성요소로 인식되고 있다. 하지만 지금까지 아이콘과 관련된 대부분의 연구들은 아이콘의 기능적인 측면만을 다루어 왔으며, 아이콘이 가질 수 있는 재미나 즐거움과 같은 유희적인 측면에 대한 연구는 거의 이루어지지 않았다. 본 연구에서는 재미와 즐거움을 유희적인 요소로 규정하고 아이콘의 사용성과 주관적인 평정에 있어 재미가 어떠한 영향을 주는지 알아보았다. 그 결과 전형적인 인터페이스와 재미있는 인터페이스는 객관적인 사용성(Ergonomics quality)에 있어서 차이가 나지 않았음에도 불구하고, 사용자들은 재미있는 인터페이스에 대해 더 호감이 가고 매력적이고, 좋다고 평가하였다. 본 연구는 아이콘 디자인에 있어 기본적인 기능을 유지하면서도 참신성을 기준으로 재미요소를 추가하였을 때에 본래의 아이콘이 가지는 장점을 살리면서도 사용자의 경험을 풍부하게 해줄 수 있다는 것을 발견했다는 점에서 의의가 있다.

  • PDF

Proposal of GUI Guidelines to Improve the Usability of Mobile Healthcare for New Silver Generation (뉴실버세대의 모바일 헬스케어 사용성을 높이기 위한 GUI 가이드라인 제안)

  • Jo, Sung Bae;Lee, Jae Ick
    • Smart Media Journal
    • /
    • v.7 no.2
    • /
    • pp.60-70
    • /
    • 2018
  • Recently with the entrance to the aging society, the demand on health care services is being increased. However, there are still few GUI types of research considering the characteristics of new-silver generation progressively preparing for their golden(old) age. As the new-silver generation showed less reluctance to the information acquired through the Internet comparing to general seniors, but it is urgent to conduct researches about GUI of mobile healthcare services considering their physical, psychological and social characteristics. Hence, the purpose of this study was to propose some guidelines of GUI evaluation so that new-silver generation being emerged as main consumer group in future medical consumption could efficiently use mobile health care services. As the research methods, first, this study analyzed the characteristics of new-silver generation through reviewing literature and previous studies and understood the status quo of mobile health care services, and second, it analyzed the visual composition factors being preferred in each field of current mobile healthcare application and drew out a usability evaluation matrix of mobile GUI design appropriate for elderly people's characteristics. Third, with the drawn evaluation matrix, this study conducted the usability evaluation of 8 subjects in new-silver generation ranging from 57 years old to 65 years old through a heuristic way. This study expects that it would be contributed in increasing the GUI usability by proposing some guidelines for GUI being appropriated for new-silver generation user's characteristics, and thinks that researches about developing health-care mobile applications will be continued in future at the same time.

Analysis of the Fashion Customization Platform Design Cases (패션 커스터마이징 플랫폼 디자인 사례분석 연구)

  • Jeong, Je-Yoon;Lee, Saem;Nam, Won-Suk
    • Journal of the Korea Convergence Society
    • /
    • v.12 no.8
    • /
    • pp.23-30
    • /
    • 2021
  • Various customizing services are also being introduced in the fashion industry in line with the diversification of consumer tastes and the demand for small production of multiple varieties. However, barriers to entry are high for consumers who are not customized, and various functions are rather complicated. This study selected the three platforms that provide the most similar services to Marple, the No. 1 fashion platform sales, as comparative models and used them as a basic study for web-based fashion customization platform design through case analysis. As a research method, theoretical examinations were conducted through literature surveys, followed by web analysis based on layout, menu, color, icon, and interaction. The study found that the placement of options, the composition of menu windows, the number of point colors, and the use of icons without functions of metaphores hindered the use of customizing platforms. This work proposes a solution, and aims to contribute to increasing the usability of future customizing web by comprehensively analyzing the visual shaping elements of web platform design.

Development of window application for fault current calculation by IEC 60909 (IEC 60909 기반의 고장 전류 계산을 위한 응용 프로그램 개발)

  • Han, Jong-Hoon;Jang, Gil-Soo;Park, Chang-Hyun
    • Proceedings of the KIEE Conference
    • /
    • 2008.07a
    • /
    • pp.255-256
    • /
    • 2008
  • 개발된 프로그램은 C++ 언어를 사용하여 객체지향 프로그래밍 (Object Oriented Programming) 개념에 맞추어 설계되었다. C++과 같은 OOP 언어는 클래스 정의, 연산자 오버로딩, 상속, 캡슐화와 같은 차별적인 특성을 가지고 있어 대규모 프로그램의 작성과 관리에 매우 효과적이다. 전력 계통의 각 구성 요소들은 클래스로 설계되었으며 계산 모듈 또한 별도의 클래스로 디자인하여 향후 프로그램 개선과 확장을 용이하게 구현하였다. 개발된 프로그램은 편리한 Graphic User Interface (GUI)를 제공하기 위해서 Windows Application Programming Interface (API)와 Microsoft Fundamental Classes (MFC) 등을 이용하였으며 Microsoft Visual Studio.net 을 이용하여 컴파일 되었다 [1].

  • PDF

A Study on User Interface of the Broadband Access Network Operation Support System (광대역 가입자망 운용관리를 위한 그래픽 유저 인터페이스(GUI) 개발에 관한 연구)

  • 장은상;이종호;임현민;하동석
    • Archives of design research
    • /
    • v.12 no.4
    • /
    • pp.61-68
    • /
    • 1999
  • Most of the time, developers spend their energy to analyze the main function of the system or make source codes. As a result, they can not consider user interface on their own system and this is true in most programmer's world. But we want to consider the design concept in developing mechanism. In this case we have to upgrade the legacy system which maintaining the transmission system using the copper cables, and add the transmission system using the optical fiber cables. Therefore we design the user interface make easy for end users who are using the maintaining system on copper cables not to confuse the new system which include optical fibers. Especially, we are consider the developing model of design policy and real user to make easy to use new system. In this paper we will describe the instance to adapt the design concept on Broadband Access Network Operation Support System.

  • PDF

A New Approach to Mobile Device Design - focused on the Communication Tool & it's GUI for Office Workers in the Near Future - (모바일 기기 디자인의 새로운 접근 - 근 미래 작업환경에서의 커뮤니케이션 도구 디자인과 GUI 연구를 중심으로 -)

  • Yang, Sung-Ho
    • Archives of design research
    • /
    • v.19 no.2 s.64
    • /
    • pp.31-42
    • /
    • 2006
  • This study originates from the following critical mind; what will the office of the future be like? and what technology will we rely upon most to communicate with colleagues or to access business information. In the office environment today, new technology has compelled new work paradigm and has greatly affected the capabilities of the individual to work in a more productive and efficient manner. However, even though new computer technology has changed the business world so rapidly, it is very difficult to see the changes that have been taken place. As an aim of the study, creating a mobile tool for office workers that successfully supports their work and communication was explored, and this study explored future work environment with a 5 years technological and social perspective. As a result of this study, the bON brings new visions to the mobile professionals via various interfaces. The bON, a mobile device, is both a system of work and of communication for office workers. The bON, as an integrated tool for working and communicating, forms the basis for a mobile information gateway that is equally capable of functioning as a mobile desk. The basic underlying idea is that all formal meeting places and hallways in the office are equipped with large wall-mounted screens. The bON collaborates with these media in various ways to enhance productivity and efficiency. The main challenge for the bON to enhance both mobility and quality of information is using new technology including bendable and flexible display and soft material display and sensors. To answer for the strong needs for mobility, the whole size of the device is fairly small while the screen is rolled inside the device. For Graphical User Interface, moreover, a new technique called Multi-layering Interface was adopted to stretch user's visual limits and suggests new direction in designing mobile device, equipped with small size display.

  • PDF

A MVC Framework for Visualizing Text Data (텍스트 데이터 시각화를 위한 MVC 프레임워크)

  • Choi, Kwang Sun;Jeong, Kyo Sung;Kim, Soo Dong
    • Journal of Intelligence and Information Systems
    • /
    • v.20 no.2
    • /
    • pp.39-58
    • /
    • 2014
  • As the importance of big data and related technologies continues to grow in the industry, it has become highlighted to visualize results of processing and analyzing big data. Visualization of data delivers people effectiveness and clarity for understanding the result of analyzing. By the way, visualization has a role as the GUI (Graphical User Interface) that supports communications between people and analysis systems. Usually to make development and maintenance easier, these GUI parts should be loosely coupled from the parts of processing and analyzing data. And also to implement a loosely coupled architecture, it is necessary to adopt design patterns such as MVC (Model-View-Controller) which is designed for minimizing coupling between UI part and data processing part. On the other hand, big data can be classified as structured data and unstructured data. The visualization of structured data is relatively easy to unstructured data. For all that, as it has been spread out that the people utilize and analyze unstructured data, they usually develop the visualization system only for each project to overcome the limitation traditional visualization system for structured data. Furthermore, for text data which covers a huge part of unstructured data, visualization of data is more difficult. It results from the complexity of technology for analyzing text data as like linguistic analysis, text mining, social network analysis, and so on. And also those technologies are not standardized. This situation makes it more difficult to reuse the visualization system of a project to other projects. We assume that the reason is lack of commonality design of visualization system considering to expanse it to other system. In our research, we suggest a common information model for visualizing text data and propose a comprehensive and reusable framework, TexVizu, for visualizing text data. At first, we survey representative researches in text visualization era. And also we identify common elements for text visualization and common patterns among various cases of its. And then we review and analyze elements and patterns with three different viewpoints as structural viewpoint, interactive viewpoint, and semantic viewpoint. And then we design an integrated model of text data which represent elements for visualization. The structural viewpoint is for identifying structural element from various text documents as like title, author, body, and so on. The interactive viewpoint is for identifying the types of relations and interactions between text documents as like post, comment, reply and so on. The semantic viewpoint is for identifying semantic elements which extracted from analyzing text data linguistically and are represented as tags for classifying types of entity as like people, place or location, time, event and so on. After then we extract and choose common requirements for visualizing text data. The requirements are categorized as four types which are structure information, content information, relation information, trend information. Each type of requirements comprised with required visualization techniques, data and goal (what to know). These requirements are common and key requirement for design a framework which keep that a visualization system are loosely coupled from data processing or analyzing system. Finally we designed a common text visualization framework, TexVizu which is reusable and expansible for various visualization projects by collaborating with various Text Data Loader and Analytical Text Data Visualizer via common interfaces as like ITextDataLoader and IATDProvider. And also TexVisu is comprised with Analytical Text Data Model, Analytical Text Data Storage and Analytical Text Data Controller. In this framework, external components are the specifications of required interfaces for collaborating with this framework. As an experiment, we also adopt this framework into two text visualization systems as like a social opinion mining system and an online news analysis system.