스마트폰이나 태블릿등을 위한 사이트 개발시 고려해야할 점은 무엇이 있을까요? 반응형 웹디자인을 적용하지 않더라도 고려해야할 요소들은 추가적으로 많이 있습니다.
스마트폰등 모바일 기기등의 사용자고려를 염두에 둘때 고려해야할 사항들을 소개해드립니다.
터치스크린을 이제 필수적인 고려사항
스마트폰이나 태블릿에서 더이상 터치스크린을 지원하지 않는다면 해당 제품은 팔리지 않을 것입니다. 최근에는 일반 PC용 모니터에도 터치스크린을 기반으로 한 제품들이 대다수를 차지하고 있으며 노트북분야도 매우 높은 점유율로 터치 스크린 채용 제품 비증이 증가하고 있습니다.
[pe2-image src=”http://lh5.ggpht.com/-qWY2cncAIJs/U14fWdzl-eI/AAAAAAAAC8I/c2tkbWKuj6A/s144-c-o/%2525ED%252584%2525B0%2525EC%2525B9%252598%2525EC%25258A%2525A4%2525ED%252581%2525AC%2525EB%2525A6%2525B0.jpg” href=”https://picasaweb.google.com/102394476629197694908/201405#6007273423777429986″ caption=”” type=”image” alt=”터치스크린.jpg” ]
터치스크린은 정전식,감압식 등 다양한 형태가 있지만 기본적으로 펜 또는 손가락을 이용하여 누른다는 개념은 동일할 것입니다.
따라서 손가락으로 누른다는 전제하에 주요버튼이나 메뉴등의 DPI(Density Independent Pixel)를 48DPI 이상으로 설계하는것이 좋으며 주변에 다른 버튼과의 간격도 8DPI 이상 간격이 있도록 설계하는 것이 좋다고 합니다.
작은 디스플레이를 고려한 가독성 확보
컨텐츠를 작성하는데 있어 모바일을 고려하여 가독성 중시한 블로그 컨텐츠 작성 관련 포스트를 소개해드린적이 있지만 이것은 사용자가 컨텐츠를 작성하는 사후의 개념이라고 할수 있습니다.
그런데 사이트 설계자체가 이러한 가독성에 대한 고려가 안되어 있다면 안좋은 설계라고 할수 있습니다.
최소 픽셀은 12픽셀 이상 명조체,고딕체,나눔고딕체등 가독성이 뛰어난 폰트가 기본 폰트가 될수 있도록 설계해야 합니다. 사이트를 운영하는 관리자로 개발자가 지정되지 않는 경우가 대부분이기 때문입니다.
좌우너비를 신경써라!
스마트폰이나 태블릿의 경우 영화나 동영상을 감상하는 경우를 제외하고는 거의 대부분 세로모드를 기본적으로 사용하게 됩니다. 그런데 좌우로 스크롤하게 만들었다면 사용자 경험이 매우 안좋을 것입니다.
따라서 좌우로 스크롤하는 좌우폭의 구간설정은 피해야 하며 가급적이면 상하 스크롤로 거의 모든 사이트 정보를 파악할수 있도록 설계하는 것이 좋습니다.
팝업(POP-UP)은 최악의 선택?
일반 데스크탑에서 보는 사이트에서도 팝업(POP-UP)창 돌출은 피하는 것이 좋습니다. 팝업은 사용자들에게 불쾌감(?)을 주는 경우가 대부분이면 팝업돌출을 차단하는 옵션을 사용하는 사용자들도 대부분입니다.
특히 모바일환경에서는 이러한 팝업 돌출은 최악의 한수가 아닐까 합니다. 특정한 메시지를 강조하고 싶다면 상단 붙박이 글을 이용하도록 설계한다거나 본문에 하이라이트가 들어간 메시지형태로 보여주는 것이 최선의 선택이라고 판단됩니다.
- 워드프레스 테마 오픈마켓 테마포레스트- Theme forest
- 워드프레스 추천테마 관련 포스트 - AVADA / JARIDA / SAHIFA / GOODNEWS