5 의 예쁜 웹사이트 디자인과 더 나은 작업을 수행하는 방법
웹사이트의 디자인이 직접 영향을 미치는 사용자 경험을 제공합니다., 잘못 설계된 사이트는 방문자가 제품을 구매하거나 메일 링리스트에 가입하는 등의 작업을 완료 할 가능성이 적습니다.실제로 페이지가 느리게로드되거나 탐색하기 어려운 경우 방문자의 95%가 몇 초 안에 떠날 것입니다.전환 증가 및 반송 률 감소와 같이 웹 페이지에서 원하는 결과를 얻지 못하면 디자인을 평가하십시오.
다음은 우리가 다른 웹 사이트에서 잡은 몇 가지 실수입니다. 나쁜 웹 사이트 디자인의이 다섯 가지 예 중 하나를 반복하지 않도록하십시오.
나쁜 웹 사이트 디자인은 어떻게 생겼습니까?,
평균 비즈니스 소유자가 이해할 수 없는 차이 좋고 나쁜 사 웹 디자인하는 이유는 많은 웹사이트의 끝나 끔찍하고 비효율적인 디자인.
는 디자인 트렌드를 지속적으로 변화가 기본 구성 요소의 웹사이트에 남아있는 유니버설 포함한다.
- 에 따라 쉽게 탐색
- 깨끗한 레이아웃
- 호환성
- 산업에 적합한 디자인을
사용자지 생각해야하는 방법을 찾아 페이지에서 당신의 웹 사이트입니다. 간단한 메뉴와 탐색 기능으로 모든 것을 명확하게 구성해야합니다., 깨끗한 레이아웃도 좋습니다. 페이지가 정보,그래픽 및 비디오로 붐비는 경우로드하는 데 시간이 오래 걸리고 읽기가 더 어려워집니다. 대부분의 사이트는 이제 사용자의 화면 크기에 부합하는 반응 형 디자인을 사용하므로 호환성은 우려가 적습니다. 그러나 요소가 다른 장치에 제대로로드되도록하기 위해 철저한 테스트가 종종 필요합니다.
웹 사이트의 시각적 외관은 모든 사람이 자신의 취향을 가지고 있기 때문에 주관적인 세부 사항입니다. 관계없이 업계에서 적합한 디자인이 필요합니다., 예를 들어,화려한 그래픽에서 작동하지 않을 수 있습이트에 대한 장례식장,그 사이트에서 작업 파티 대여 저장합니다.
우리가 최악의 웹 사이트 디자인 실수를 검토 할 때이를 명심하십시오.
웹사이트 없이 분명한 메시지
중 하나 디자인의 실수는 할 수 있을 제공하지 않는 명확한 메시지와 관련된 목적으로 귀하의 웹사이트의. 사용자는 비즈니스의 이름과 판매하는 것을 즉시 알아야합니다.예를 들어 3D 사서함을 처음 방문 할 때보고있는 것을 이해하는 데 몇 초가 걸립니다., 일부 유형의 이메일 소프트웨어에 대한 웹 페이지 인 것으로 보입니다. 소프트웨어가 게임,스크린 세이버 또는 전자 메일 클라이언트인지 확인하기는 어렵습니다.
사이트 CyberDsignClan 은 명확한 메시지가없는 웹 사이트의 또 다른 예입니다. 당신은 단순히 읽는 큰 그래픽을 참조하십시오,”소개를 건너 뜁니다.”페이지를 클릭 한 후 실제 홈페이지가로드되어 3D 사서함만큼 혼란 스럽습니다.
두 사이트 모두 명확한 메시지가 없습니다. 제품에 대한 자세한 내용을 보려면 방문자가 페이지를 스크롤하거나 다른 링크를 클릭해야합니다., 사용자가 더 스크롤해야하기 전에 페이지에 나타나는 모든 것이 폴드 위로 간주됩니다. 우리는 이것을”영웅 섹션이라고 부릅니다.”이것은 사업의 이름과 그들이 판매하는 것에 대한 몇 가지 표시가 포함되어야하는 영역입니다. 페이지 상단에는 일부 유형의 탐색도 제공되어야합니다.
웹 사이트 방문자는 분할 초 이내에 비즈니스에 대한 의견을 형성합니다. 사용자가 페이지를 스크롤하여 회사가하는 일을 알아 내야하는 경우 페이지를 떠날 가능성이 큽니다.,
페이지를 어지럽히는 요소가 너무 많습니다.
명확한 메시지 외에도 사이트는 명확한 레이아웃을 가져야합니다. 페이지가 어수선 해지면 탐색하기가 어려워 방문자가 떠나게됩니다. <피>Arngren.net 나쁜 디자인의 좋은 예입니다. 이 분류 된 웹 사이트에는 구조없이 함께 던져진 목록이 포함되어 있습니다. 목록은 카테고리로 구분되지 않고 그들은 지그 소 퍼즐처럼 함께 맞습니다.
다른 예를 들어,링스 자동차를 방문하십시오., 이 웹 사이트는 중고차 용이지만 너무 많은 다른 요소가있어 사이트의 목적을 간과 할 수 있습니다. 디자이너는 배 위에 적어도 대여섯 개의 애니메이션 요소를 포함시켜 페이지를 탐색하기가 엄청나게 어려웠습니다.페이지를 어지럽히 지 않고 많은 내용을 표시하는 것이 가능합니다. 여러 제품을 제공하는 좋은 웹 디자인 예제를 보려면 Amazon 또는 AliExpress 를 살펴보십시오. 두 사이트 모두 끝없는 제품 스크롤을 포함하고 있지만 모자이크처럼 함께 던져지는 대신 그리드로 구성됩니다.,
이외의 다른 어지럽히 페이지의 잡종 링크,일부 사이트는 복잡는 팝업,부동 광고,자동 로드 비디오,및 다른 요소들을 방해하는 곳입니다.
페이지 없이 함께 모바일 최적화
대부분의 인터넷 트래픽에서 우리는 이제 모바일 장치에서,아직 많은 웹사이트는 여전히 내장 데스크톱 컴퓨터에 처음이다. 웹 사이트가 모바일 장치에 최적화되지 않은 경우 대부분의 방문자는 좋은 사용자 경험을 얻지 못할 것입니다.,
많은 사이트에 포함 디자인 반응할 수 있는 웹 페이지를 조정하는 요소를 기반으로 화면 너비의 사용자의 장치입니다. 사이트는 작은 화면이 감지되면 요소를 숨기거나 글꼴을 변경하거나 배경을 제거 할 수도 있습니다.
이러한 세부 사이트의 허용하는 모든 장치에서 작동합니다. 반응 형 디자인이 일반적이지만 모바일 장치에서 읽을 수없는 사이트가 여전히 많이 있습니다.
이미 논의 된 거의 모든 예제에는 반응 형 디자인이 없습니다. Deque University 는 비 반응 형 웹 디자인의 예를 가지고 있습니다.,웹 브라우저에서이 글을 읽고 있다면 사이트를 방문하여 브라우저의 너비를 조정해보십시오. 브라우저 창이 작아짐에 따라 페이지의 레이아웃이 변경되지 않습니다. 텍스트를 오른쪽으로 스크롤하지 않고 읽을 수 없게됩니다.반응 형 웹 디자인의 예를보고 싶다면 Nike 또는 Microsoft 와 같은 주요 회사가 소유 한 거의 모든 웹 사이트를 방문하십시오.
부족의 간단한 탐색과 연결
사용자가 사이트에 도달,그들은 아무런 문제가 없 검색 메뉴를 찾는 것은 정당한 의견이나 불만을 반영하고 그 필요합니다., 공식 웹 사이트에서 대학의 발전 기술로,최고의 페이지로 덮여 큰 애니메이션 디스플레이를 포함하는 부동 그래픽입니다.
떠 있는 그래픽을 클릭할 수 있는 링크를 클릭하기 어려울 느린 페이지를 아래로드 속도입니다. 이것은 매우 혁신적이지만 탐색하기가 어렵지 않고 웹 사이트를 디자인하는 다른 창의적인 방법이 있습니다. 를 사용하는 대신 그 떠있는 요소으로 링크,대학의 발전 기술이 있어야에 초점을 맞춘 메뉴를 만드는 것은 쉽게 열려고 찾아 볼 수 있습니다.,
마지막으로,많은 사이트를 포함하는 시차 스크롤 임베디드 비디오지 않은 요소를 압도 페이지와 제한 탐색.
읽을 수 없는 텍스트 또는 해제 버튼을 클릭
때문에 요구에 웹 브라우저에 있는 메뉴 이전 사이트가 거의 un-클릭할 수 있습니다. 사이트가 모바일 장치에 최적화되지 않은 경우에도 문제가됩니다. 요소가 작은 화면에 맞게 조정되지 않으면 겹치거나 읽기에는 너무 작아 질 수 있습니다.,
이 문제를 피하기 쉽다면 당신은 완벽한 테스트를 시작하기 전에 당신의 웹 사이트입니다. 에뮬레이터를 사용하거나 에뮬레이션 소프트웨어를 어떻게 귀하의 사이트에 나타나는 다양한 모바일 장치를 포함한 최신 스마트 폰과 태블릿합니다.
을 방지하는 방법이 나쁜 디자인이 귀하의 웹사이트에 대한
예제를 설명하기가 비교적 쉽 피하기 위해,지금 무엇을 알고 있습니다. 그러나 필요한 변경 사항을 구현하려면 기술 전문 지식이 필요할 수 있습니다., WANDR 에서는 더 나은 사용자 경험을 만들기 위해 무엇이 필요한지 이해하는 숙련 된 UX 디자이너의 도움을받습니다.사이트에 논의 된 나쁜 디자인 예제가 포함되어 있지 않은지 확인하려면 전문가와 함께 작업하는 것이 좋습니다.