귀하의 사이트의 태블릿 경험 개량을 위한 쾌락-6 팁에 대 한 검색

태블릿 PC 시장의 급속 한 성장, 당신은 이제까지 고려 태블릿에 웹 사이트의 사용자 경험? 이 문서 제공 웹 사이트의 경험을 향상 시키는 6 간단한 기술 작은 노력, 큰 업적을 할애할 그것은 승수. 당신은 왜 그것을 시도 하지 않습니다.

원본 링크: http://uxmag.com/articles/the-pursuit-of-tappiness

이 문서 출판 되었음 때, 거의 혼자 미국에 태블릿 사용자의 70 백만 의해 전년도 데이터 보다 한 더 증가 했다. 즉, 거의 미국에서 인터넷 사용자의 30%를 사용 하 여 태블릿 장치 웹 서핑. 2011과 2012 년 사이 전자-상거래 웹사이트 348% 증가, 스마트폰 거래 압도 처음에 정제에 상장. 태블릿 시장 아주 어린 있기 때문에, 그것의 미래 개발 공간 매우 큰 해야 합니다.

추세 보냅니다 강한 신호는 귀하의 사이트를 태블릿에 대 한 설계 되지, 태블릿 컴퓨터에는 가용성 우선 순위를 지정 하는 시간 이다. 그렇지 않으면,이 무시 하 고 사이트의 전체 전환율, 방문 볼륨, 판매 및 기타 부정적인 영향을 있을 수 있습니다.

웹 사이트에 있는 기쁨에 "클릭", 휴대 전화 또는 태블릿에 대 한 사용자의 간단 하 고 즐거운 될 것입니다. 쾌락에 클릭 하면 독창적인 공간, 읽기 쉬운 텍스트, 논리 상호 작용 단서, 및 대형 클릭 대상 사이트를 탐색할 때 방문자에 게 완전 신뢰를 줄을 포함 되어 있습니다.

이 디자인에 큰 글꼴 및 큰 경험은 태블릿 컴퓨터 축소를 경험에 여전히 좋은 경우에 매우 좋은 대상을 클릭 합니다.

다른 디자인에 텍스트가 너무 작아서 읽기, 너무 가까이 misoperation에 링크, 거의 동작 시간, 복잡성과 좌절의 경험을 증가. 나쁜 경험, 사용자가 신속 하 게 잃게됩니다.

작은 글꼴 및이 디자인에 작은 터치 대상을 읽고 정제에 사용 하기 어려운 증명 하는.

이상적인 선택은 다양 한 장치, 하지만 시간을 위해 적응 시킬 수 있다 비용을 전체 리노베이션을 완료 하는 것은 불가능 할 수 있습니다 있도록 귀하의 사이트를 재설계 될 수도 있습니다. 하지만 다른 옵션이 있습니다. 이 문서의 몇 가지 팁과 방법을 신속 하 게 태블릿 사용자 경험, 단지 몇 가지 간단한 변경의 웹사이트를 개선 하는 데, 오늘 할 수 있는!

귀하의 웹 사이트의 행복을 향상을 위한

그냥 몇 가지 사소한 CSS 조작과 함께 태블릿의 가독성 및 탐색 정확도 크게 개선할 수 있습니다.

1, 정상적이 고 즉각적인 액션 버튼 (호출-투-액션) 크기 및 바깥쪽 여백 (여백). 에 대 한 대부분의 사람들의 손가락은 45-57 픽셀 영역에서 사용자를 찾아 "구매" 버튼을 클릭 귀찮게 못하게.

2. 링크 가져가 대신 클릭할 즉시 실행 단추 표시 한다. 호버 상태는 태블릿 컴퓨터에 존재 하지 않습니다. 텍스트 링크에 명확 하 고, 색상을 대조 있어야 합니다. 기본 연결 상태를 나타내기 위해 밑줄을 사용 하 여 두려워 하지 마십시오.

3, 가독성을 높이기 위해 글꼴 크기를 늘립니다. 원래 글꼴에서 일부 글꼴 픽셀 값 (px)를 추가 하거나 인상 글꼴 디스플레이 비율 (em 값)이 훨씬 좋을 것입니다. 그것은 승수 라고.

4. 탐색 메뉴 항목 (패딩)의 내부 여백 증가. 먼저, 5-10 픽셀을 추가 시도할 수 있습니다 그리고 디자인 허용 하는 경우 더 많은 여백을 추가할 수 있습니다.

5. 페이지 및 콘텐츠 블록 (마진)의 외부 여백을 늘리십시오. 이 개선 전반적인 가독성을 개선 하 고 시각적 복잡성을 줄일 수 있습니다. 흰색 잎 추가 혼잡된 사이트 보다 더 유용 인상을 만들 수 있습니다.

6. 크기와 양식 입력된 상자의 간격을 늘리십시오. 이것은 사용자가 클릭 하 고 정보를 입력 하기 쉽게 할 것 이다. 양식 스타일 개선, 크게 사이트의 전환율을 향상 시킬 수 있습니다.

또한, 이러한 간단한 CSS 변경 데스크톱 사용자도 혜택을 가능성이 있습니다. 물론, 평소와 같이, 전에 공식적으로 온라인가 서 모든 플랫폼과 브라우저에서 변경된 내용을 테스트 해야 합니다.

쾌락의 클릭으로

다음 사이트는 클릭의 즐거움을 반영 하는 좋은 방법. 이러한 사이트는 태블릿에 바탕 화면을 경험할 수 있습니다. 참고가이 사이트 사용 하지 않는 것을 다른 레이아웃 또는 버전 태블릿에 대 한. 그러나, 같은 사이트의 두 플랫폼에 좋은 모양과 작동 하기 쉽습니다.

Fitbit은 합리적인 공백 사용 하 여 더하기 큰 글꼴 및 큰 크기 터치 대상.

컴캐스트의 웹 사이트는 큰 글꼴 및 간격을 제공합니다. 당신은 또한 명확 하 게 식별 링크, 합리적으로 분산된 탐색 및 접근 가능성 탐색, 알 수 있습니다 그리고 크고 사용 하기 쉬운 양식을 입력 상자.

Skillshare 사이트의 주요 텍스트는 약간 작고, 크고 사용 하기 쉬운 탐색 단추와 즉각적인 조치 단추 클릭 영역에 대 한 제공 하 고 콘텐츠 영역 주위에 공간의 많음이 있다.

애플 웹사이트를 클릭 행복 느낌은 놀라운 일이 아니다. 그들은, 모든 후, 휴대용 터치 스크린 디자인 개척자입니다.

귀하의 사이트 클릭 기쁨을가지고 있습니까? 태블릿에 그것을 경험 하시기 바랍니다. 귀하의 사이트 제대로 태블릿에, 경험 하는 경우 사용자, 변환, 및 돈을 잃을 수 있습니다.

이 문서에 대 한 일이: 당신은 비용을 많이 저장할 수 있습니다 즉 몇 가지 작은, 증분 변경, 태블릿 사용자의 경험을 개선 하기 위해 시간과 비용을 많이 필요 하지 않습니다.

더 많은 기사 "질병"를 참조 하십시오, 방문 하시기 바랍니다: Http://cdc.tencent.com/?category_name=fanke

(Tencent CDC 블로그에서이 기사는 이다: http://cdc.tencent.com/?p=7351)