사용자를위한 시간 절약형 디자인을 만들기위한 7 가지 팁
사용자의 관심은 짧습니다 (매우 짧음). 아마도 웹 사이트 분석을 살펴 보는 것이 분명합니다. 이를 통해 사용자는 가능한 가장 짧은 시간 내에 웹 사이트에서 정보를 스캔하고 최대한 활용할 수있는 디자인 기술을 배포하는 것이 무엇보다 중요합니다.
사용자가 디자인에서 한눈에 파악해야하는 정보를 이해하고 해당 정보를 얻는 데 도움을주는 것이 귀하의 웹 사이트입니다. 몇 가지 방법이 있습니다!
1. 최소한으로 생각
선택의 여지가없는 디자인은 사용자가 빠르고 쉽게 할 수 있습니다. 처음에는“최소한 생각”을 통해 최소한의 디자인 스타일을 생각하게되지만 요소와 효과를 간소화하는 데 더 중점을 둡니다. (그러나 최소한의 디자인 패턴도 효과가 있습니다.)
전반적으로, 목표는 정보 과부하와 사용자가 설계 목표를 달성하기 위해 내려야하는 결정의 수를 제한하는 것입니다.
- 몇 가지 선택으로 탐색을 간단하게 유지하십시오.
- 한 눈에 쉽게 읽을 수있는 간단한 서체를 사용하십시오.
- 클릭 유도 문안을 쉽게 찾을 수 있도록 요소 간의 대비를 높이십시오.
- 디자인의 모든 페이지 또는 스크롤마다 단일 생각이나 행동을 고수하십시오.
- 장바구니, 양식 등 목표 전환은 항상 액세스 할 수 있어야합니다.
2. 비주얼 콘텐츠로 행동 장려
웹 사이트는 시각적 매체입니다. 최대한 활용하다. 사진 및 비디오를 포함한 강력한 비주얼은 사용자의 관심을 끌 수있는 쉬운 방법이며 실행 가능한 요소와 함께 사용하면 즉각적인 클릭을 생성하는 데 도움이됩니다.
디자인에서 점 A에서 B로 이동하는 것은 빠른 과정이어야합니다. 전자 상거래 측면에서 생각해보십시오. 사용자는 소셜 미디어에서 신발 한 켤레를보고 클릭하여 웹 사이트로 이동 한 다음 웹 사이트와 계속 상호 작용할 수 있도록 항목 (또는 즉시 찾는 방법)을 볼 수 있어야합니다.
시간을 절약하는 디자인은 신발을 지금 구매할 수있는 버튼으로 보여줍니다. 사용자는 여러 페이지를 클릭하거나 클릭하지 않고도 원하는 것을 얻을 수 있습니다. 시각적으로 사용자 시간을 절약 할 수있는 또 다른 팁은 오프 사이트 및 온 사이트 프로모션에 동일한 이미지를 사용하는 것입니다. 동일한 신발의 다른 사진은 동일한 이미지처럼 사용자에게 빨리 등록되지 않을 수 있습니다.
이것은 대부분의 사람들이 같은 것을“말하는”단어를 읽는 것보다 이미지를 더 빨리 처리 할 수 있기 때문에 효과가 있습니다. 웹 사이트는 시각적 매체입니다. 최대한 활용하다.
3. 복잡한 요소를 조각으로 나누기
복잡한 디자인을 더 작고 더 소화하기 쉬운 조각으로 나눌 수 있도록 스토리를 만듭니다. 컨텐츠의 작은 블록이나 청크는 빠르게 이해하기 쉬워서 사용자가 요소에서 요소로 이동할 수 있습니다.
“더 읽기”링크, 카드 스타일 블록 및 시차 스크롤 애니메이션과 같은 사용자 인터페이스 요소를 사용하여 참여를 만들고 복잡한 디자인을 세분화하십시오.
4. 양식 삭감
사용자가 디자인을 더 빠르게 할 수있는 가장 쉬운 방법 중 하나는 필요없는 정보를 요구하지 않는 것입니다. 양식은 정보의 층을 요구할 필요가 없습니다.
- 이름 및 이메일 주소와 같은 필수 정보 만 요청하고 나중에 리드를 생성하도록 설계된 양식을 확인하십시오.
- 데이터의 유효성을 검사하는 양식을 사용하여 사용자가 잘못 입력 한 경우 (및 위치) 수정하면 빠르고 쉽게 수정할 수 있습니다.
- 입력을 최소화하고 해당되는 경우 양식에서 단추 또는 확인란을 사용하십시오. (이는 특히 모바일 사용자의 경우 시간을 절약 해줍니다.)
- 신용 카드 유형 및 신용 카드 번호와 같은 반복적 인 데이터를 요구하지 마십시오. (카드 종류는 숫자로 인식 할 수 있습니다.)
5. 대담한 CTA 디자인
사용자가 놓칠 수없는 대담한 클릭 유도 문안 디자인으로 디자인을 빠르게 사용하고 쉽게 완성 할 수 있습니다.
너무 큰 색상과 요소는 사용자가 디자인과 관련하여 무엇을해야하는지 즉시 확인할 수 있습니다. 또한, 사용자가 "여기를 클릭"할 때 수행 할 작업과 수행 할 작업을 정확하게 알려주는 단추 안에 컨텐츠를 제공하십시오.
CTA는 주변 요소와 조화를 이루지 않고주의를 끌기 위해 대비가 충분해야합니다. 또한 모바일 화면에서도 CTA를 쉽게 찾을 수 있어야합니다.
6. 편집, 편집, 편집
때때로 좋은 편집은 모든 것을 읽고 다른 사람에게 이해가되도록 제 3자를 데려 오는 것을 의미합니다. 출판 전에 실사를하는 것처럼 사용자의 시간을 절약 할 수있는 것은 없습니다. 웹 사이트 디자인에서 모든 것을 편집 한 다음 다시 편집하십시오. 시간을 절약하는 웹 사이트 디자인은 읽고 이해하기 쉬운 사본을 작성했습니다.
즉, 단어에는 철자 오류나 오타가없고 문장에는 적절한 구문, 문법 및 문장 구조가 사용됩니다. 그리고 모든 것이 논리적으로 구성됩니다.
때때로 좋은 편집은 모든 것을 읽고 다른 사람에게 이해가되도록 제 3자를 가져 오는 것을 의미합니다. 숨겨진 눈이 숨겨져있는 오류가 어디에 숨어 있는지 또는 일반 독자에게 너무 많은 전문 용어가 포함되어 있는지 이해하는 데 도움이 될 수 있습니다.
Grammarly와 같은 도구를 사용하여 새 콘텐츠를 게시 할 준비를 할 때 CMS에서 맞춤법 및 게시물을 확인할 수도 있습니다.
7. 일관성
헤드 라인, 본문 및 이미지는 일관된 스타일을 따라야합니다. 일관된 디자인에는 디자인 전체에서 똑같은 방식으로 작동하는 반복 요소, 동작 및 상호 작용이 포함됩니다. 즉, 버튼은 항상 버튼처럼 보이고, 색상과 글꼴이 동일하고, 호버 상태가 동일하며, 버튼이 사용자를 어디로 인도하든 동일한 방식으로 작동해야합니다.
아이콘, 장바구니, 양식, 링크 및 소셜 미디어 버튼과 같이 여러 번 사용되는 디자인의 모든 요소에 대해이 아이디어를 반복하십시오.
다른 요소들과도 일관성을 유지하십시오. 제목과 본문 텍스트 및 이미지 사용도 일관된 스타일을 따라야합니다. CSS에서 요소와 스타일을 정의한 다음 적절한 태그를 사용하는 것이 중요합니다.
이러한 일관성으로 인해 웹 사이트 디자인의 모든 페이지가 소유 한 것처럼 보입니다. 사용자는 무언가가 어떻게 작동하는지 알아 내기 위해 추측하거나 실험 할 필요가 없습니다.
결론
빨리. 딸깍 하는 소리. 끝난.
아마도 가장 일반적인 사용자 패턴 일 것입니다. 사용자가 그것에 대해 생각하든 말든 관계없이 웹 사이트에서 서둘러 일을하고, 작업을 완료하거나, 목표를 달성하고, 다른 것으로 나아가려고합니다. 디자인이 사용자와 함께 작동하여 시간을 절약하면서 목표를 달성할수록 사용자에게 친숙해집니다.
