• 제목/요약/키워드: 아이콘 배치

검색결과 23건 처리시간 0.025초

데스크톱에서 쇼핑몰의 탐색을 위한 내비게이션 사례분석 (A Case Study of Navigation for Shoppingmall on desktop)

  • 장수진;이영주
    • 한국산학기술학회논문지
    • /
    • 제22권1호
    • /
    • pp.251-256
    • /
    • 2021
  • 본 연구는 언택트 시대로 인해 인터넷 쇼핑 인구가 증가함에 따라 데스크톱 환경에서의 쇼핑몰 이용 시 가장 많이 사용하게 되는 내비게이션의 사례를 분석하고자 하였다. 이에 쇼핑몰의 탐색에 있어 구조적 탐색 유형에 따라 GNB와 LNB의 종류와 유형을 분석하고 그 구성요소를 알아보았다. GNB는 탐색구조의 최상위 요소로 콘텐츠 섹션의 레이블 구성을 바탕으로 사용자의 탐색을 유도하며 컬러, 텍스트, 아이콘, 이미지 요소를 배치할 수 있다. LNB는 드롭다운, 플라이아웃, 드롭라인 그리고 메가 메뉴의 형태로 분류할 수 있었다. 본 연구에서는 사용자가 많이 사용하는 오픈 마켓 중지 마켓과 인터파크의 내비게이션 구조를 분석하였다. 지 마켓의 GNB는 2단 구조로 컬러, 텍스트, 이미지, 아이콘 요소가 사용되었으며 인터파크는 3단 구조의 수평 레이블로 구성되어 있었다. 인터파크의 GNB는 지 마켓과는 달리 일시적인 콘텐츠 섹션인 계절 레이블에 뱃지를 두어 시선을 유도하였다. 두 쇼핑몰의 LNB는 모두 좌측에 배치된 로고 하단에 수직 텍스트 형태로 배치된 카테고리 메뉴에 마우스 오버하면 플라이아웃 메뉴가 돌출되며 플라이아웃 메뉴는 메가 메뉴의 레이아웃으로 구성된 복합 구조를 가지고 있음을 알 수 있었다. 본 연구는 인터넷 쇼핑이 증가하고 있는 요즘 쇼핑몰의 GNB와 LNB를 분석하여 사용자 경험 요소를 밝히는데 의의가 있으나 오픈 마켓 외 소셜 커머스나 대형 마트와 같은 타 쇼핑몰이 분석을 함께 하지 못한 것은 한계로 남는다.

온라인 목록 시스템의 사용성에 관한 연구 : 화면 설계를 중심으로 (Research on usability of an OPAC(Online Public Access Catalog))

  • 김미현
    • 정보관리학회지
    • /
    • 제15권1호
    • /
    • pp.43-62
    • /
    • 1998
  • 이 연구는 온라인 목록의 화면 설계시 색상, 아이콘, 하나 이상의 간략 서지의 나열 방법, 상세 레코드의 공간적 배치의 네 가지 요소들이 실제로 온라인 목록의 사용성에 영향을 미치는지를 알아 보고자한 것이다. 또한 도서관에서의 정보검색 시스템들 중 온라인 목록의 구축시 탐색의 수행과 관련된 요소와 선호도에 관련된 요소들을 어떻게 조화시켜야 하는지에 관해 고찰한 것이다.

  • PDF

선분 간략화와 자동화된 레이아웃을 이용한 지도생성 시스템 설계 (A Design of Map Generation System using Line Simplification and Label Layout)

  • 박동규
    • 한국정보과학회:학술대회논문집
    • /
    • 한국정보과학회 2002년도 가을 학술발표논문집 Vol.29 No.2 (2)
    • /
    • pp.160-162
    • /
    • 2002
  • 지리정보시스템(GIS)에서 사용하는 지도는 여러 가지 목적의 응용 프로그램이나 지도의 축척등에 의해 서 다양하게 나타난다. 본 논문은 지리정보 시스템에 사용되는 지도중에서 관광안내지도를 대상으로 최적의 레이블링과 아이콘 표시방법을 통하여 관광지도 정보를 최적화하여 표현하기 위한 논문이다. 이를 위하여 서울시내의 여러 가지 관광버스의 노선도를 분석하여 이를 최적화된 방법으로 배치하고 표현하는 위한 방법을 연구하였다. 복잡한 버스의 노선은 주요 시설물을 중심으로 선분 간략화 알고리즘을 통하여 간략화 하였으며 간략화된 노선에서 중첩되는 레이블은 레이블 재배치 알고리즘을 이용하여 재배열하였다. 이러한 방법을 통하여 지리정보 데이터베이스로부터 자동화된 방식으로 구조화된 지도를 손쉽게 생성하는 방법을 제시한다.

  • PDF

음악 스트리밍 앱 UX디자인의 사용성에 대한 연구 -멜론, 유튜브 뮤직, 지니, FLO앱을 중심으로 (Convergence Study on Usability of Music Streaming App UX Design)

  • 천승재;박진호
    • 한국융합학회논문지
    • /
    • 제12권2호
    • /
    • pp.135-146
    • /
    • 2021
  • 본 연구에서는 음악 스트리밍 서비스의 이용자 수가 점차 늘어가는 추세 속에서 사용자들에게 개선된 사용성을 가진 앱을 제공하고자 Screen Test기법과 실시 전후로 인터뷰를 진행하는 방식으로 사용성 테스트를 실시하고, Performance Measurement방식과 Contextual Inquiry방식을 사용하여 사용성 테스트 진행하였다. 사용성 테스트는 10대부터 50대 사용자 각 1명씩 진행하였으며 서비스 사용자가 많은 멜론, 유튜브 뮤직, 지니, FLO앱에서 진행하였다. 사용성 테스트 결과 아이콘이 기능을 충분히 나타내지 못하고 상호 작용 가능한 버튼으로 인식되지 못하여 사용자가 지나치는 점, 기능이 활성화 되었을 때 시각적 효과 부족으로 사용자가 인지하지 못하는 문제, 기능 배치가 연속적이지 않아 끊기는 사용성을 가지는 문제점을 도출하였다. 이에 대해 각 앱에 대해서 아이콘을 직관적으로 변경하고, 기능 활성화 시 화면의 시각적 효과를 추가하며, 기능이 연속성을 가지도록 위치 조정을 하는 등의 사용자 화면 개선안을 시각적 자료와 함께 제시했다.

HDTV 수신 모듈용 GUI 설계 및 구현 (Design and Development of Graphic User Interface for HDTV MPEG Module)

  • 봉종수;임현석;김세영;김대진
    • 한국콘텐츠학회논문지
    • /
    • 제9권4호
    • /
    • pp.72-80
    • /
    • 2009
  • 디지털 컨버전스 시대에 접어듬에 따라 디지털 텔레비전 수신 모듈의 폭발적인 수요에 맞추어 사용자의 편의성을 강조한 디지털 TV GUI가 중요해지고 있다. 본 논문에서는 HDTV MPEG 수신 모듈의 구동을 위한 메뉴 선택 방식의 GUI를 설계하고 구현했다. 이는 기존의 유저 인터페이스가 가지는 단점들을 극복하고, 사용자에게 보다 친숙하고 편리함을 제공할 수 있는 구조를 가지고 있다. 메인 메뉴를 구성하기 위한 윈도우를 생성하고 메뉴 항목들을 $1{\times}3$ 구조로 화면의 상단에 배치하였다. 그리하여 메인메뉴와 서브메뉴 그리고 하위 메뉴를 한 개의 화면에 표시되도록 구성하였다. 그리고 새로 제작한GUI스타일과 아이콘을 적용함으로써 메뉴 선택 방식의 GUI를 완성하였다.

인터넷학교도서관 미디어센터의 컨텐츠구성에 관한 연구 (A Study on the Construction of Contents for Korean Internet School Library Media Center(KISLMC))

  • 이명희
    • 한국도서관정보학회지
    • /
    • 제32권4호
    • /
    • pp.303-329
    • /
    • 2001
  • 본 연구는 인터넷상에 존재하는 지식과 정보가운데서 국내 실정에 적합한 국내 제작 교육용 사이트 중심으로 선별하여 초. 중. 고등학교의 학교도서관의 목적과 특성에 맞는 사이트를 체계적으로 조직, 축적, 제공하는 인터넷 학교도서관의 컨텐츠 구성에 목적을 두고 있다. 인터넷학교도서관 미디어센터의 컨텐츠 구성은 <사이버 도서관>, < 교수학습 자료 지원>, <학생지도 및 상담>의 3 영역으로 나뉘고 그 밑에 16개의 하위 영역을 두어서 구성되었다 이용자 친화적인 인터페이스의 구성을 위해 커뮤니케이션 기능을 강화하였으며, 복잡한 홈페이지상의 방향상실을 방지하기 위해 사이트맵, 색인, 검색엔진과 방향을 나타내는 방향 아이콘 등을 적절히 배치하였다.

  • PDF

웹상에서 정보시각화도구 및 줌 브라우저의 구현 (Development of a Visualization Tool and a Zoom Browser on the WWW)

  • 정영아;김응곤;한승조
    • 한국정보처리학회논문지
    • /
    • 제6권4호
    • /
    • pp.1071-1080
    • /
    • 1999
  • 본 논문에서는 웹상에서 검색결과를 시각화하기 위한 시각화 도구와 줌 브라우저(Zoom browser)를 구현하였다. 시각화 도구는 검색엔진을 이용하여 검색한 결과를 아이콘으로 표현하고 나선형으로 배치하여 시각화함으로써 사용자가 필요로 하는 정보를 쉽게 찾을 수 있도록 해준다. 줌 브라우저는 많은 페이지로 구성된 긴 문서를 시각화하기 위하여 Focus+Context 기법을 이용하여 문서의전체적인 윤곽을 파악하면서 관심 있는 부분을 자세히 볼 수 있도록 한다. 본 시각화 도구는 자바로 구현되었으며, 웹상에서 자바를 지원하는 모든 브라우저에서 사용할 수 있다.

  • PDF

RDA 자원유형 디스플레이를 위한 고려사항에 관한 연구 (A Study on the Display Considerations of RDA Resource Type)

  • 이미화
    • 정보관리학회지
    • /
    • 제33권1호
    • /
    • pp.33-52
    • /
    • 2016
  • 본 연구는 GMD를 대체하는 RDA 자원유형인 내용유형, 매체유형, 수록매체유형의 디스플레이를 위한 고려사항을 모색하고자 한다. 연구방법으로는 문헌연구, 사례조사, 설문조사를 이용하였다. RDA 자원유형의 디스플레이 방안으로 첫째, RDA 자원유형을 디스플레이하기 위해 내용유형과 수록매체유형을 결합하는 것을 제안하였다. 둘째, RDA 내용유형과 수록매체유형을 아이콘화하는 알고리즘으로 내용유형을 나타내는 이미지와 수록매체유형 용어를 결합하는 방안과 내용유형과 수록매체유형을 모두 이미지로 표현하고 각 이미지에 해당하는 용어를 포함시키는 방안을 제안하였다. 셋째, 복합자원의 자원유형 디스플레이를 위해 필드링크와 순서를 나타내는 서브필드를 활용하여 내용유형, 수록매체유형이 세트로 유지될 수 있도록 제안하였다. 넷째, 간략화면에서 자원유형을 나타내는 아이콘은 자원이 디스플레이되는 왼쪽 상단에 두고, 상세화면에서는 자원유형을 기술사항 내에 배치하는 것을 제안하였다. 다섯째, 표출어로 '포맷'이라는 표현을 사용할 것을 제안하였다. 본 연구는 RDA 자원유형의 디스플레이를 계획할 때 고려사항을 제시하였으므로 도서관에서 실질적인 RDA 디스플레이 방안 마련에 활용할 수 있을 것이다.

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

  • 정제윤;이샘;남원석
    • 한국융합학회논문지
    • /
    • 제12권8호
    • /
    • pp.23-30
    • /
    • 2021
  • 소비자 취향의 다양화와 다품종 소량 생산의 수요에 따라 패션계에서도 다양한 커스터마이징 서비스가 소개되고 있다. 그러나 커스텀이 익숙하지 않은 소비자에게는 진입장벽이 높으며, 다양한 기능이 오히려 복잡하게 작용한다. 본 연구는 패션 플랫폼 매출 1위인 마플과 가장 유사한 서비스를 제공하는 플랫폼 3곳을 비교모델로 선정한 후 사례분석을 통해 웹 기반 패션 커스터마이징 플랫폼 설계를 위한 기초연구로 활용하고자 하였다. 연구 방법으로는 문헌 조사를 통하여 이론적 고찰을 진행한 후, 레이아웃, 메뉴, 컬러, 아이콘, 인터렉션을 기준으로 웹을 분석 후 설문을 진행하였다. 연구 결과 옵션의 배치, 메뉴창의 구성, 포인트 컬러의 개수, 메타포의 기능이 없는 아이콘 사용 등이 커스터마이징 플랫폼 이용에 방해가 된다는 것을 찾아낼 수 있었다. 본 연구는 해결방안을 제안하고, 웹 플랫폼 디자인의 시각적 조형요소를 종합적으로 분석하여 향후 개발될 커스터마이징 웹의 사용성을 높이는데 기여하고자 한다.

도로데이터 기반의 모바일 증강현실 서비스 모델 제안 및 시스템 구현 (A Proposal of a Mobile Augmented Reality Service Model based on Street Data, and its Implementation)

  • 이정환;이준;권용진
    • Spatial Information Research
    • /
    • 제23권5호
    • /
    • pp.9-19
    • /
    • 2015
  • 스마트기기가 보급되면서 사용자들은 위치기반 서비스를 사용하여 자신의 위치와 관련 있는 맞춤형 정보를 손쉽게 검색할 수 있다. 이러한 위치기반 서비스는 디바이스에 부착된 각종 센서들을 이용한 증강현실 기술을 활용하여 직관적이고 현실감 있는 정보를 제공하고 있다. 하지만 모바일 디바이스의 제한된 크기나 사용자 주변 환경을 고려하지 않은 정보 표시로 인해서 작은 화면상에 표시되는 콘텐츠간의 오버랩이나 사용자의 실제 이동 가능성을 무시하는 아이콘 배치 등의 문제점들이 대두되고 있다. 본 논문은 이런 문제점을 해결하기 위해 도로데이터를 활용한 모바일 증강현실 서비스 모델을 제안한다. 제안한 모델은 사용자들이 생활하는 실생활공간과 사용자 위치 및 콘텐츠가 도로데이터를 기준으로 배치된 정보공간으로 구성된다. 실생활공간에서는 도로상에 위치한 사용자가 주변의 도로를 카메라로 비추어 주변 콘텐츠를 요청한다. 그리고 정보공간에서 사용자의 위치로부터 콘텐츠까지의 이동경로를 고려하여, 비춰진 도로를 따라 손쉽게 이동 가능한 정보, 즉 이동 가능성이 보장된 정보들을 검색한다. 더불어 검색한 정보들을 도로를 기준으로 배치함으로써 모바일 증강현실 서비스에서 발생하는 문제점들을 해결하고 있다. 또한 본 논문에서는 제안한 모델을 적용한 시스템을 경기도 고양시의 "애니골" 지역을 대상으로 구현하여 그 효율성과 편의성을 확인하고 있다.