• 제목/요약/키워드: 웹 UI/UX

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

모바일웹 구축 시 UI/UX 적용 사례 분석 : 대학 홈페이지를 중심으로 (A Analysis on the Cases Applying UI/UX in the Mobile Web : Focusing on the University Homepage)

  • 이명숙;이경미
    • 정보처리학회논문지:컴퓨터 및 통신 시스템
    • /
    • 제4권4호
    • /
    • pp.111-116
    • /
    • 2015
  • 본 연구는 최근 뉴미디어 시대에 매우 활발하게 진행되고 있는 UI/UX 분야에 대해 짚어보고 전국의 국립대학을 대상으로 홈페이지를 조사분석하여 모바일웹에 적용된 UI/UX에 대한 다양한 연구를 시도하였다. 먼저 PC웹, 모바일웹, 모바일앱에 대한 비교 분석, 전국 국립대 홈페이지 현황 조사, 대학의 PC웹과 모바일웹의 표현 및 사용 비교 조사, 계명대학의 모바일웹이 UI/UX 원칙에 어느 정도 적용하였는지 등을 분석하였다. 이 연구를 통해 대부분의 모바일웹 페이지는 UI/UX를 적용한 사용자 입장의 설계가 많이 부족하였고, PC웹의 방대한 자료를 최적화시켜서 표현할 필요가 있었다. 또한 UI/UX 디자인의 방향을 제시하여 모바일웹 설계에 적용하여야 할 사용자 경험을 적용하기 위한 방법을 모색하고자 한다.

모바일 웹 사용자 인터페이스의 사용성 향상을 위한 평가에 관한 연구 (A Study on Evaluation for Improving the Usability of Mobile Web User Interface)

  • 김희완
    • 서비스연구
    • /
    • 제6권2호
    • /
    • pp.185-199
    • /
    • 2016
  • 스마트폰 시장은 애플에서 아이폰을 출시하면서 다양한 사이즈와 운영체제를 갖춘 모바일 기기가 활성화되기 시작했다. 사용자들은 스마트폰을 이용하여 언제 어디서나 원하는 콘텐츠를 바로 사용하여 정보의 검색뿐만 아니라 동영상, 음악 플레이 등 다양한 콘텐츠를 사용이 가능하다. 최근 모바일을 포함한 디지털 기기들이 일상생활에서 차지하는 비중이 커질수록 사용자와 모바일 기기 간의 커뮤니케이션을 담당하는 UI/UX는 매우 중요하다. 사용자 입장에서 기기를 얼마나 사용하기 쉬운가를 좌우하는 중요한 요소로 인식되고 있다. 본 논문은 모바일 웹을 구성하는 UI/UX의 편리함을 증가시키면서 사용의 불편을 최소화하기 위한 방법에 대해 알아보고, 모바일 기기의 사용성 향상을 위한 모바일 웹 UI/UX의 평가기준을 제시하였다.

.net Framework 환경에서 하이브리드 웹 기반의 매니지드 구조화 시스템 프로그래밍 개발방식-스마트 웹 중심으로 (Developed Type in the Managed Structured System Programming of Hybrid Web in .NET Framework Environment-Centric of Smart Web)

  • 장승영
    • 한국컴퓨터정보학회논문지
    • /
    • 제18권4호
    • /
    • pp.141-152
    • /
    • 2013
  • 현재 웹 구현체계는 절차지향 방식과 객체지향 방식으로 나누어 개발해 왔다. 이러한 두 방식 모두 단순한 외형적 디자인 구성과 하이브리드 웹에 대한 보조 쓰임새 역할 구성방식으로 구현되어 개발에 대한 시간과 인력의 소비로 야기 되는 비용 문제까지 나타나고 있다. 문제해결을 위한 방안으로 .NET Framework을 기반 하에서 적용할 수 있는 매니지드 구조화 시스템 프로그래밍 방식을 제안 했다. CS의 개념을 적용한 .NET기반의 구조화 시스템 설계방식은 UI 구성측면에서의 인터페이스 구성에 최적화된 디자인 구성을 우선시 적용하여 영역별 Class 분담형식을 취해 상속관계를 유지할 수 있는 환경을 제공하며, UX와 UI의 연계성을 유지하여 UX 객체의 인터페이스 구성을 객체와 연계를 통해 Class 설계과정에서 객체형식으로 적용하게 된다. 이러한 개발방식을 통해 UI UX 측면의 표현방식을 중심으로 구현 되고 개발에 따른 효율성 해결에도 도움을 갖게 되었다.

대학교육에서 학습자 중심형 UI/UX 디자인이 적용된 블로그 기반의 보조학습도구가 학습성과에 미치는 영향 (The Effectiveness of Learning Performance on Supplementary Learning Tool based on Blog using Learner-Centric UI/UX Design in Higher Education)

  • 배지혜
    • 한국산학기술학회논문지
    • /
    • 제12권12호
    • /
    • pp.5531-5540
    • /
    • 2011
  • 최근 사용자가 주체가 되는 웹 2.0의 교육적 활용에 대한 설계원리가 적용된 학습이 많이 제시되고 있다. 웹 2.0의 많은 요소들 중에서도 블로그는 집단에서 개인 중심으로 변해가는 웹의 경향을 잘 반영한 도구이며 게시판 같은 도구와 달리 개방적이며 정보와 콘텐츠의 생산 및 확산에 쉽게 동참할 수 있는 출발점이 되는 도구이다. 본 논문은 웹 2.0 기술과 교육을 연결시킨 새로운 학습 방법을 고안하려는 차원에서, 대학교육에서의 학습자들이 학습자 중심형 UI/UX 디자인이 적용된 블로그 기반 학습도구를 보조학습 도구로 활용을 할 경우 학습성과에 어떠한 영향을 미치는가에 대한 연구를 목적으로 한다. 연구도구로써 사용자 중심의 설계가 가능한 설치형 블로그를 실험환경에 적용하였으며 이에 따른 설문결과와 학습평가점수, 과제수행점수의 분석을 통해 학습자 중심형 UI/UX 디자인이 적용된 블로그 기반의 보조학습도구가 학습성취도와 학습몰입도에 영향을 준다는 결론을 얻게 되었다.

MPEG-21 기반 반응형 웹 프레임워크 (Advanced Responsive Web Framework Based on MPEG-21)

  • 문재원;임태범;김경원;이석필
    • 한국방송∙미디어공학회:학술대회논문집
    • /
    • 한국방송공학회 2012년도 하계학술대회
    • /
    • pp.347-349
    • /
    • 2012
  • 디바이스 사용 환경이 다양해지면서 이를 고려한 반응형 UI/UX 개념이 대두되고 있다. 이를 위해 기존 데스크탑 기반의 UI에 국한되지 않고 다양한 모바일 디바이스 환경 및 사용자 특성을 고려한 적응적인 UI/UX를 제공해야 한다. 본 논문에서는 MPEG-21을 기반으로 반응형 웹 UI/UX를 제공하는 새로운 프레임워크를 제안한다. 기존 반응형 웹 디자인은 주로 조합한 여러 단위 기술을 이용하여 해상도의 변화에 반응하여 엘리먼트를 적응 시키는 방법을 사용한다. 제안하는 기술은 단일 프레임워크를 이용하여 컨텐츠 및 리소스를 보다 다양한 환경 정보를 사용하여 적응시킨다. 이는 기존 방법과 비교하여 서비스 제공자가 많은 종류의 리소스 및 데이터를 서비스 함에 있어 3rd 파티 컨텐츠 프로바이더의 참여 및 수정이 용이하도록 하였으며 자동으로 사용자 환경을 파악하여 맞춤형 컨텐츠 제공이 가능하도록 한다.

  • PDF

차세대 웹 플랫폼의 UX설계 (UX Design of Next Generation Web Platform)

  • 김선우;조영주;김진혁
    • 한국컴퓨터정보학회:학술대회논문집
    • /
    • 한국컴퓨터정보학회 2017년도 제55차 동계학술대회논문집 25권1호
    • /
    • pp.251-254
    • /
    • 2017
  • 최근 현대인들은 웹 환경에 대해 높은 관심을 보이고 있다. 또한 웹 환경에서 HTML5의 표준화에 따라 사용자의 경험, 즉 'UX(User Experience)' 설계에 대한 관심 또한 높아지고 있다. 이러한 환경을 차세대 웹 플랫폼이라 한다. 차세대 웹 플랫폼이라 함은 HTML5라는 웹 표준 규약에 따라 설계한 것을 뜻한다. 따라서 본 논문에서는 이러한 차세대 웹 플랫폼의 UX 설계에 대한 최신 트렌드와 콘텐츠 UX에 대해서 설명하고 반응형 디자인에 따른 웹사이트 수익과의 관계까지 실험결과를 토대로 제시하고자 한다.

  • PDF

저시력 장애인을 위한 모바일 웹 UI/UX 연구 (Mobile Web UI/UX Research for Low Vision in Visually Handicapped People)

  • 송승훈;김의정;강신천;김창석;정종인
    • 한국정보통신학회:학술대회논문집
    • /
    • 한국정보통신학회 2017년도 추계학술대회
    • /
    • pp.391-394
    • /
    • 2017
  • 저시력 장애인은 선천적 혹은 후천적인 안질환으로 인한 의학적 안광학적 방법으로 개선이 불가능한 시력 장애 및 시기능 장애를 말한다. 저시력 장애인은 전 세계에 2억 4000만 명에 해당할 만큼 많은 비율을 차지하고 있으며 잔존시력이 있음에도 불과하고 스마트 시대에 정보 취약 계층에 속하고 있다. 기존 스크린리더(TTS) 및 화면확대 기능을 통해 정보접근이 가능한 환경에서 저시력 장애인을 위한 모바일 웹 환경에서의 UI/UX에 대한 연구를 통해 저시력 장애인의 정보 접근성 향상 및 향후 연구 방안에 대해서 논하고자 한다.

  • PDF

모바일 환경에서의 챗봇 UX (Chatbot UX in a Mobile Environment)

  • 이영주
    • 디지털융복합연구
    • /
    • 제17권11호
    • /
    • pp.517-522
    • /
    • 2019
  • 많은 비즈니스에서 챗봇은 사용자의 질문에 가장 즉각적이고 직접적인 피드백으로 제공함으로써 사용자 경험을 높여가고 있으며 그 활용 영역이 커져가고 있다. 본 연구에서는 챗봇의 정의를 비롯해 명령방식, 기능, 플랫폼에 따른 세 가지 유형을 구분되는 요소에 따라 분류해 보았다. 그 과정에서 기능적 구분 요소는 패턴인식, 자연어처리, 시멘틱 웹, 텍스트 마이닝, 상황인식 컴퓨팅의 기능적 부분의 핵심 기술 요소가 챗봇 UX를 위해 필요하지만 현재 단계에서의 한계도 알 수 있었다. 이를 바탕으로 더 나은 사용자 경험을 위한 챗봇의 UX요소를 페이스북, 스카이프, 텔레그램, 구글어이스턴트를 대상으로 분석하였으며 카드와 같은 기본 UI요소와 빠른 응답, 명령, 영구 메뉴의 적용이 사용자 경험요소로 필요함을 알 수 있었다.

웹기반 기초학력 진단-보정학습 시스템의 사용자 친화적인 개선 프로토타입 개발 (User-friendly Improved Prototype Development on Web-based Diagnostic-supplement Learning System for Basic Academic Skills)

  • 황윤자;차현진
    • 컴퓨터교육학회논문지
    • /
    • 제22권1호
    • /
    • pp.63-78
    • /
    • 2019
  • 본 연구는 학교 현장에 지속적이고 체계적인 기초학력 지원을 위해 2015년부터 초 중등 교사를 대상으로 활용되고 있는 기초학력 진단-보정 학습 시스템의 사용성 문제를 개선하는 데 목적이 있다. 이를 위해 사용자 유형(학교관리자 및 교사)별 UX/UI를 기초 설문조사, 사용자 테스팅, 심층 인터뷰, 전문가 휴리스틱스 등 사용성 평가를 수행하였다. 이러한 양적/질적 사용성 평가결과 분석을 통해 도출된 개선사항을 반영한 프로토타입을 개발하고 이를 반복적으로 평가함으로써 사용자 중심의 시스템으로 개선하였다. 본 연구는 전국단위로 활용하고 있는 기초학력 진단-보정 학습 시스템을 사용자 유형(관리자/교사/학생)별 맞춤형 기능 및 UX/UI 개선을 통해 사용자 친화적 시스템으로 개발하였다는데 의의가 있다.

고령 사용자를 위한 UI/UX 컴포넌트 매핑 및 시각화 방법 (Method of Visualization and UI/UX Component mapping for Senior)

  • 이설화;소아람;허윤아;황태선;임희석
    • 한국컴퓨터교육학회 학술대회
    • /
    • 한국컴퓨터교육학회 2018년도 하계학술대회
    • /
    • pp.85-87
    • /
    • 2018
  • 고령 사회의 급격한 확대로 인해 스마트 기기를 잘 다루는 스마트 시니어들의 문화향유가 급증하고 있다. 시니어 세대는 인지 및 운동능력이 급격히 감퇴하는 시기로, 콘텐츠를 활용한 원활한 문화향유를 위해서는 감퇴하는 능력에 대한 개인의 능력을 파악하여 콘텐츠 제작자들에게 알맞은 가이드라인을 제공해줄 필요가 있다. 본 연구는 시니어의 인지 및 운동능력 측정을 통하여 웹콘텐츠에 사용되는 UI/UX 컴포넌트를 매핑하고, 컴퓨터 과학에 전문적인 지식이 없는 개발자 또는 콘텐츠 제작자들에게 시니어를 잘 이해할 수 있도록 하는 시각화 방법을 제안한다.

  • PDF