광고 웹 디자인은 예술이며 첫인상이 중요합니다
홈페이지제작.
웹 사이트에 적합한 디자인을 선택하는 것부터 탐색하기 쉬운 탐색 시스템을 확보하는 것까지 성공적인 웹 사이트를 만들고 싶다면 가장 작은 측면에도 주의를 기울여야 합니다. 이는 인구의 38%가 마음에 들지 않는 웹사이트 방문을 꺼리기 때문입니다.
실제로 사용자가 웹사이트에서 인상을 받는 데는 0.05분밖에 걸리지 않습니다.
다양한 디자인을 갖춘 경쟁업체가 시장에 늘어나고 있는 상황에서 귀하의 사이트를 차별화하는 것은 쉬운 일이 아닙니다. 귀하의 사이트는 신속해야 할 뿐만 아니라 고객이 요구하는 정보도 제공해야 합니다.
성공하기 위해 어떻게 준비할 수 있나요?
효과적이고 집중적인 온라인 웹사이트를 만들고 싶다면 웹 기반 디자인의 규칙과 규정을 알고 있는 것이 중요합니다. 이 방법을 사용하면 설계 프로세스에 집중하고 불필요한 복잡성을 제거할 수 있습니다.
웹디자인이란 실제로 무엇을 의미하는가? 웹 디자인이 실제로 무엇인지, 왜 중요한지, 웹 디자인의 모범 사례를 통해 이를 달성할 수 있는 방법은 물론 웹 디자이너가 따라야 하는 해야 할 일과 하지 말아야 할 일에 대한 기본 사항을 알아보려면 이 문서를 확인하세요.
목차
- 웹 디자인이란 무엇입니까?
- 웹 디자인이 왜 중요한가요?
- 웹 디자인에서 해야 할 일과 해야 할 일
o 1. 유사한 경험 제공 일관성 유지
o 2. 명확하고 사용하기 쉬운 탐색 디자인
o 3. 페이지를 쉽게 스캔할 수 있도록 하세요.
o 4. 가장 자주 방문한 링크에 대해 다른 색상을 선택하십시오.
o 5. 웹사이트에 오류가 있는지 확인하세요.
o 1. 깨진 이미지, 링크, 동영상을 주의하세요.
o 2. 모든 미디어 콘텐츠가 빠르고 정확하게 로드되는지 확인하세요.
- 웹 디자인에서 해야 할 일과 하지 말아야 할 일
o 1. 너무 많은 글꼴을 사용하지 마십시오.
o 2. 너무 많은 색상을 사용하지 마십시오.
o 3. 너무 이른 팝업을 표시하지 않습니다.
o 4. 배경 음악이나 동영상을 자동 재생하지 마세요.
o 5. 하이재킹(인계)하지 마세요.
웹 디자인이란 무엇입니까?
초보이거나 경험이 없는 디자이너의 대다수는 웹 디자인이 디자인의 한 형태라는 개념을 이해하지 못하는 경우가 많습니다. 온라인상의 웹 디자인을 웹 디자인이라고 합니다. 소프트웨어 프로그램은 아니며 일반적으로 웹 디자인의 사용자 경험(UX) 구성 요소를 말합니다.
그러나 웹 디자인은 웹 사이트가 작동할 수 있도록 하는 실제 프로그래밍이라는 점에서 웹 사이트 개발과 다릅니다.
사이트를 만드는 과정에서는 최소한 웹 디자인과 웹 개발이 필요합니다. 웹 디자이너는 웹 개발자일 수도 있지만 이는 서로 다른 두 가지 전문 분야입니다.
물론 일부 프로그래밍 언어(HTML, JavaScript, Php, CSS)에 익숙하면 도움이 될 것입니다. 그러나 웹 디자인을 주도하는 것이 아니기 때문에 프런트 엔드(클라이언트 측) 프로그래밍에 너무 깊이 들어가는 것은 권장되지 않습니다.
대화형 및 시각적 요소는 웹 기반 디자인의 기초를 형성합니다. 그 목적은 방문자와 웹사이트 콘텐츠 간의 의사소통 문제를 해결하는 것입니다.
웹 디자인이 왜 중요한가요?
웹 디자인 프로세스는 방문자가 원하는 방식으로 사이트의 아름다움을 감상할 수 있도록 돕는 데 사용할 수 있는 장치입니다.
올바른 시각적 마케팅 전략과 방법을 구현한다면 회사는 계속해서 자격을 갖춘 리드를 유치하고 참여시키며 이러한 리드를 구매자로 전환할 것입니다.
사람들은 동일성과 신뢰성을 제공하는 회사와 비즈니스를 수행할 가능성이 더 높습니다. 명확한 온라인 디자인과 개발 전략 및 전략이 없으면 탄탄한 온라인 입지가 가져올 수 있는 이점을 얻을 수 없습니다.
그러므로 이는 무시되어야 할 디자인의 일부가 아닙니다.
귀하의 사이트 디자인이 완벽하지 않거나 동등하지 않은 경우 고객은 그 차이를 식별할 수 있을 것입니다. 90%는 잘못된 디자인으로 인해 비즈니스와 상호 작용하지 않습니다. 그러나 89%는 웹 레이아웃과 경험을 매우 중요하게 생각하는 회사로 이동합니다.
이것이 전문적인 웹 디자이너를 고용하는 것이 중요한 이유입니다. 경험이 있는 전문가는 회사에 필요한 것이 무엇인지 평가하고 올바른 도구를 사용하여 회사의 전략적 목표를 유지하면서 해당 정보를 전달할 수 있습니다.
사례와 누가 누구인지 알게 되면 웹 디자인에 있어서 꼭 알아야 할 것과 하지 말아야 할 것에 대해 살펴보겠습니다.
HTML0이란 무엇입니까? 웹 디자인에서 해야 할 일
1. 유사한 경험을 제공하고 일관성을 유지하십시오.
사이트 성능에 가장 먼저 영향을 미치는 것은 사용자 인터페이스(UI)입니다.
사용자 인터페이스를 기반으로 사용자는 약 500밀리초(0.05초) 내에 사이트에 대한 선택을 하게 됩니다. 따라서 사용자 인터페이스는 잠재 고객의 관심을 끌고 고객으로 전환시키는 데 매우 중요합니다.
매력적이고 시각적으로 매력적이고 실용적인 사용자 경험을 만들어 보세요. 목표는 일관되고 사용하기 쉬운 디자인을 개발하는 것입니다.
탐색, 색상 팔레트, 산문 스타일, 글꼴의 통일성은 모두 UX와 유용성을 향상시킵니다. 또한 해당 분야의 다른 웹사이트를 살펴보고 가장 작은 요소를 기록하여 사용자 인터페이스에 집중할 수도 있습니다.
방문자는 데스크톱이나 노트북 컴퓨터는 물론 태블릿이나 휴대폰까지 다양한 기기를 사용할 수 있다는 점을 염두에 두세요.
UX 디자인에서 가장 중요한 측면은 사용자가 사이트를 어떻게 보든 사이트에 액세스하는 데 사용하는 장치에 관계없이 일관된 경험을 제공하도록 하는 것입니다.
결국 처음에는 디자인을 만듭니다. 귀하의 웹 사이트가 처음부터 올바르게 구성되지 않은 경우 웹 사이트의 다른 요소를 균일하게 만들려고 하면 디자인이 잘못되고 일관성이 없는 사이트가 생성될 수 있습니다.
2. 간단하고 사용하기 쉬운 탐색 디자인
웹 네비게이션은 UX의 중요한 요소입니다. 귀하의 웹사이트가 아무리 훌륭하더라도 사용자가 웹사이트를 탐색할 수 없다면 아무런 가치도 없다는 점을 명심하십시오.
결국 웹사이트의 탐색은 명확하고 단순하며 일관되어야 합니다.
이를 통해 고객은 귀하의 브랜드 및 웹사이트와 쉽게 상호 작용할 수 있습니다. 또한 사용자가 원하는 정보를 더 쉽게 찾을 수 있습니다.
당신이 해야 할 일은 사용자가 최소한의 클릭으로 접근하기 쉬운 위치로 사용자를 안내하도록 탐색을 계획하는 것입니다.
색상을 활용하여 탐색을 용이하게 하세요. 색상은 사용자의 관심을 끄는 주요 요소입니다. 이는 39%가 색상이 웹 사이트 디자인에 중요하다고 믿는 이유입니다. 헤더 탐색에 보라색 색조가 있으면 가입 양식이 빨간색이거나 다른 스타일이라고 생각할 수 있습니다.
현대적인 느낌으로 현대적인 모습을 만들려면 Verve(커피 회사)가 탐색에 사용하는 것과 동일한 디자인 스타일, 글꼴 및 색상 구성표를 사용할 수 있습니다.
콘텐츠를 여러 허브 페이지에 걸쳐 구성할 수도 있습니다. 소비자의 기대에 부응하도록 콘텐츠를 구성할 수 있는지 확실하지 않은 경우 사용자 테스트와 같은 서비스를 사용해 잠재적인 문제를 찾아보세요.
3. 페이지를 쉽게 스캔할 수 있도록 하세요
방문자가 귀하의 사이트를 방문하고 귀하의 웹사이트를 방문할 때 그들은 모든 단어를 읽기보다는 페이지를 보는 경향이 있습니다. 따라서 사용자가 귀하의 사이트에서 제공하는 특정 서비스에 액세스해야 하고 항목이나 서비스를 찾을 때까지 웹사이트의 페이지를 탐색하는 경우입니다.
상황은 어떻습니까?
웹은 사용자의 관심을 끌고 다양한 방법으로 사용자를 유인하려는 수많은 웹사이트가 있는 매우 혼란스러운 공간입니다. 대다수의 사람들은 다른 일을 하면서 웹을 검색하기 때문에 사이트의 콘텐츠나 정보에 주의를 기울일 시간이 거의 없습니다.
이것이 바로 특정 콘텐츠를 끊임없이 찾고 제한된 시간 동안 가장 효율적인 방법으로 원하는 콘텐츠를 찾을 때까지 읽는 대신 탐색하는 이유입니다.
시각적 계층 개념의 도움으로 개인의 관심을 오랫동안 유지하는 것이 가능합니다. 시각적 계층 구조는 가장 중요한 것이 가장 높은 수준에 배치되는 방식으로 자료를 배열하거나 표현하는 것입니다.
두 번째 예를 이해하는 것이 얼마나 빠르고 쉬웠는지 확인해 보세요. 글머리 기호를 사용하는 등 명확한 서식을 사용하면 독자가 텍스트를 빠르게 읽을 수 있기 때문입니다.
이런 방식으로 독자가 시각적으로 이해하기 어려운 긴 내용 단락을 작성하지 않는 것이 좋습니다.
사용자가 처음부터 바로 볼 수 있도록 클릭 유도 문구(CTA) 버튼이나 가입 양식 양식과 같은 중요한 기능을 초점으로 만드세요. 다양한 크기나 색상으로 항목을 더욱 눈에 띄게 만드는 것이 가능합니다.
4. 방문하는 사이트의 링크 색상을 사용하세요
링크는 웹사이트를 탐색하는 방법에서 중요한 부분입니다.
현재 위치가 여행의 최종 목적지라고 생각하고, 이전 내비게이션을 완벽하게 이해해야 그 의미를 더 잘 이해할 수 있을 것입니다. 과거와 현재 위치를 아는 것은 다음에 취해야 할 방향을 결정하는 데 도움이 됩니다.
사용자는 이전 방문에서 효과가 없었던 웹사이트를 차단할 수 있습니다. 그러나 이전 방문에서 유용하다고 발견한 웹사이트를 다시 방문할 수 있습니다.
이전에 어떤 웹사이트를 방문했는지 알면 실수로 같은 페이지로 돌아가는 일이 방지됩니다.
이러한 이점은 웹 페이지가 서로 다른 색상을 표시해야 하기 때문에 방문자가 방문한 페이지와 방문하지 않은 페이지의 차이를 식별할 수 있다는 기본적인 가정에 기반합니다.
따라서 눈을 즐겁게 하고 내비게이션 옵션과 차별화되는 색상을 선택하는 것이 좋습니다. 예를 들어, Google과 같은 많은 검색 엔진처럼 가장 많이 방문한 링크를 보라색으로 표시하고, 방문하지 않은 링크를 파란색으로 표시할 수 있습니다.
Google Analytics 검색 결과를 보여주는 위의 예를 살펴보십시오.
이전에 방문한 적이 있는 “Google Analytics” 및 “Analytics 도움말” 링크는 보라색으로 표시됩니다. 그러나 “로그인”이라는 링크와 “시작하기” 하이퍼링크는 파란색으로 표시됩니다.
방문하는 링크의 색상을 변경하는 이 전략을 사용하면 사용자가 다음에 어떤 방향으로 갈지 선택할 수 있을 뿐만 아니라 동일한 페이지를 다시 방문하는 실수를 방지할 수 있습니다.
5. 웹사이트에 오류가 없는지 확인하세요
다른 모든 것과 마찬가지로 좋은 웹 디자인도 완벽해지기 전에 많은 테스트가 필요합니다.
웹 사이트를 다듬고 독특한 기능을 추가한 후에는 다양한 장치에서 웹 사이트를 테스트하십시오.
명백한 탐색 또는 디자인 결함이 있는지 확인하십시오. 고객 장치의 요구 사항과 호환되기 전에 주의 깊게 분석하는 것이 중요합니다.
명심해야 할 세 가지 일반적인 문제는 다음과 같습니다.
1. 끊어진 링크의 비디오, 이미지 또는 이미지를 주의 깊게 살펴보세요.
방문자가 웹페이지의 링크를 클릭했을 때 “404 오류” 페이지가 표시되면 금방 좌절감을 느낄 수 있습니다. 사용자는 모든 링크가 오류 없이 약속된 장소나 예상하지 못한 다른 사이트로 연결되기를 기대합니다.
404 관련 오류를 포함하여 다양한 영역에서 웹사이트를 개선할 수 있는 방법에 대한 제안을 제공하는 Nibbler와 같은 도구를 사용하십시오.
2. 모든 미디어 콘텐츠가 빠르고 정확하게 로드되는지 확인하세요.
방문자의 40%는 완료하는 데 3초 이상이 걸리는 웹사이트를 떠납니다. 3초는 큰 차이를 만들기에는 오류율이 너무 작은 것처럼 보일 수 있지만 사이트 로딩 속도를 결정하는 데는 1초가 중요합니다.
웹사이트를 올바르게 로드하는 데 시간이 오래 걸릴수록 더 많은 클라이언트를 잃게 됩니다. 캐싱 도구를 사용하고 이미지를 압축하여 데이터베이스를 최적화함으로써 웹사이트 로딩 속도를 높일 수 있습니다.
마지막으로 사이트에 오류가 있는지 확인하세요.
웹 디자인에서 하지 말아야 할 것
1. 너무 많은 글꼴을 사용하지 마세요
독특한 웹사이트를 만든다는 아이디어는 웹사이트 개발자들에게 큰 매력을 선사합니다. 그러나 많은 사람들은 귀하의 사이트를 방문하는 사람들을 어렵게 만드는 것의 중요성을 인식하지 못합니다.
많은 사람들이 다양한 유형(5~7가지 유형)을 사용하여 독특한 웹 페이지를 만들려고 생각하지만, 이는 일반적으로 지저분한 모습을 만듭니다.
다섯 가지 글꼴을 사용하는 사이트는 이해하기 어렵기 때문에 몇 초 만에 잠재 고객의 관심을 끌 수 있습니다. 너무 많은 글꼴을 사용하면 웹 사이트가 체계적이지 않고 전문적이지 않게 보일 수 있습니다.
단순하고 특이한 글꼴을 사용하지 마십시오. 변경 사항이 너무 많으면 사용자가 주의가 산만해지고 혼란스러울 수 있습니다.
당신이 해야 할 일은 사이트에 최대 3개의 글꼴을 배치하고 전체에서 동일한 글꼴을 사용하도록 하는 것입니다. 여러 유형의 글꼴(2~3개 글꼴)을 사용하는 경우 글꼴 모음이 문자 너비 측면에서 서로 일치하는지 확인하세요.
사이트를 만들 때 다양한 서체를 사용하는 대신 두께를 테스트하여 타이포그래피의 효과를 향상시킬 수 있는 방법에 대해 생각해 보세요.
2. 너무 많은 색상을 사용하지 마십시오
글꼴과 마찬가지로 사이트에서 여러 색상을 사용하지 않도록 주의해야 합니다.
웹사이트의 색상 구성은 브랜드의 이미지와 가치를 반영합니다. 모든 것은 균형을 유지하는 데 중요합니다. 한 사이트에 여러 색상이 있으면 사용자가 혼란스러워할 수 있습니다.
Kaiser Fung의 말에 따르면, “독자의 본능은 데이터 시각화 생성을 안내하는 무언의 규칙 세트에 의해 지배됩니다. 규칙은 색상의 차이가 데이터의 차이를 나타내는 것입니다. 이 규칙이 깨지면 독자는 혼란스럽고 잘못된 길로 인도됩니다.”
따라서 색상을 사용하여 특정 영역을 강조하려는 경우가 아니라면 색상 팔레트를 몇 가지 색상으로만 유지하고 사이트 전체에서 일관성을 유지하는 것이 좋습니다.
손님에게 자극하고 싶은 감정을 기록해 두십시오. 어떤 감정을 전달하고 싶은지 아는 것은 최고의 색 구성표를 결정하는 데 도움이 됩니다.
3. 팝업을 너무 늦게 표시하지 마세요
많은 웹사이트에서는 사이트에 도착하면 구독을 제공하는 팝업 상자를 표시합니다.
그러나 이는 파괴적이며 종종 광고에 사용되기 때문에 사용자는 콘텐츠를 살펴보기 전에 종료하는 경우가 많습니다.
Nielsen Norman Group의 아래 그래프를 살펴보십시오. Nielsen Norman Group의 아래 차트는 방문자가 웹 사이트에 오래 머무를수록 사이트를 떠날 가능성이 적다는 것을 나타냅니다.
이 연구는 웹 사이트 방문 후 처음 10분이 개인의 잔류 여부를 결정하는 데 어떻게 중요한지 명확하게 보여줍니다.
방문자들은 수년에 걸쳐 제대로 설계되지 않은 수많은 웹사이트에 노출되었기 때문에 방문 후 처음 몇 초 동안 매우 조심합니다. 따라서 웹사이트를 떠날 가능성이 높습니다.
따라서 웹 사이트를 방문한 직후 팝업을 표시하면 사이트를 떠날 확률이 높아질 수 있습니다.
팝업을 예약해야 합니다. 사용자에게 클릭을 요청하기 전에 혜택을 제공하거나 가치를 추가할 수 있는 방법을 보여줘야 합니다. 사용자가 짧은 시간 동안 온라인에 접속할 때까지 팝업을 중지합니다.
4. 배경음악이나 동영상을 자동재생하지 마세요.
요즘 디지털 인식이 뛰어난 사용자는 인터넷에서 콘텐츠를 소비하는 방식을 제어하는 것을 선호합니다. 동의 없이 이를 차단함으로써 신규 고객이 구매를 하지 않고도 귀하의 웹사이트에서 멀어지게 할 수 있는 좋은 방법입니다.
온라인 마케팅 웹사이트가 없다면 대부분의 웹사이트에서 배경 음악을 재생하는 것은 현명하지 않습니다.
갑작스러운 음악이나 소리는 불편함을 줄 수 있으며 문제를 일으킬 수 있습니다. 사람들은 직장이나 공개된 장소에서 귀하의 사이트를 방문할 수 있으므로 원치 않는 음악이 있으면 사이트를 보는 데 금세 방해가 될 수 있습니다.
배경 음악과 유사한 콘텐츠 영역에 자동 재생 동영상이 포함되면 시청자도 당황하게 됩니다. 따라서 꼭 필요한 경우에만 드물게 사용해야 합니다.
청취자가 어떤 음악을, 언제 들을지 제어할 수 있도록 재생 중인 비디오나 음악에 컨트롤(재생/일시 정지 버튼)을 포함해야 합니다.
5. 하이재킹(인계)하지 마세요
스크롤 하이재킹은 웹마스터가 변경을 위해 웹사이트의 스크롤바를 수정할 때 발생합니다. 여기에는 애니메이션 애니메이션이나 고정 스크롤 지점 또는 새로운 스크롤 막대가 포함될 수 있습니다.
스크롤 하이재킹은 사용자의 제어권을 빼앗고 스크롤이 완전히 무작위가 되기 때문에 많은 사용자에게 짜증의 원인이 될 수 있습니다. 사이트를 디자인할 때 스크롤 하이재킹의 사용을 최소화하거나 제거하고 사용자가 웹 사이트를 통해 검색 및 탐색을 제어할 수 있도록 하십시오.
결론
고객은 귀하의 사이트를 방문할 때 최고 품질의 UX를 기대합니다. 귀하의 웹 사이트가 고객의 요구 사항을 충족하지 못하는 경우 89%의 웹 사이트가 이 글과 같은 경쟁 사이트로 이동할 것입니다. 몇 분 정도 걸릴 수 있습니다.
결국, 디자인의 모든 단계에서 사용자에게 적합한 것이 무엇인지 고려하고 관련된 모든 사람이 즐거운 경험을 할 수 있도록 작업합니다.
웹사이트에 대한 이 기사에서 다룬 웹 디자인의 기본 규칙을 다루면 웹사이트 성능이 크게 향상될 것으로 기대할 수 있습니다.
Advantages From Studying Poker Boards
Back home