• Title/Summary/Keyword: 웹 디자인

Search Result 535, Processing Time 0.062 seconds

A Study on design pattern based on mobile first view (모바일 우선주의 관점 기반의 디자인 패턴에 대한 연구)

  • Lee, hyun-ju;Noh, hwang-woo
    • Proceedings of the Korea Contents Association Conference
    • /
    • 2018.05a
    • /
    • pp.183-184
    • /
    • 2018
  • 본 연구는 늘 접속되어 있는 디지털 고객들을 우선으로 한 모바일 우선주의 관점의 반응형 웹 디자인 패턴에 관한 연구이다. 현황파악 및 분석을 위해 WEB AWARD KOREA 모바일 부분 대상 수상작을 중심으로 반응형 웹 디자인 패턴 및 웹 그리드 시스템을 조사, 분석했다. 이를 통해 모바일에서부터 최적화된 반응형 웹 디자인 패턴을 적용한 디자인 모델을 제안하였고, 향후에는 실제 사이트에 적용하여 사용성을 검증하고 궁극적으로는 지속적으로 늘어나는 디지털 고객을 위한 반응형 웹 디자인 표준화 작업을 위한 기초가 될 것이다.

  • PDF

The application of One Page Design and Responsive Web Design for Personalization Service on the Mobile Environment (모바일 환경에서 개인화 서비스에 적합한 원페이지 디자인과 반응형 웹 디자인 활용)

  • Oh, Hyoung-Yong;Min, Byoung-Won;Oh, Yong-Sun
    • Proceedings of the Korea Contents Association Conference
    • /
    • 2012.05a
    • /
    • pp.17-18
    • /
    • 2012
  • 온라인 접속이 기존 컴퓨터가 아닌 스마트폰과 타블렛 PC로 확장되면서, 웹에서 보여지는 방법, 즉 웹 디자인에 큰 변화가 일고 있다. 스마트폰, 타블렛 PC, 컴퓨터, 이 세 가지 디바이스에 모두 최적화된 웹 혹은 각각의 디바이스의 환경에 맞춘 웹 퍼블리싱 서비스가 크게 증가하고 있는 것이다. 또한 지금까지의 인터넷의 역할이 콘텐츠, 검색 쪽이었다면 모바일 기기 사용이 증가함에 따라 사용자들은 그들만의 개인화 서비스에 대한 요구가 점점 증가하고 있다. 이러한 요구에 맞춰 가장 눈에 띄는 변화는 바로 "One Page Design"의 증가와 반응형 웹 디자인이라고 할 수 있다. 이에 본 논문은 모바일 웹 환경에서 개인화서비스를 효과적으로 활용하기 위해 One Page Design과 반응형 웹 디자인에 대해 알아보고 이를 현재 개발진행중인 포털사이트에 적용해본 후, 이에 대한 문제점과 개선방안에 대해 논의해 보고자 한다.

  • PDF

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 Classification of the Web Design Concepts Elicitation Techniques Based on Design Elements (디자인 관점에서 본 웹 디자인 콘셉트 도출 기법의 분류)

  • Jung, Seol-Bin;Joo, Bok-Gyu
    • The Journal of the Institute of Internet, Broadcasting and Communication
    • /
    • v.11 no.4
    • /
    • pp.231-237
    • /
    • 2011
  • Elicitation of design concepts is the most important process in web-site design, but it is not an easy task to average designers. In this paper, we have analyzed most of the good web designs and classified them into seven large categories mainly based on design elements. This framework will give a guidance to average designers to easily tackle the elicitation process of web design concepts.

Application of the Web Design Elements using the Aesthetic Evaluation (감성평가를 이용한 웹 디자인 요소의 활용방안)

  • 김미영;정홍인
    • Archives of design research
    • /
    • v.17 no.3
    • /
    • pp.413-420
    • /
    • 2004
  • New design method has been required for web designers to grasp the proper emotion, impression, and feeling of a web site and reflect these elements in web design. It is certain that such a new methodology can be a useful design tool, although web designers have only relied on their intuition and experience to induce users to perceive specific emotion of web sites. In this study, Kansei Engineering Type Ⅰ (Nagamachi, 2002 and Park, 2000) method was applied to develop the methodology. One hundred thirty six web sites believed to convey emotions effectively were first selected by recommendation of professional web designers and twenty two web sites were finally chosen and evaluated using questionnaire. The web sites were then objectively and quantitatively assessed by measuring the degree of utilization of the design elements, balance, overall density, and homogeneity. We examined the cause-and-effect between the results of emotional and quantitative analysis by multiple regression and introduced the design methodology based on the examination. The research method and procedures applied to this study would be applicable to design studies related to the emotional inducement.

  • PDF

A Study of Universal Web Navigation Design (유니버설 디자인 개념의 웹 네비게이션 디자인에 관한 연구)

  • Bae Yoon-Sun;Lee Hyun-Ju
    • Archives of design research
    • /
    • v.19 no.4 s.66
    • /
    • pp.101-110
    • /
    • 2006
  • In this study, I suggested a new model of universal web navigation design which can enhance users' web usability. I would like to prove that when users enjoy web navigation design, they access information much more effectively. Using a survey, I suggest some types of web navigation design for users. After that, I conducted an experiment with 4 types of web navigation designs, which have been developed to reflect varying stages of comprehensibility. My survey focused on three points. First I measured the time they spent to search for information. Second, I tested whether they lost their way while searching for information and if they did lose their way, I checked whether they could recover from their errors and find their way back. Third, I investigated whether layout, location and size of the web navigation design factors affected usability. The results of my survey indicated that users spend the shortest time, have the easiest interface, and have least error incidence under the web navigation design to enhance old-aged users' web usability. Thus, developing a universal web navigation design can encourage people to be more involved with the internet.

  • PDF

A Study on Web Component Container System Using MVC (MVC 기반의 웹 컴포넌트 컨테이너 시스템에 관한 연구)

  • 유주현;황인문;김원중
    • Proceedings of the Korean Information Science Society Conference
    • /
    • 2003.10b
    • /
    • pp.292-294
    • /
    • 2003
  • 대부분의 웹 기반의 개발 환경에서는 웹 디자인이 변경되는 경우 그에 해당하는 개발 코드를 수정하는 방법을 이용하여 개발한다. 이와 같은 개발 방식은 웹 프로그램의 개발 생산성 및 개발된 코드의 재사용성을 저하시키는 문제를 유발하였다. 그래서 웹 디자인과 개발 코드를 분리하기 위한 다양한 방법들이 제안되었으며 활용되어 왔으나 미흡했다. 본 논문에서 설계, 구현한 MVC기반의 웹 컴포넌트 시스템을 적용하는 경우 설계 단계에서부터 웹 디자인과 개발 코드를 쉽게 분리할 수 있도록 하여 웹 프로그램의 개발 생산성 및 개발 코드의 재사용성을 향상시켰다.

  • PDF

Analysis on the Trend in Customers' Consciousness as Appeared in Wellbeing Trend, LOHAS -Mainly in Food, Clothing, and Shelter Based Websites- (웰빙 트렌드 로하스(LOHAS)에 나타난 소비자 의식 변화에 따른 웹 디자인 발전방향 분석 - 의, 식, 주 웹 사이트를 중심으로 -)

  • Kim, Min-Seo;Chun, Yang-Deok
    • Archives of design research
    • /
    • v.20 no.3 s.71
    • /
    • pp.49-60
    • /
    • 2007
  • As the world is in the age of globalization and information, we observe diverse changes in the market environment. Since wide-spread internet services and global networks made ubiquitous learning and business possible, equalizing consumers' ideology and preference, new trend and life style could be introduced easily. This study stipulates on the theoretical concept of the wellbeing consumer and LOHAS consumer. Consumers of LOHAS could be sampled out through pre-questionnaire targeting at selected food, clothing, and shelter based on companies of both wellbeing and general brands. Through this it is attempted to measure wellbeing emotion, recognition quotient of emotion and reason, affirmation and negation, mental emotion quotient, and preference in order to find out their value and to ultimately come up with what web design should be aiming at. Conclusions are as follows: Firstly, consumers easily recognize emotional identification from the web pages of wellbeing brand, rather than that of general brands. Secondly, what web pages of wellbeing brand recognize is reason, not emotion. Thirdly, the design of wellbeing brands scored higher than those of general brands in terms of positive aspects such as hospitality and familiarity, and high mental emotion quotient could not affect the consumers' preference toward web design. Fourthly, wellbeing brands win more preference than general brands do, and preference becomes higher after customers' visit to web pages basically. Lastly, sampled emotional adjectives toward the web designs of wellbeing brands marked a aesthetic graph figure, without leaning toward an active or stable one. It is expected that this study can serve as a groundwork to create proper strategies to actively involve consumers in industrial sphere.

  • PDF

Study on the Design and Usability factor analysis of Web Multimedia Contents (웹 멀티미디어 컨텐츠의 디자인과 유용성분석에 대한 연구)

  • Koh, Eun-Young;Shin, Soon-Ho
    • Archives of design research
    • /
    • v.17 no.4
    • /
    • pp.69-78
    • /
    • 2004
  • This thesis is designed to investigate the relationship of Web Multimedia design. Web sites are needed to approach the lot of ways that increase the user intuitive lay over communicating information nowadays. In the digital era of today, multimedia is composed of such various elements as text, image, sound, animation, video. The method of the thesis is a research questions as this follow. First, the structuring element of the web site type was classified by a form and the contents in the web site. These types in this classified web site are HTML, flash and mixed type. Second, to study this thesis, we made up pose a questionnaire to students in the university as th method of random sampling. The goal of this survey is that user is how to understand about the web multimedia design. Results of analysis may be summarized as follows: 1) It was the image design in the NIKE web site that there would be evaluated the best design effected by flash, and it is finding that the NIDE web site will need more supporting Information, Interactive design through this studies. 2) It was information that there would be evaluated good design effect by text and image in SAMSUNG web site. Based on HTML, SAMSUNG need supporting motion image design by this studies. In conclusion, this thesis suggests that the each web medias should be constructed by the different web design component, according to information, Interactive, image design of web site.

  • PDF

Analysis and Adaptation of Strategy for Designing Web Interaction through Analyzing Cases of Interactive Website (웹 인터랙티비티의 사례분석을 통한 인터랙션 디자인 전략 분석 및 개발 사례)

  • Kim, Mi-Young;Kim, Hyun-Jeong
    • Archives of design research
    • /
    • v.17 no.4
    • /
    • pp.37-50
    • /
    • 2004
  • As web-based programming tools(such as flash action script, javascript, java and etc.) has been improved and it has become more aware to take interactivity importantly as users' whole experience, web sites have evolved from the form of webzine to the form of interactive application that displays more interactive interface and gives instant feedbacks for the users' inputs. Web, rather than software, is used to execute relatively easy tasks by users of various levels, so that web sites could give more fun and less cognitive burden by supporting users' tasks in more interactive way. This paper examined design strategies to make more interactive web by figuring out definition of web interaction as users' experience and by analyzing web interaction design trends from cases of interactive web sites. The ultimate objective of this paper is show how design strategies can be adapted in the web interaction design process. Thus, case study of designing interactive bookshell in E-book site was done and is demonstrating one way of adapting strategies to design web interaction.

  • PDF