First Mobile

포스트 모바일 시대에는 웹사이트 구축 시 모바일은 선택이 아닌 필수

2017년 9월에 과학기술정보통신부와 한국인터넷진흥원에서 실시한 인터넷 이용 실태조사 요약보고서를 보면 94.1%가 스마트폰을 이용하여 인터넷에 접속하고 92.9%는 자료 및 정보를 획득하는 것으로 나타났습니다. 반응형 웹으로 모바일에 최적화된 UI를 제공하면 웹사이트 이용 증대 효과를 볼 수 있습니다.

모바일 실태조사

그리드 시스템으로 N스크린 완벽 지원

그리드 시스템을 이용하여 기존의 고정된 픽셀 기반의 레이아웃을 유동적인 비례형 레이아웃으로 전환하면 스타일이 변경되기 전까지 요소들이 뷰포트에 따라서 확장될 수 있어 다양한 기기에서 최적화된 화면 제공 및 소스 일원화를 할 수 있으며 새로운 N스크린에도 완벽하게 적용될 수 있습니다.

그리드 시스템 지원 방법

모바일 UI 가이드라인 제공

모바일에 최적화된 UI를 제공하기 위해 웹사이트 제작 시 숙지해야 할 사항(사용성에 대한 가이드, 그리드 시스템, UI 요소에 대한 가이드) 등을 제공하겠습니다. 이를 통해 모바일 환경에서 사용자의 웹사이트 이용 만족도를 높이고 향후 웹사이트 운영 시에도 효율적인 업무를 진행할 수 있습니다.

모바일 UI 가이드

쉬운 탐색을 위한 UI 제공 I

콘텐츠나 기능 중 화면의 특징에 맞게 최적화된 UI를 제공하면 향상된 웹사이트 이용 경험을 제공할 수 있습니다. 예를 들어 모바일에서 투어 신청 시 이용약관 동의를 접기/열기 UI로 제공하거나 포토갤러리 형태의 게시판에 정렬 옵션을 제공하면 모바일 환경에서 편리하게 웹사이트를 이용할 수 있습니다.

손쉬운 탐색 I

쉬운 탐색을 위한 UI 제공 II

아산생명과학연구원에서 진행하는 다양한 세미나 및 교육 프로그램 등의 일정을 달력을 이용하여 사용자가 한눈에 보기 쉽게 제공하고 행사 시작일이나 접수 시작일 이전에 사용자가 알람을 설정하면 하루 전이나 그 시간에 맞춰 이메일을 발송하여 날짜를 잊어 불참하게 되는 상황을 사전에 방지하겠습니다.

손쉬운 탐색 II

빠르게 느껴지는 UX 제공

사용자는 PC나 모바일에서 로딩 속도가 느리면 짜증을 냅니다. 또한, ‘느리다’고 느끼면 아무 버튼이나 막 눌러보거나 미련 없이 서비스를 나가버리게 됩니다. 3초만 지나도 짜증이 나고 10초가 지나면 포기하게 되는데 빠르게 느껴지는 UX만으로 이런 문제점을 해소할 수 있습니다.

빠르게 느껴지는 UX

캐싱 기술로 빠른 화면 제공

캐싱 기술은 임시 저장된 데이터를 이용하므로 데이터베이스의 부하를 감소시키고, 응답 시간을 단축할 수 있어 분산 시스템에 응용되고 있습니다. 특히 콘텐츠의 빠른 전송에 유용하여 로딩 시간 단축과 장애 시 깨짐 현상 없이 서비스할 수 있어 안정적인 데이터를 제공할 수 있습니다.

캐싱 기술 적용