웹 디자인을 단순화하는 5 가지 팁

단순성 규칙! 웹 사이트를 매끄럽게 보이게하고, 부당한 혼란을 줄이며, 원하는 목표와 결과 (즉, 더 많은 가입, 구독자 및 판매)를 달성하는 데 도움이됩니다. 그러나 너무 자주 웹 사이트 디자인을 단순화하는 것이 어려워 보입니다. 아무리 노력해도 애플의 모습처럼 보이게 할 수는 없습니다.. 그렇다면 웹 사이트 디자이너가 실제로해야 할 일은 무엇입니까?? 그럴 수 없다. 귀하의 웹 사이트 디자인을 단순화하기위한 5 출발점.

단순한 웹 사이트 디자인은 모든 일 또는 전혀 시련을 유발하지 않아야합니다. 작은 단계를 거쳐 디자인을 단순화 할 수 있습니다. 웹 사이트의 핵심 요소에만 집중하고, 불필요한 부분을 제거하고, 사이트에있는 페이지 수를 줄이고, 스크롤없이 볼 수있는 부분에 콘텐츠를 추가하고, 사용하는 색상 수를 제한하는 등의 간단한 작업. 심플한 디자인을 언제든지 미세 조정하고 개선 할 수는 있지만 중요한 것은 시작하는 것입니다..

웹 사이트 디자인을 단순화 할 준비가 되셨습니까? 굉장해. 그 이상의 고뇌없이, 여기에 있습니다 귀하의 웹 사이트 디자인을 단순화하기위한 5 출발점.

1. 필수 요소에만 집중하라.

이 첫 번째 단계는 아마 이마가 뻔한 것 같다. 의 코스나는 내 사이트의 필수 요소에 초점을 맞추어야한다. 나는 바보인가?? 그러나 놀라운 수의 웹 사이트가이를 달성하지 못하고 그 결과는 페이지에 쏟아 부은 중요하고 중요하지 않은 요소가 크게 엉망입니다. 나는 과거 어느 누구보다도이 일을 저지른 죄이다. 객관적이고 중요하거나 중요하지 않은 우선 순위를 매기기 란 어렵습니다. 모두 필수적으로 보인다. 웹 사이트 디자인을보다 단순하게 만들고 싶다면 무엇을 식별해야합니까? 포커스가 필요하다., 좋은 시각적 디자인이나 예술 작품처럼. 그리고 그것은 핵심 요소에만 초점을 맞추는 것을 의미합니다..

80-20 규칙 사용

페이지에있는 것 중 20 %는 사람들이 가치와 내용의 80 %를 제공합니다. 사본, 일부 사회적 증거 (리뷰 스 니펫, 회원 증언, 미디어 배지) 및 가입 양식 또는 클릭 유도 문안 버튼 일 수 있습니다. 바로 거기 20 %입니다. 웹 사이트 및 각 개별 페이지, 유용성의 80 %를 전달하는 사이트 요소 중 20 % 만 표시하는 데 집중하십시오..

이는 기술적 인 단계는 아니지만 웹 사이트 디자인을 간소화하기 위해 가이드로 사용할 수있는 원칙입니다. 80-20 규칙은 사이트 요소를 필수 요소로 줄이기 위해 웹 사이트 디자인을 단순화하는 데 도움이됩니다. 정말 멋진 점은 80-20 규칙이 웹 사이트에서 달성하고자하는 원하는 결과를 높일 수 있다는 것입니다. 예를 들어 가입, 가입 또는 구매 방문자의 전환율 증가. 방법? 산만 함이 덜하므로 방문자가 클릭하여 페이지를 떠나는 것들.

우리 모두 알고 있듯이, 우리는 항상 마지막 단계에서 무언가를 사지 말아야 할 핑계를 찾고 있으며, 어떤 이유에서 벗어나면 좋은 이유가 있습니다. 80-20 규칙을 사용하여 이유 및 클릭을 줄일 수 있습니다..

인기있는 Thesis WordPress 테마 프레임 워크를 만든 Chris Pearson은 이것이 자신의 웹 사이트에서 판매량을 늘리는 데 정확히 도움이되었다고 말합니다.

2. 모든 불필요한 요소 제거하기

우리는 80-20 규칙을 계속 이어 나가고 있습니다..

이제 원하는 결과의 80 %를 얻을 수있는 20 %의 웹 사이트 요소를 확인 했으므로 불필요한 요소를 모두 없애라.. 즉, 결과의 20 % 만 얻을 수있는 웹 사이트 요소의 80 %입니다. 위젯, 사이드 바 요소, 블로그 게시물 메타 세부 정보 (날짜, 시간, 작성자, 댓글 수 등) 또는 바닥 글에있는 링크를 공유하는 소셜 미디어 일 수 있습니다 (특히 시간이 많이 흘렀을 때, 특히 방문자는 페이지에서 벗어나기 위해 앞서 말한 구실을 찾고있다).

3. 페이지 수 줄이기

웹 사이트 디자인을 단순화하는 데있어 중요한 부분은 주변을 탐색하고 클릭 할 수있는 곳이 거의없는 것입니다. 당신은 그걸로 할 수 있어요. 페이지 수 다듬기. 적어도 필요 이상으로 불필요한 페이지를 없애거나 여러 페이지를 하나로 통합하십시오. 내말은, 너는하지 않는다. 정말 "사이트 정보"와 "나에 관한"페이지를 분리해야합니다..

첫째, 방문객의 사고 방식을 익히십시오 - 귀하의 웹 사이트에 도착하는 경우, 중요한 일들은 무엇을하고 싶습니까?? 예를 들어 너의 물건이 무엇인지 알아 내라.? 또는 연락을? 다음 것, 귀하의 페이지가 무엇이 필요하고 더 많은 것을 촉진하는지 확인하십시오.. 필요하다고 생각하거나 다른 웹 사이트에 필요하다고 생각하기 때문에 불필요한 페이지를 웹 사이트에 보관하지 마십시오. 웹 사이트의 페이지 수를 줄이면 클릭 할 곳이 적기 때문에 방문자가 콘텐츠에 더 쉽게 집중할 수있을뿐 아니라 탐색 메뉴도 더 간단합니다..

우리는 모두 너무 많은 탐색 메뉴 항목이있는 웹 사이트에있었습니다. 우리는 선택에 압도 당하기 때문에 항해를 시작할 곳을 모른다. 우리가 너무 많은 선택을함으로써 압도 당할 때, 우리는 아무것도 선택하지 않습니다. 가능한 한 적은 수의 메뉴 항목 만 있으면 방문자가 더 간단하고 친근하게 웹 사이트를 만들 수 있습니다..

4. 겹겹이 위의 더 많은 콘텐츠 얻기

연구에 따르면 대다수의 사람들이 대부분의 시간을 웹 페이지의 스크롤없이 볼 수있는 부분 (스크롤없이 화면에 표시되는 부분) 위에 두는 것으로 나타났습니다. 따라서 웹 사이트의 효과를 높이려면 주 콘텐츠 및 클릭 유도 문안 요소를 스크롤해야 볼 수있는 부분 위에 올려 놓으십시오. 웹 사이트 상단에 로고와 탐색 메뉴가 있으면 헤더 높이를 줄이는 것과 같은 간단한 작업을 할 수 있습니다..

여기에는 스타일 시트에서 헤더의 "높이"값을 변경하는 것 (일반적으로 style.css 또는 stylesheet.css). 또한 가입 양식이나 버튼이 스크롤없이 볼 수있는 부분에 있는지 확인하십시오. 방문자가 보는 첫 번째 요소이므로 페이지에서 해당 요소를 위로 이동하십시오. 결국, 그 ~이다. 방문자의 원하는 클릭 유도 문안, 그렇게하기 위해 필요한 작업을 줄이십시오 (예 : 스크롤링)..

5. 색 구성표를 제한하십시오.

색상을 사용하면 쉽게 벗어날 수 있습니다. 12 또는 13을 가질 수있는 이유는 무엇입니까? 그러나 웹 사이트 디자인을 시각적으로 단순화하려면 색 구성표를 제한해야합니다.. 의심스러운 경우 적은 수의 색상을 사용하십시오.. 물론 디자인에 따라 달라 지겠지만 시작하려면 2 ~ 3 색 이상을 사용하지 마십시오. 비쥬얼 디자인에 더 세밀하고 질감이 필요하면 같은 색상의 음영을 사용하십시오 - 배경에 밝은 파란색, 헤더 및 메뉴 항목에 어두운 파란색.

나는 과거에 색채가 난무하는 사람만큼 유죄입니다. 이 색상을 추가하고 다른 색상을 추가하고 다른 색상을 추가 할 것입니다. 그리고 내가 알기도 전에 내 웹 사이트 전체에 무지개 설사처럼 보입니다. 당신은 당신의 웹 사이트를 건설적으로 단순하게 만들 수 있습니다. 그러나 내용을 칭찬하기보다는 색을 보았을 때 눈이 흐트러지면 모든 노력은 아무 것도하지 않았습니다. 대신 웹 사이트 디자인에 더 적은 색상을 사용하십시오..

처음부터 색을 선택하는 데 어려움이 있습니다.? 전 후 잡지는 여기에 완벽한 색상을 찾는 방법에 대한 유용한 무료 전자 책이 있습니다.. 색 구성표 선택에 도움이 필요합니다.? 이 편리한 색상 구성표 생성기를 사용해보십시오..

마지막으로,하지만 적어도

다행히 이제 무장하고 웹 사이트 디자인을 단순화 할 준비가되었습니다. 섹시하고 멋지게 보일 것이고 마지막으로 방문자가 웹 사이트에서 훨씬 더 즐거운 경험을 할 수 있기 때문에 귀하의 웹 사이트를 자랑스럽게 자랑하게 될 것입니다..

요약하면 다음과 같이 웹 사이트 디자인을 단순화하는 5 가지 출발점이 있습니다.

필수 요소에만 집중하라.
불필요한 요소를 제거하십시오.
페이지 수 줄이기
스크롤없이 볼 수있는 부분에 더 많은 콘텐츠 가져 오기
색상 팔레트 제한