• 제목/요약/키워드: Page Navigation

검색결과 40건 처리시간 0.022초

스마트 폰의 햄버거 버튼 UI 연구 (A study on hamburger button UI of smart phone)

  • 김회광;이영주
    • 디지털산업정보학회논문지
    • /
    • 제13권4호
    • /
    • pp.171-178
    • /
    • 2017
  • The controversy about the burger button triggered in 2013 is that it is difficult to know what the hamburger button itself means and that it is difficult to predict what will happen when the button is clicked, Could. This controversy was found to be fundamentally out of touch, and it could be seen that it caused conflict with Apple's navigation structure with iOS. Therefore, in the case of Apple, it is often used in the form of a tab at the bottom instead of using the slide menu, but it is preferable to be used for the purpose of the hamburger button. I've looked through a variety of documents and found that the amount of content you want to offer on your app or the web is large, and there are five or more categories. And if a sub-category needs to exist in the main category like a large shopping mall, the hamburger button could provide the best UI. Apps and webs that can be curated, such as news and pinterest, are better used to enhance the search filter than to place a hamburger button, and for apps or the web that has a longer amount of content on a page Scrolling was available as an alternative to the burger button. In other words, depending on the amount of content to be provided, it is possible to decide whether to use the hamburger menu from the time of designing the information architecture.

기업 대 기업간(B to B) 섬유거래 웹사이트 분석 (The Analysis of Web Sites of Textile Exchange of B to B)

  • 홍병숙;이은진;이지연
    • 한국의류학회지
    • /
    • 제27권1호
    • /
    • pp.123-133
    • /
    • 2003
  • The specific objectives of the study were as follows: 1) To investigate the composition system (design, usability and interactivity) of web sites of textile exchange of B to B 2) To examine and valuate contents and marketing (announcement, satisfaction and variety of contents) of web sites of textile exchange of B to B. The data were collected from search engine, portal sites of evaluation, direct contact, interview over the phone with web master of concerned web sites and the result of analytical valuation of web sites. The results of this study were as fellows: 1) The Dongsung trading intended to mainly use their homepage as a inside communication place by intranet network. The Daechang trading was mainly using their homepage as a tool of expansion of their outside export market. The etextiler was selling their web solutions through homepage. The texcom was offering the web place and useful informations to trading companies in Asia. 2) The texcom consisted text with little image to speed up for loading and navigation for usability of users. The Dongsung trading made intranet network for communication and exchange of informations of company inside. The etextiler offered a booking menu to inquiry in homepage. The Daechang trading tried to give good impression from the introduction page at homepage.

모바일 앱을 위한 소프트웨어 개발 프로세스 (A Software Development Process for Mobile Applications)

  • 강병도;양승원;이종석
    • 인터넷정보학회논문지
    • /
    • 제15권4호
    • /
    • pp.135-140
    • /
    • 2014
  • 본 논문에서는 모바일 앱을 위한 개발과정 모델을 제안하였다. 이 개발과정에는 요구분석, 아키텍쳐설계, 네비게이션설계, 페이지 설계 구현과 테스팅 단계를 포함한 다섯가지 개발단계가 있다. 그리고 다이어그램이 있는 설계방법도 제안하였다. 프로그램개발자는 기능적 요구사항과 설계앱을 정의하는데 본 논문에서 제안한 개발방법을 이용할수 있다. 또한 개발시간과 노력을 줄일 수도 있다. 본 논문에서는 모바일 앱 개발에 이 방법을 적용하였고, 개발과정을 수행한 결과물로 다이어그램을 제시하였다.

How Social Media is Transforming the Fashion Consumers: The Effects of "Social" Consumer Attributes on Brand Engagement in Social Networking Sites

  • Park, Hyejune
    • Fashion, Industry and Education
    • /
    • 제15권1호
    • /
    • pp.1-11
    • /
    • 2017
  • The proliferation of social media has given rise to the new consumer group, namely, social consumers. This study identified the distinct characteristics of social consumers (i.e., online social search, online social navigation, online social connection) and examined the impacts of social consumer attributes on the engagement with fashion brands via brands' SNSs (BSNSs). A sample of 141 U.S. consumers who had browsed and/or participated in a fashion brand's BSNS (i.e., the Facebook page for fashion brands) was used to examine hypothesized relationships. The analyses involved running a confirmatory factor analysis and a structural equation modeling. The result indicates that the impacts of the social consumer attributes on the benefits of BSNSs (i.e., experiential and functional benefits) as perceived by consumers were significant, except the link between online social connection and functional benefits. In addition, consumers' existing relationship with a brand served as a moderating variable, strengthening the impacts of social consumer attributes on BSNS benefits. The perceived benefits of BSNSs positively affected perceived relationship investment which in turn influenced brand loyalty. Practical marketing suggestions are provided for fashion brands.

문화권별 웹 사이트 구조의 선호에 관한 연구 - 프로토타입의 사용성 평가를 통한 검증을 중심으로 (A Study on the Preference of the Website Structure Related the Culture -with Emphasis on the Usability Testing of the Prototype of Each Country.)

  • 김정하;이건표
    • 디자인학연구
    • /
    • 제16권2호
    • /
    • pp.161-170
    • /
    • 2003
  • 20세기 말부터 급격한 발달을 통하여 웹사이트는 사용자의 대상 범주를 단일 문화권에서 벗어나 전세계의 타 문화권에 거주하는 사람들에게 이르기까지 넓혀왔다. 이는 다시 말하면 웹사이트가 태생적으로 문화와의 연관성을 가지고 있다는 것을 의미한다. 이러한 다국적 문화 수용체로서의 웹의 역할을 생각하여 볼 때, 서로 다른 문화권에서 웹사이트가 어떠한 형태로 변환되어 적용되어야 하는가를 보다 심층적으로 밝혀내고자 한다. 본 연구에서는 웹사이트의 구조가 각기 다른 문화권의 영향에 따라서 변화한다는 가설을 바탕으로 그 진위여부를 밝히는 것을 그 목적으로 하였으며, 이를 위하여 다음과 같은 실험을 진행하였다. 우선 여러 가지 문화이론을 기반으로, 현재 IT산업의 활발한 발달 모습을 보이고 있는 한국과 미국의 웹사이트가 그 문화적인 차이로 인하여 어떻게 다른 양상을 띄고 있는지를 웹사이트의 구조(Structure & Navigation)를 중심으로 분석하였다. 우선 각 국가별 20여 개의 종합쇼핑몰(I-commerce) 사이트들을 분석하기 위하여, 종합쇼핑몰 평가가이드라인 (I-commerce Site Evaluation Guideline)을 사이트 정보의 흐름과 페이지 별 분석으로 나누어 제안하고, 이를 이용하여 비교 분석한 결과를 바탕으로 문화권에 따른 국가별 선호 프로토타입(prototype)을 디자인하였으며, 이렇게 제안된 국가별 선호 프로토타입을 이용하여 원격 사용성 평가와 문화적 가치에 관한 설문을 통하여 국가별 웹사이트의 구조 선호도에 관한 가설의 진위 여부를 밝혀 내었다. 또한 이에 문화와 웹 인터페이스와의 연관성 및 국가별 사이트 네비게이션의 선호도에 대한 결과를 다양한 문화 이론을 바탕으로 해석해 내었다. 조직의 강도(

  • PDF

Implementation of Air Pollutant Monitoring System using UAV with Automatic Navigation Flight

  • Shin, Sang-Hoon;Park, Myeong-Chul
    • 한국컴퓨터정보학회논문지
    • /
    • 제27권8호
    • /
    • pp.77-84
    • /
    • 2022
  • 본 논문에서는 자동항법 비행이 가능한 무인기를 활용하여 미세먼지 등의 대기 오염물질을 모니터링 하는 시스템을 제안한다. 기존 대기 질 관리 시스템은 고정된 센서 박스를 통한 관제나 조종장치를 이용한 드론의 측정 센서를 통하여 정보를 취득하는 방식을 사용했다. 이는 한정된 공간과 모니터링을 위한 별도의 데이터 수집 및 전송들의 추가적인 절차가 진행되어야 하는 단점을 가진다. 본 논문에서 이러한 문제점을 극복하기 위하여 비행정보 지정을 통한 자율항법 비행이 가능한 무인기에 위치 정보를 위한 GPS 모듈과 미세먼지 측정을 위한 PMS7003 모듈을 내장하고 수집된 정보는 SD 모듈에 저장하고 비행 종료 후 전송버튼을 통해 블루투스로 연결된 스마트폰 앱을 통하여 원격 데이터베이스에 저장되는 원스톱 구조의 시스템을 구성한다. 또한, 실시간 모니터링을 위한 HTML5 기반의 웹 모니터링 페이지를 구성하여 관심 사용자에게 제공된다. 본 연구의 결과는 무인 비행체를 통한 환경 모니터링 시스템에 활용될 수 있으며, 향후 아황산가스 및 이산화탄소 등의 다양한 오염물질 측정 센서를 추가하여 토털 환경 관제 시스템으로 발전시키고자 한다.

집단지성 기반 학습자료 북마킹 서비스 시스템 (Learning Material Bookmarking Service based on Collective Intelligence)

  • 장진철;정석환;이슬기;정치훈;윤완철;이문용
    • 지능정보연구
    • /
    • 제20권2호
    • /
    • pp.179-192
    • /
    • 2014
  • 최근 IT 환경의 변화에 따라 웹 서비스를 기반으로 대규모 사용자 대상의 상호 참여적인 MOOC(Massive Open Online Courses)과 같은 온라인 교육 환경이 부상하고 있다. 그러나 온라인 교육 시스템은 원거리로 학습이 이루어짐에 따라 학습자의 자발적 동기를 꾸준히 유지하기 어려우며, 또한 학습자 간에 지식을 공유하고 공유한 지식을 활용하는 기능이 부족하다. 이러한 문제를 극복하기 위해 구성주의적 학습이론과 집단지성에 기반하여 학습자가 보유한 학습자료를 공유하고 개인화된 학습자료 추천을 받을 수 있는 학습자료 북마킹 서비스인 WeStudy를 구현하였다. 위키피디아(Wikipedia), 슬라이드쉐어 (SlideShare), 비디오렉쳐스 (VideoLectures) 등 현존하는 집단지성 기반 서비스들의 주요 기능으로부터 필요한 집단지성 기능들을 검토하였으며, 본 서비스의 주요 기능으로 1) 리스트 및 그래프 형태의 학습자료 리스트 시각화, 2) 개인화된 학습자료 추천, 3) 보다 상세한 학습자료 추천을 위한 관심 학습자 지정 등을 도출하여 시스템을 설계하였다. 이후, 웹 기반으로 구현된 세 가지 주요기능 별로 개량된 휴리스틱 사용성 평가 방법을 통해 개발된 시스템의 사용성 평가를 실시하였다. 10명의 HCI 분야 전공자 및 현업 종사자를 대상으로 정량적 및 정성적인 평가 결과, 세 가지의 주요 기능에서 전반적으로 사용성이 우수한 것으로 판정되었다. 주요 기능 별 정성적인 평가에서 도출된 여러 마이너 이슈들을 반영할 필요가 있으며, 향후 대규모 사용자를 대상으로 본 서비스를 보급하고 이용할 수 있도록 제공하여 자발적인 지식 공유 환경을 조성할 수 있을 것으로 전망된다.

음성패턴인식 인터랙티브 콘텐츠 개발 (Interactive content development of voice pattern recognition)

  • 나종원
    • 한국항행학회논문지
    • /
    • 제16권5호
    • /
    • pp.864-870
    • /
    • 2012
  • 언어 학습 콘텐츠에서 공통적으로 가질 수 있는 문제점들을 분석하고 문제점에 대하여 음성 패턴인식기술을 적용하여 기존의 문제점을 해결하였다. 언어 학습 콘텐츠의 첫 번째 문제점은 온라인 학습 자세이다. 수업 진행은 되었지만 다른 웹 페이지를 열어 게임을 하는 등 학생들의 집중력은 떨어졌다. 두 번 째 문제점은 Speaking 학습 과정을 만들었지만 실제로 따라 읽는지 판단할 수가 없었다. 세 번 째 문제점은 학습 관리 시스템에 의한 기계적 진행이 아니라 선생님들의 평가에 의해 잘하는 학생들과 못하는 학생간의 학습 진행에 차이를 둘 필요가 생겼다. 마지막으로 가장 큰 문제는 기존에 만들어 놓은 콘텐츠들은 그대로 유지되면서 위의 문제들을 해결할 수 있어야 했다. 이러한 배경 하에 음성 패턴인식기술은 말하기 학습 전용 학습 프로그램으로 학습 진행을 위한 음성인식은 물론 학습 자체를 위한 음성인식 기능들을 모두 가지고 있으며 인식 절차에 사용된 학습자의 발화 데이터를 원하는 형태의 오디오 파일로 변경하여 서버의 특정 위치로 전송하거나 SQL서버에 등록할 수도 있으며, 또한 컴포넌트이기 때문에 그 어떠한 시스템이나 프로그램이라도 모두 적용 가능하고 이미 만들어진 콘텐츠 전체를 손상시키지 않고 쉽게 삽입하여 새로운 기능들을 사용할 수 있었다. 본 논문으로 교육 방식을 보다 인터렉티브하게 바꾸어 적극적인 수업참여가 되도록 기여하였다.

고령자의 특성을 반영한 패스트푸드점 키오스크 UI 연구 (A Study on the Kiosk UI Reflecting the Elderly's Characteristics)

  • 홍승윤;최종훈
    • 한국콘텐츠학회논문지
    • /
    • 제19권4호
    • /
    • pp.556-563
    • /
    • 2019
  • 본 연구는 최근 확산되고 있는 언택트 서비스의 대표 사례인 패스트푸드점의 키오스크를 대상으로 고령자의 사용경험 향상을 위한 연구를 수행하였다. 먼저 문헌 연구를 통해 키오스크 디자인 분석 기준에 대해 고찰하고 현재 우리나라 패스트푸드점 중 키오스크가 제공되고 있는 맥도날드, 롯데리아, 버거킹의 햄버거 구매 UI 화면을 컬러, 레이아웃, 버튼으로 나누어 분석하였다. 그 다음 고령자들을 대상으로 사용성 평가와 설문을 통해 현 키오스크의 인터페이스 디자인 문제점을 발견하였다. 그 결과 고령자들은 아웃라인이 없는 버튼을 버튼으로 인지하지 못한다는 점, 화면의 레이아웃이 변하거나 시선이 흐름이 복잡하면 오류가 발생하는 점이 발견되었다. 또한, 가로 형태의 내비게이션과 세로 형태 배열의 메뉴가 오류가 적었으며 버튼의 디자인은 같은 기능에 있어서 동일한 컬러인 것이 오류가 적었다. 연구 결과 고령자들이 선호하는 키오스크 UI 디자인은 다음과 같다. 첫째, 아웃라인 또는 솔리드 형태의 버튼이 권장된다. 둘째, 이미지와 텍스트가 결합된 버튼의 세로 결합 형태가 권장된다. 셋째, 화면 레이아웃에 있어서는 시선 흐름과 조작의 방향이 일관성이 있어야 하며, 메뉴 수와 안내 정보가 증가하는 것을 피해야 한다. 넷째, 페이지 내비게이션은 가로 형태가, 메뉴 배열은 세로 형태가 권장된다. 마지막으로 버튼은 동일한 기능을 수행하는 버튼은 동일한 컬러를 사용하는 것이 효율적이고, 서로 다른 기능인 경우 보색 관계의 컬러를 적용하는 것이 혼란을 줄일 수 있을 것으로 연구결과가 도출되었다.

EcoBlog: 생태학적 가상 커뮤니티 구현을 위한 4 차원 공간 프레임워크 (EcoBlog: 4d Spatial Framework for Ecological Virtual Community)

  • 임줌폰;배누리;최진원;전정윤
    • 한국HCI학회:학술대회논문집
    • /
    • 한국HCI학회 2006년도 학술대회 1부
    • /
    • pp.937-944
    • /
    • 2006
  • Although people's anxiety about the environmental problem has been getting higher, they are not provided good quality of knowledge about the environment. Based on this situation, Ecoblog can be a new type of online community to educate the public in ecological knowledge. Especially, Ecoblog can be utilized as a method of "preventive education", and it will contribute to reduce great amounts of environmental budget to restore contaminated environment to previous condition. Ecoblog also utilizes the concept of blog which user can create and append their site with chosen themes. A weblog or a blog is a non-commercial webpage regularly updated through the use of a blogging software which allows the user to "publish" kinds of amalgamations of text and graphics to the page as posts. The technology offered in Ecoblog is utilizing the concept of 4D place and game metaphor in order to provide users the sense of participation, interaction and immersion among them and the growing community. Thus, it requires applying the CAAD technology by implementing semantically well-defined building data model as a core database to create a 4D virtual community. This research focuses on defining a 4d spatial framework suitable for developing an online ecological community. Through our study, the state-of-the-art of online community has been studied at the first step. Second, the scenario of using EcoBlog described with content, visualization and navigation are defined based on the critical features derived at the first step. Finally, a 4d spatial framework composed of semantic building data model, content and rule database is constructed to propose factors that are necessary to establish an ecological virtual community. In conclusion, our framework could enhance the comprehension and interaction between users and virtual buildings in the ecological community by integrating the concept of game design, 4D CAD and semantic data model. Such framework can be applied to any online community for an educational purpose.

  • PDF