주의 스팸이 짧음 : 사용자를 연결하는 방법은 다음과 같습니다.
금붕어는 당신보다 관심이 더 깁니다. 잠깐 동안 들어 오십시오. 이제 어떻게해야합니까?
디자이너는 사람들이 멈추고 상호 작용할 수있는 무언가를 만드는 것이 당신의 일입니다. 방문자를 사로 잡아 클릭하고 두드리는 디자인과 사용자 경험이 필요합니다. 스마트 한 디자인으로 짧은주의를 끌 수 있습니다.
빨리 해
사용자가 정보를 기다릴 필요가 없도록 디자인에 대한 모든 것이 속도를 전달해야합니다. 여기에는 웹 사이트 또는 앱이 빠르게로드되고 디자인에 움직임이 생길 수 있습니다.
- 불필요한 기능을 버리고 대기 신호를주는 애니메이션을로드하여로드 시간을 간소화하십시오. 3 초의 지연만으로도 사용자가 디자인을보기 전에 포기할 가능성이 높아집니다.
- 모션 디자인. 스틸 디자인에 시각적 기술을 사용하든 비디오 또는 애니메이션을 추가하든 이동을 통해 디자인이 더 빠르게 움직이는 것처럼 보일 수 있습니다. 대기 시간이 줄어들고 사용자의주의를 끌 수있는 것들이 있습니다 (어쨌든 몇 초 동안). 더 빠르고 잠재적으로 더 매력적으로 보이도록 빨리 감기 속도로 움직이는 비디오 루프를 고려하십시오.
- 눈이 요소에서 요소로 빠르게 이동할 수 있도록 공간을 고려하여 디자인하십시오. 이러한 시선 속도와 내용을 빠르게 이해하면 서둘러 디자인을 쉽게 소화 할 수 있습니다.
거꾸로 된 피라미드에 의지하십시오
역 피라미드는 젊은 기자들이 수업 첫날에 배우는 것입니다. 가장 중요한 정보를 맨 위에 (또는 최전선에) 놓고 가장 중요한 정보까지 흘립니다. 같은 방식으로 디자인을 구성하십시오.
중요한 정보를 식별하는 방법을 잘 모르십니까? 사용자를위한 6 가지 주요 질문에 답변하십시오.
- WHO?
- 뭐?
- 언제?
- 어디?
- 왜?
- 어떻게?
디자인은 응답 방향을 가리키는 클릭 유도 문안으로 이러한 질문에 답하는 것을 중심으로해야합니다.
진행 상황 표시
사용자는 성취감을 느끼고 싶어합니다. 슬라이더를 스크롤 할 때 사용자가 얼마나 가까이 있는지 표시하는 진행률 표시 줄 또는 알림을 사용하거나 (슬라이드 수를 나타내는 점이 너무 인기가있는 이유가 있음) 사용자에게 얼마나 멀리 왔는지 알려줍니다.
진행률 표시기는 사용자가 정보를 제공 할 때 특히 중요합니다. 양식이 얼마나 완전합니까? 그 대답은 사용자가 디자인에 얼마나 많은 시간과 노력을 투자했는지 알려줍니다. 그리고 사람들은 성공을 좋아합니다.
인정합니다. 무언가를 클릭 할 때마다 다운로드에 걸리는 시간을 볼 수 있습니다. 시간이 얼마나 걸리는지 알고 싶어하기 때문입니다. 진행률 표시기입니다.
'터치'하기 쉬운 것 만들기
대상이 사용자에게 가까울수록 대상과 상호 작용할 가능성이 높습니다. 따라서 클릭 유도 문안, 링크 또는 버튼과 같은 대상을 쉽게 터치 할 수 있습니다.
몇 가지 방법으로 디자인을 사용하여이 작업을 수행 할 수 있습니다.
- 놓칠 수없는 대형 대상을 만듭니다. 대비 나 색상으로 인해 버튼이나 다른 요소가 더 크거나 크게 보이는지 여부는 관련이 없습니다. 중요한 것은 디자인의 최전선에 있다는 것입니다.
- 사용자가 작업을 완료하기 위해 화면 전체를 이동할 필요가 없도록 유사한 요소를 그룹화하십시오. 서로 더 가까이있을수록 관련 항목이 유사한 상호 작용을 얻을 가능성이 높습니다.
- 손이 닿기 쉬운 곳에 두십시오. 특히 휴대 기기의 경우 가장 큰 휴대 전화에서도 모든 것이 엄지 손가락보다 멀어 야합니다. 이것은 주요 탭 영역이며 도청 또는 스 와이프 항목에 쉽게 액세스 할 수 있으며 사용자에게 과도한 근육 긴장을 유발하지 않습니다.
사용자 제한 옵션
옵션이 너무 많으면 사용자의 의사 결정 및 사고 과정이 느려지고 디자인이 느려질 수 있습니다. (그렇지 않은 경우에도)
사용자가 웹 사이트에 도달했을 때 무엇을 하려는지 알고 있습니다. 그들을 원하는 행동으로 인도하십시오. 사용자에게 통제력을 느끼도록 길을 따라 몇 가지 선택을하도록하지만 성공을 향한 길을 따라 계속 움직이십시오. 이는 디자인의 컨텐츠 영역 및 기본 탐색의 링크 및 호출부터 동작까지 모든 것에 적용됩니다. 탐색을 가능한 한 간소화하여 중요한 페이지로 제한하십시오. 내부 링크를 사용하고 다른 모든 항목을 검색하십시오.
“올바른”선택의 여지가 많은 학교가 있습니다. 내용에 따라 다를 수 있지만 일반적으로 이것 또는 그 구성은 의사 결정을 가장 쉽게 만듭니다. 두 가지 옵션을 사용하면 사용자는 하나를 선택해야합니다.
일관성 생성
사용자를 연결하는 가장 쉬운 방법은 클릭을 유지하는 것입니다. 가장 빠른 방법은 일관성있게 디자인하는 것입니다.
비슷한 글꼴, 색상 및 사용자 인터페이스 요소 스타일을 사용하면 시각적으로 새로운 것을 배우거나 사용성 패턴을 멈추고 생각할 필요가 없기 때문에 디자인을 쉽게 탐색 할 수 있습니다. 디자인은 페이지마다 일관성이 있어야하며 디자인의 최전선에 유용성 및 속도를 제공하기 위해 일반적으로 허용되는 사용자 패턴 및 사례와 일치해야합니다.
가독성을위한 디자인
읽기 쉬운 텍스트는 복잡한 서체를 해독하려는 누군가의주의를 끌기 쉽습니다. 다른 사람의 관심을 끌 수있는 거대한 Helvetica“Hey You”만큼 좋은 것은 없습니다.
가독성은 다른 일도합니다. 사용자가 관련성이 높은 키워드 나 정보를 디자인에서 스캔하는 데 도움이됩니다. 이 작업을 수행하는 데 몇 초 밖에 걸리지 않으므로 사용자는 자신의 요구와 관련된 것을 신속하게 식별해야합니다. 바보 같은 서체와 세 단어로 소중한 시간을 낭비하지 마십시오.
사용자에게해야 할 일 제공
디자인에 클릭 유도 문안, 게임, 재미있는 사실 또는 링크가 포함되어 있는지 확인하십시오. 사용자는 웹 사이트와 상호 작용하기를 좋아합니다. 그렇기 때문에 그들이 페이지에 처음 오게되므로해야 할 일을주십시오.
즐겁거나 기능적인 한 번의 클릭 또는 짧은 상호 작용에 대해 생각하십시오. 호버 애니메이션부터 본격적인 게임 또는 제품 정보 및 리뷰에 이르기까지 다양합니다. 사용자가 너무 많은 선택에 압도되지 않도록 상호 작용을 쉽게 찾고 대화식 옵션을 제한하는 것을 기억하십시오. 하나 또는 두 개의 대화 형 요소를 선택하여 디자인 "속임수"로 만들고 다른 모든 요소를 비교적 단순하게 유지하십시오.
마지막으로, 사용자가 할 일을 만들면 반드시 그렇게하도록 지시하십시오. 명확한 클릭 유도 문안은 전환을 만드는 데 도움이 될 수 있습니다.
결론
최근에 방문한 웹 사이트를 생각해보십시오. 8 초 이상 걸려있는 이유는 무엇입니까? 그보다 디자인을 더 빨리 버린 이유는 무엇입니까?
이 두 목록을 편리하게 유지하십시오. 위의 팁과 함께 사용하여 사용자가 컨텐츠에 더 깊이 관여하도록 유혹하는 것을 계획하고 디자인하십시오.