콘텐츠
- 01. 가능한 경우 피드백 포함
- 02. 회전 목마는 잊어라
- 03. 미래를위한 범위 구축
- 04. 적은 것이 더 많다는 것을 기억하십시오
- 05. 변덕스러운 디자인
- 06. 가능한 경우 자산 재사용
- 07. 최고의 듣기
- 08. 실제 사용자 선호도에 집중
- 09. 읽기 쉬운 텍스트 정렬 유지
- 10. 기본 사항 기억
레이아웃, 메뉴, 양식, 웹 글꼴 및 제스처는 모두 웹 사이트를 디자인 할 때 고려해야 할 사항입니다. 그러나 방문자가 스마트 폰과 모바일 장치를 사용하여 이러한 요소를 어떻게 볼 것인지도 고려해야합니다. 어디서부터 시작해야할지 모르겠습니까? 웹 사이트 빌더는 괜찮은 웹 호스팅 제공 업체 일뿐만 아니라 귀하에게 완벽한 도구가 될 수 있습니다.
다음은 이상적인 사용자 환경을 만드는 데 도움이되는 몇 가지 주요 고려 사항입니다.
01. 가능한 경우 피드백 포함
롤오버, 호버 상태 및 애니메이션은 웹 사이트에 생명을 불어 넣는 요소입니다. 터치 제스처 및 아이콘의 미묘한 움직임에 대한 지원을 추가하여 사용자의 눈을 끕니다. 정적 웹 페이지는 좀 더 동적 인 웹 페이지만큼 매력적이지 않습니다.
02. 회전 목마는 잊어라
캐 러셀이 변경 될 때마다 이전 슬라이드의 영향이 즉시 사라집니다. Google 데이터에 따르면 모바일 사용자의 1 % 미만이 실제로 캐 러셀을 사용합니다. 슬라이더 뒤에 주요 콘텐츠를 숨기지 마십시오. 슬라이더를 쌓아두면 사용자가보다 자연스러운 수직 스크롤을 할 수 있습니다.
03. 미래를위한 범위 구축
접근 방식이 가능한 한 빨리 릴리스를 얻는 것이라면 가장 중요한 기능에만 집중하기가 쉽습니다. 이 접근 방식의 문제점은 개발자가 진정한 범위를 구축하는 것을 불가능하게 만들 수 있다는 것입니다. 항상 가장 복잡한 것을 먼저 디자인하십시오.
04. 적은 것이 더 많다는 것을 기억하십시오
모바일 경험이 데스크톱 경험의 복제 일 필요는 없습니다. 사용자의 기기와 화면 크기에 맞게 특정 기능과 콘텐츠를 줄입니다. 예를 들어, 쇼핑 바구니 여정에 대한 오랜 제품 구성 도구는 간단한 '빠른 추가'프로세스로 줄일 수 있습니다.
05. 변덕스러운 디자인
항상 모바일 사용자가 참여를 잃고 외부 변수로 인해주의가 산만해질 위험이 있습니다. 이상적으로는 인터페이스를 중단 한 부분부터 쉽게 선택할 수 있도록하십시오. 큰 작업과 양식을 나누고 모든 것을 간단하게 만드십시오.
06. 가능한 경우 자산 재사용
사용자 경험 모범 사례의 핵심 요소 중 하나는 일관성입니다. 항상 모든 화면, 기기 및 해상도에서 설계된 UX 자산의 일관된 라이브러리를 유지하는 것이 좋습니다 (저장할 디자인 파일이 많은 경우 넉넉한 클라우드 스토리지가 필요합니다). UX에 대한 모바일 우선 접근 방식에서는이 규칙을 무시하는 것보다 무시하기가 더 어렵습니다.
07. 최고의 듣기
소비자 모바일의 독보적 인 리더이기 때문에 Google과 Apple은 UX 모범 사례에 대한 문서를 정기적으로 유지 관리해 왔습니다. 이것은 모든 디자이너에게 가장 좋은 출발점입니다. 창의력을 저해하는 지침을 볼 수 있지만 항상 행복한 매체를 찾는 것이 가장 좋습니다.
Google의 모바일 사이트 디자인 원칙과 Apple의 UI 디자인 권장 사항 및 금지 사항을 참조하세요.
08. 실제 사용자 선호도에 집중
실제 사용자를 사용하여 디자인이 실제로 작동하는지 테스트하는 것이 좋습니다. 선호도가 아닌 사실을 기반으로 디자인 결정을 내릴 수 있으며 개발자에게 기능을 설명 할 때 혼동 가능성을 줄일 수 있습니다. 실제 사용자 데이터는 클라이언트의 주관적인 취향에 의해 도전받을 때 더 강력합니다.
09. 읽기 쉬운 텍스트 정렬 유지
가운데 텍스트 콘텐츠가 항상 나쁜 것은 아닙니다. 그러나 이것을 구현하지 않을 때를 아는 것이 중요합니다. 콘텐츠가 많으면 텍스트를 왼쪽으로 유지합니다. 가독성이 웹 사이트의 핵심 목표라면 (그래야합니다!), 작은 텍스트 블록 만 가운데 정렬하십시오. 전체 페이지 기사 콘텐츠는 거의 항상 '왼쪽으로 왼쪽'이 가장 좋습니다.
10. 기본 사항 기억
모든 웹 사이트에 최신 SSL 인증서, 빠른 로딩 속도 및 가벼운 SVG 스프라이트 시트가 있는지 확인하면 더 나은 사용자 경험을 보장합니다. 보안 경고와 불필요하게 큰 이미지가 축소되면 장벽이 높아져 사용자가 주요 콘텐츠에 접근하지 못하게됩니다.
이 기사는 원래 Web Designer 잡지 2017 년판에 실 렸습니다. 여기에서 구독.