• Title/Summary/Keyword: Web UI/UX

Search Result 25, Processing Time 0.023 seconds

User Experience(UX) of Facebook: Focusing on Users' Eye Movement Pattern and Advertising Contents (Facebook의 사용자경험연구: 사용자의 시선경로와 광고콘텐츠를 중심으로)

  • Kim, Tae-Yang;Shin, Dong-Hee
    • The Journal of the Korea Contents Association
    • /
    • v.14 no.7
    • /
    • pp.45-57
    • /
    • 2014
  • This study examines subjects' eye movement pattern and surveys their attitudes to the exposed advertisements on the Facebook. Different from the F-shaped pattern of the typical Web pages, users' eye movements on the Facebook have shown a rough H-shape. Even though a large number of users have shown F-shaped pattern on the ordinary Web pages in order to skip the contents of a Web, subjects' eye-movement pattern on the Facebook has H -shaped pattern due to the unique User Interface (UI) of the Facebook. With the right side and vertical arrangement of ads on the Facebook, users skip the page with having a large H-shaped pattern. In addition, this study set four AOIs(Area of Interest) that are advertising sections comprised on the Facebook Web page and measured fixation length within the AOIs then surveyed subjects' attitudes about the exposed ads. Through the experiment and survey, this study offers the optimum advertising position that can attract Facebook users' attention. As the result of experiment and survey, the second ad has the subjects' highest attitude to advertising and fourth ad is the next effectiveness and first and third ad followed. This study highlights the key implications to provide better user experiences(UX) and marketing strategies to users who are the consumers of companies and organizations which have a plan to put their advertising on the Facebook.

A Study on the Pattern Analysis Method using the User Log on the CMS (CMS의 사용자 로그를 이용한 패턴 분석 방법 연구)

  • Moon, Dong-Yeol;Park, Koo-Rack;Kim, Dong-Hyun;Jung, Jin-Young
    • Journal of Digital Convergence
    • /
    • v.14 no.11
    • /
    • pp.275-281
    • /
    • 2016
  • In modern society, which boomed it became easier to obtain the necessary information to the emergence of a variety of smart devices. Due to this, the frequency of using the content based on the Web is growing rapidly. In addition, companies are turning into a production and modify the content using the CMS under the web-based. It can be a very important part to provide users with the content. Currently web services are designing a UI to the device and provided. To improve the ease of use, they are enhancing services only by survey and analysis of the patterns of all users. Most are designed without considering the UX only in the technical aspects. In this paper, to break the limits that apply to all users of the Web service pattern analysis, we propose a visualization system via the animation based on the individual user's movement patterns and usage patterns. Through this convergence is expected to be able to transform the web from the central manager to the user UX and the planning aspects researchers.

Trends of Hardware Acceleration Technology in Wed Browser (HW 가속 기반 웹 고속화 기술동향)

  • Lee, J.H.;Cho, H.W.;Kim, D.H.;Lee, H.S.;Yoon, S.J.;Ryu, C.;Cho, C.S.
    • Electronics and Telecommunications Trends
    • /
    • v.31 no.4
    • /
    • pp.65-76
    • /
    • 2016
  • 특정 제조사의 단말 또는 운영체제에 의존성이 없는 플랫폼 독립적인 웹은 높은 이식성, 소프트웨어의 재활용, 개발 생산성, 풍부한 개발자 존재, 유지 보수 면에서 장점을 가지나, 화려한 UI/UX를 제공하는 네이티브 응용에 비해 낮은 성능으로 웹 기반의 응용 개발 및 보급이 크게 활성화되지 못했다. 한편 데스크톱은 물론 모바일 단말의 멀티코어 기반 Graphic Processing Unit(GPU), CPU 탑재 등 HW 고사양화와 웹 응용에서도 HW 가속 기능을 활용할 수 있는 표준 제공으로 성능 제약을 극복할 수 있게 되었다. 본고에서는 GPU 발전동향을 살펴보고, 고속 렌더링 및 병렬 연산처리를 요구하는 웹 응용이 GPU기반 HW 가속 기능을 활용할 수 있는 크로노스 그룹의 그래픽 가속(Web Graphics Library: WebGL) 및 컴퓨팅(Web Computing Language: WebCL) 지원 표준 규격을 정리한다. 또한, 최근 차세대 GPU Application Programming Interface(API)로 발표된 Vulkan에 대해 알아보고, 웹 고속화 기술에 적용 가능성에 대해 전망한다.

  • PDF

Mouse Gesture Design Based on Mental Model (심성모형 기반의 마우스 제스처 개발)

  • Seo, Hye Kyung
    • Journal of Korean Institute of Industrial Engineers
    • /
    • v.39 no.3
    • /
    • pp.163-171
    • /
    • 2013
  • Various web browsers offer mouse gesture functions because they are convenient input methods. Mouse gestures enable users to move to the previous page or tab without clicking its relevant icon or menu of the web browser. To maximize the efficiency of mouse gestures, they should be designed to match users' mental models. Mental models of human beings are used to make accurate predictions and reactions when certain information has been recognized by humans. This means providing users with appropriate information about mental models will lead to fast understanding and response. A cognitive response test was performed in order to evaluate whether the mouse gestures easily associate with their respective functional meanings or not. After extracting mouse gestures which needed improvement, those were redesigned to reduce cognitive load via sketch maps. The methods presented in this study will be of help for evaluating and designing mouse gestures.

Adopting Design Thinking for Website Innovation: Case Studies of Korean Award Winners

  • Kim, Yu-Jin
    • Science of Emotion and Sensibility
    • /
    • v.23 no.1
    • /
    • pp.57-68
    • /
    • 2020
  • This research investigates how digital design agencies and client companies incorporate design thinking-a human-centered approach to solving difficult problems-into their website development processes. Based on a literature review on the design-thinking-driven web development process, multiple case studies of award-winning website projects were performed by in-depth interviews with key practitioners. Through analyses of these cases, their user-centered approaches for website innovation were identified according to the following four phases: web planning (discovery and defining phases) and web design and development (development and delivery phases). Moreover, distinct approaches of design thinking practices were identified according to two website types: a brand promotion website with a killer brand storytelling approach; and a service channel website with a strategic UI/UX-driven approach. Next, the key success drivers of these website projects were suggested in light of the typical themes of design thinking (i.e., human centeredness, research based, context awareness, and collaboration). Some practical limitations were also found in adopting the design-thinking-driven web development process, such as limited research methods and tools, and insufficient prototyping and experimentation. Along with these limitations, it was also discovered that current digital design agencies still face the following challenges in adopting the design-thinking-driven web development process: building a long-term, playful partnership with clients; leveraging decision-makers' design thinking awareness; and coping with limited resources (design thinking practitioners, budgets, and schedules).

Design and Implementation of Nools-based Rule Engine for Smart IoE Platform (지능형 IoE 플랫폼을 위한 Nools 기반 룰 엔진의 설계 및 구현)

  • Lee, Sung-Hun;Hwang, Chae-Eun;Jeong, Jin-Woo
    • The Journal of Korea Institute of Information, Electronics, and Communication Technology
    • /
    • v.11 no.4
    • /
    • pp.379-387
    • /
    • 2018
  • In order to make the IoT ecosystem more usable and friendly to general users, the interaction between the users and platforms/devices and its UX must be improved. In this study, a web-based rule engine system to help users intuitively interact with the various devices and services in IoE (Internet of Everything) platform is proposed. The proposed system consists of web interfaces and UI components for creating and managing rule-based scenarios using sensors, actuators, and external services in an intuitive way. Also, a rule management module for automatically translating the rules from the web interface into Nools rule engine compatible ones is proposed. Finally, we show the usability and feasibility of the proposed system by demonstration of rule-based use cases of IoT devices and external services.

An Interactive Cooking Video Query Service System with Linked Data (링크드 데이터를 이용한 인터랙티브 요리 비디오 질의 서비스 시스템)

  • Park, Woo-Ri;Oh, Kyeong-Jin;Hong, Myung-Duk;Jo, Geun-Sik
    • Journal of Intelligence and Information Systems
    • /
    • v.20 no.3
    • /
    • pp.59-76
    • /
    • 2014
  • The revolution of smart media such as smart phone, smart TV and tablets has brought easiness for people to get contents and related information anywhere and anytime. The characteristics of the smart media have changed user behavior for watching the contents from passive attitude into active one. Video is a kind of multimedia resources and widely used to provide information effectively. People not only watch video contents, but also search for related information to specific objects appeared in the contents. However, people have to use extra views or devices to find the information because the existing video contents provide no information through the contents. Therefore, the interaction between user and media is becoming a major concern. The demand for direct interaction and instant information is much increasing. Digital media environment is no longer expected to serve as a one-way information service, which requires user to search manually on the internet finding information they need. To solve the current inconvenience, an interactive service is needed to provide the information exchange function between people and video contents, or between people themselves. Recently, many researchers have recognized the importance of the requirements for interactive services, but only few services provide interactive video within restricted functionality. Only cooking domain is chosen for an interactive cooking video query service in this research. Cooking is receiving lots of people attention continuously. By using smart media devices, user can easily watch a cooking video. One-way information nature of cooking video does not allow to interactively getting more information about the certain contents, although due to the characteristics of videos, cooking videos provide various information such as cooking scenes and explanation for each recipe step. Cooking video indeed attracts academic researches to study and solve several problems related to cooking. However, just few studies focused on interactive services in cooking video and they still not sufficient to provide the interaction with users. In this paper, an interactive cooking video query service system with linked data to provide the interaction functionalities to users. A linked recipe schema is used to handle the linked data. The linked data approach is applied to construct queries in systematic manner when user interacts with cooking videos. We add some classes, data properties, and relations to the linked recipe schema because the current version of the schema is not enough to serve user interaction. A web crawler extracts recipe information from allrecipes.com. All extracted recipe information is transformed into ontology instances by using developed instance generator. To provide a query function, hundreds of questions in cooking video web sites such as BBC food, Foodista, Fine cooking are investigated and analyzed. After the analysis of the investigated questions, we summary the questions into four categories by question generalization. For the question generalization, the questions are clustered in eleven questions. The proposed system provides an environment associating UI (User Interface) and UX (User Experience) that allow user to watch cooking videos while obtaining the necessary additional information using extra information layer. User can use the proposed interactive cooking video system at both PC and mobile environments because responsive web design is applied for the proposed system. In addition, the proposed system enables the interaction between user and video in various smart media devices by employing linked data to provide information matching with the current context. Two methods are used to evaluate the proposed system. First, through a questionnaire-based method, computer system usability is measured by comparing the proposed system with the existing web site. Second, the answer accuracy for user interaction is measured to inspect to-be-offered information. The experimental results show that the proposed system receives a favorable evaluation and provides accurate answers for user interaction.

A Study on providing Idea Commercialization Platform in mobile web environment (모바일 웹 환경에서 아이디어사업화 플랫폼 제공 방안에 관한 연구)

  • Kim, dae-seop;Lee, jae-kyeong;Hyun, mi-hwan
    • Proceedings of the Korea Contents Association Conference
    • /
    • 2018.05a
    • /
    • pp.477-478
    • /
    • 2018
  • 한국과학기술정보연구원(KISTI)에서 구축 운영하고 있는 온라인 아이디어사업화 플랫폼은 창의적 아이디어의 발굴 육성 확산을 통해 국민의 아이디어를 가치화하는 아이디어사업화 지원 플랫폼으로, 창의적 문화와 창업 확산의 중요한 역할을 수행하고 있다. 본 연구에서는 온라인 아이디어사업화 플랫폼의 PC환경 웹사이트와 모바일 이용자 형태를 분석하여 모바일 환경에 간소화된 핵심 메뉴구조와 최적화된 UI/UX, 모바일 장치의 특성을 활용한 모바일 웹 서비스 구축으로 언제, 어디서든, 자유롭게 서비스를 이용할 수 있는 방안을 제시하고자 한다.

  • PDF

Digital Twin Classroom using 360 Camera (360 카메라를 이용한 디지털 트윈 강의실)

  • Yoo, Hyeontae;Kim, Jinho;Kim, Yoosung;Park, Inkyu
    • Proceedings of the Korean Society of Broadcast Engineers Conference
    • /
    • 2021.06a
    • /
    • pp.232-234
    • /
    • 2021
  • 본 논문에서는 딥러닝 얼굴 인식을 이용하여 실시간 360 공간 Classroom 과 실시간을 기반으로 한 가상 360 공간 Classroom 을 제안한다. MTCNN 을 이용한 얼굴 검출 및 Inception Resnet V1 모델을 이용한 딥러닝 기법을 통해 얼굴인식을 진행하고 HSV 색공간 기반의 화자 판별, 아바타 Rendering, 출석 체크 등을 진행한다. 이후 시각화를 위해 제작한 Web UI/UX 를 통해 사용자에게 현실과 가상 공간을 넘나드는 Twin Classroom 을 제공한다. 따라서 사용자는 새로운 화상 교육 플랫폼에서 보다 개선되고 생동감 있는 Classroom 에서 교육을 받을 수 있다.

  • PDF

A Universal Smart-phone APP for Processing One-shot Tasks (일회성 작업 처리를 위한 통함 스마트폰 앱)

  • Cha, Shin;So, Sun Sup;Jung, Jinman;Yoon, Young-Sun;Eun, Seongbae
    • Journal of Korea Multimedia Society
    • /
    • v.20 no.3
    • /
    • pp.562-570
    • /
    • 2017
  • One shot tasks like a MERSC handling policy, a cinema poster, and so on are too small, diverse, and sporadic to make them as apps or web applications. They are usually shared as the form of notes attached in the field or messages in smart phones. In order to support inter-operability with internet web sites, QR/NFC tags are attached to them. What matters in the web technology is that HTML5 standard does not supply the accessability of smart phones' resources like a camera, an audio, magnetic sensors, and etc. In this paper, we propose a universal smart phone application for handling various one-shot tasks in the same UI/UX. One-shot tasks are described with HTML5 web documents, and the URL for the web documents are stored in QR/NFC tags. A smart phone scans a tag, and then the web document is retrieved and presented finally. QR tags can be delivered to other smart phones through messages or SNS. We solve the problem of HTML5 standard supplying a resource access library with javascrippts. We suggested the whole architecture and the internal structure of QR/NFC tags. We show that our scheme is applicable to make variable one-shot tasks.