설계를 단순화하는 10 가지 방법
웹 사이트 디자인에있어서 단순함이 더 낫다는 것은 비밀이 아닙니다. 이해하기 쉽고 사용하기 쉬운 인터페이스는 방문자를 나중에 사이트로 돌아올 활성 사용자로 전환 할 가능성이 높습니다.
그러나 어떻게 웹 사이트를 단순화합니까? 처음부터 새로운 것을 구축하지 않더라도 목표는 목표를 설정하고 사용자에게 도달 할 수있는 경로를 찾는 것입니다. 그 길을 방해하는 것은 제거해야합니다. 사용자가해야 할 일을 이해하는 것은 디자인에서 제거해야합니다.
이것이 오늘날 우리가 살펴볼 내용입니다. 웹 사이트 디자인을 단순화하는 데 사용할 수있는 몇 가지 요령입니다. 그리고 이러한 아이디어는 기존 사이트와 새로운 빌드에 적용됩니다. (이 기사는 별 모양의 단순한 디자인의 예를 제공하며 더 많은 영감을 얻으려면 각 사이트를 방문하십시오.)
1. 클릭 유도 문안에 초점
귀하의 웹 사이트는 모든 사용자가 무언가를하도록 최종 목표를 가지고 있어야합니다. 그 목표는 디자인에 착수하는 모든 사람에게 분명해야합니다.
클릭 유도 문안은 명확하고 넓고 볼 수 있고 충분한 위치에 있어야 사용자가 키 클릭을 너무 멀리하지 않아도됩니다.
2. 페이지 수 간소화
디자인에 페이지와 정보 페이지가 가득합니까? 그럴 필요가 있습니까?
콘텐츠를 관리하기 쉬운 덩어리로 능률화하지만 너무 많은 페이지를 가진 사용자를 압도하지 마십시오. 읽기와 흐름을 쉽게하기 위해 모든 관련 내용을 함께 보관하십시오.
오래되고 오래된 정보가 있거나 타사 위젯 또는 맵만 포함 된 페이지를 제거하십시오. 이러한 요소는 일반적으로 다른 곳에 통합 할 수 있습니다.
3. 색상 표에 충실
다양한 색상이 재미 있고 매력적일 수 있지만 압도적입니다. 색상을 제어 할 수 있도록 2 ~ 3 개의 옵션만으로 색상 팔레트를 고수하십시오.
매우 단순하게하려면 단일 색조의 색조와 색조가 몇 개인 모노톤 컬러 팔레트를 고려하십시오. 그렇게 단순한 것이 얼마나 아름다운지 놀랍고 사용자도 쉽게 할 수 있습니다. 색상이 적을수록 정신적 과부하가 적고 조화 롭고 체계적인 외관을 만들 수 있습니다. (열심 한 삶을 가진 거의 모든 사람이 이해할 수있는 일)
4. 표준 탐색 선택
숨겨 지거나 대안적인 탐색 스타일이 멋지게 보일 수 있지만 이러한 트렌디 한 옵션은 예상보다 사용자에게 친숙하지 않습니다. "정상적인"사용자 패턴과의 편차는 다소 혼란 스러울 수 있으며 사용자가 사이트를 이동하는 것에 대해 너무 열심히 생각하게 만듭니다. 웹 사이트를 쉽게 사용할 수 있도록 표준 패턴을 선택하십시오.
그것을 염두에두고, 표준은 매우 희박합니다. 3 ~ 8 개의 메뉴 옵션이있는 상단 또는 팝업 탐색 요소가 일반적입니다. 그리고 한때 인기가 있었던 메가 스타일 탐색 메뉴를 잊어 버리십시오. 주요 전자 상거래 소매 업체가 아니라면 디자인의 모든 페이지를 탐색 할 이유가 없습니다. (그리고 이러한 메가 옵션 중 다수는 모바일 장치에서 전혀 작동하지 않습니다.)
5. 80-20 규칙을 고려하십시오
80-20 규칙은 디자인을 변경할 때 시작하기에 좋은 장소입니다. 규칙을 생각하고 구현하는 두 가지 방법이 있습니다.
- 웹 사이트의 요소 중 20 %는 원하는 사용자 동작의 80 %를 발생 시키며, 이는 클릭 유도 문안, 버튼 또는 기타 사용자 인터페이스 요소가 사용자 상호 작용의 상당 부분을 생성 함을 의미합니다. 이것은 완전히 정상입니다.
- 이를 염두에두고 디자인을 업데이트하거나 재검토 할 때 내용의 상위 20 %에 집중하여 80 %의 변경을 수행하십시오. 20 %의 요소는 CTA, 트래픽 유입 경로 및 이미지와 같이 가장 많은 클릭을 발생시키는 동일한 요소를 포함합니다. 공백은 또 다른 중요한 요소입니다.
80-20 규칙이 익숙해 보인다면 파레토 원칙 또는 소수의 법칙이라고도합니다. 경제학자 인 빌 프레도 파레토 (Vilfredo Pareto)가 개발했지만 모든 분야에 적용 할 수 있습니다.
6. 목적에 따라 UI 요소 사용
디자인에 아이콘, 이미지 및 기타 모든 사용자 인터페이스 요소가 있어야합니다. (Facebook 아이콘을 클릭하고 브랜드 페이지에 연결되지 않는 것이 얼마나 성가신지를 생각하십시오.)
멋진 디봇으로 인해 사용자를 압도하지 마십시오. 전체 설계에서 실제 사용과 목적에 부합하는 경우에만 요소를 계획하고 사용하십시오.
7. 타이포그래피 관리
타이포그래피를 잘 사용하는 모델은 색상을 사용하는 것과 같습니다.
가장 읽기 쉬운 서체는 표준 모양, 균일 한 획 너비 및 풍부한 장식이 없습니다. 솔리드 유형 제품군에는 옵션이 제공되므로 특정 글자에 강조를 추가해야하는 경우 추가 서체를 찾을 필요가 없습니다. 글자는 읽을 수 있고 배경과 대비 될 수 있도록 충분한 크기를 포함해야합니다.
그리고 두 개의 서체로 시작하십시오. 하나는 웹 사이트의 주요 텍스트를위한 것이고 다른 하나는 디스플레이 사용법을위한 것입니다. 그게 다야. 그게 당신이 필요한 전부입니다.
텍스트 크기를 올립니다
타이포그래피에 대해 생각하면서 글자의 크기를 늘리십시오. 화면이 계속 커져 캔버스에 더 많은 텍스트를 넣지 않고 메시지를 쉽게 볼 수 있습니다.
이것은 모바일 장치와 관련하여 반 직관적으로 보일 수 있지만, 마찬가지입니다. 글자가 클수록 읽기 쉽습니다. 모든 것이 스크롤 위에 있어야한다는 오래된 격언을 잊어 버려라. 키워드는 사용자가 스크롤하도록 유도하지만 모든 것이 첫 화면에 있어야하는 것은 아닙니다. 사용자는 특히 휴대 전화에서 웹 사이트를 볼 때 계속 진행하고 스크롤하는 데 익숙합니다.
9. 간편한 사본 만들기
타이포그래피는 디자인이 얼마나 단순하거나 복잡한 지 결정하는 데 큰 차이를 만들 수 있지만 실제 단어도 중요합니다. 모든 단어는 시각적 효과와 동일한 의미를 나타내므로 뚜렷한 합치점이 있습니다.
사본을 편집하십시오. 그런 다음 다시 편집하십시오.
웹 사이트는 읽을 수있는 커뮤니케이션 형식을 의미하는 매체입니다. 방문자와의 대화가 깨끗하고 간결하며 읽기 쉬운 사본으로 기대되는 대화인지 확인하십시오. 디자인을 통해 흐르고 사용자에게 어필하는 단어와 언어를 사용하는 톤을 만듭니다.
그런 다음 한 번 더 편집하여 불필요한 모든 텍스트를 제거하십시오.
10. 하나의 규칙을 어기는 것
규칙을 어기도록되어 있습니다. 그러나 단 하나의 규칙 만 어기십시오.
다른 것을하고 싶다면, 다양하거나 특이한 요소로 디자인을 어지럽히 지 마십시오. 더 복잡하거나 특이한 것에 집중함으로써 사용자를 압도하지 않고도 관심을 끌 수 있습니다.
아주 간단하게 들리지요? (너무 많은 일을 함정에 빠뜨리지 마십시오.)
결론
너무 복잡하거나“너무 디자인 된”웹 사이트 디자인은 사용자와 의사 소통하려는 방식을 방해 할 수 있습니다. 전환 목표와 사용자가 디자인을 사용하여 원하는 것을 기억하십시오. 양식을 작성하든, 앱을 다운로드하든, 토끼 인형을 사든 관계없이 모든 디자인 요소는이 목적지에 도달하는 것을 강조해야합니다.
이 길을 방해하는 모든 디자인 요소를 제거하십시오. 깨끗하고 간단하며 사용하기 쉬운 디자인을 선호합니다. 이것은 혼란이 사용자 경험을 나노초 단위로 망칠 수있는 전화와 같은 작은 장치에서 특히 그렇습니다.
