전문적인 웹 사이트 만들기에 대한 실제 특종

약 7 초 동안 방문자에게 웹 사이트를 유지할 가치가 있다고 확신시킵니다. 트래픽 수신 거부에 문제가 있거나 마음에 들지 않든간에 웹 사이트를 살펴 보는 것은 아마도 뭔가를 방문한 직후 방문자들이 언덕으로 향하고 있기 때문일 것입니다..


당신의 사본입니까? 당신의 그래픽입니까? 전체적인 디자인입니까? 이 세 가지입니까? 알아낼 방법은 하나뿐입니다.

뒤로 물러서서보기 좋게 다시 저울을 기울일 수 있습니다. 결국, 당신은 당신의 경쟁자에게 계속 잃고 싶어합니까? 그렇지 않다면 계속 읽으십시오.

웹 디자인 기초

불편한 사실은 귀하의 웹 사이트가 비즈니스, 서비스 또는 개인의 품질을 직접적으로 반영한다는 것입니다. 사이트의 기본 디자인은 아마추어가 사이트를 만들 었는지 또는 전문가인지를 방문자에게 즉시 알려줄 수 있습니다..

글꼴, 컨텐츠 레이아웃 디자인 및 심지어 색 구성표는 Blogspot 사이트 작성에 정통한 사위 형제가 가장 최근의 웹 사이트를 만들었을 때 비명을 질 수 있습니다. 디지털 공간에서 전문적인 위치를 유지하려는 경우 다음과 같은 기본적인 모범 사례를 살펴보십시오..

레이아웃을 단순하게 유지

가능한 한 많은 열이나 프레임을 페이지에 잼하지 않아도됩니다. 어색하고 매력적이지 않은 것 같습니다. 간단한 레이아웃은 응답을 얻을 가능성이 높으며 방문자가 전체 페이지를보기 위해 옆으로 스크롤하지 않아도됩니다. 시작하기에 좋은 기본 디자인은 3 열 레이아웃입니다. 방문자가 사이트에서 쉽게 검색하고 원하는 것을 쉽게 찾을 수 있습니다..

읽기 쉬운 글꼴을 받아들입니다

전문적인 사이트의 특징 중 하나는 이해하기 쉽다는 것입니다. 텍스트에 적합한 색상을 결정하면 폰트 그리고 글꼴 크기. 다른 기기에서 사이트를 확인하십시오. 가장 일반적으로 사용되는 플랫폼에서 동일한 글꼴을 사용하는 것이 중요합니다.

방문자는 데스크톱뿐만 아니라 휴대 기기를 통해 사이트를 보는 경험을 즐기십시오. 사용하기에 좋은 글꼴은 헤드 라인과 같은 더 큰 텍스트에 대한 모든 세리프 글꼴 (글자 끝에 작은 태그가있는 글꼴)입니다. Sans serif 글꼴 (작은 태그 제외)은 모든 디스플레이에서 글꼴을 읽는 가장 쉬운 글꼴 중 하나입니다.

적절한 그래픽 크기를 사용하십시오

콘텐츠에 맞는 최상의 그래픽을 사용하는 것이 중요하지만 빠르고 깔끔한 로딩을 위해 작게 유지해야합니다. 이미지가 클수록 페이지가 느려집니다..

브랜드 일관성에 집중

브랜딩은 전문 웹 사이트의 특징입니다. 로고와 태그 라인이 모든 페이지에 명확하게 표시되는지 확인하십시오. 이는 브랜드와 메시지에 대해 방문자를 친숙하게하는 기본 기초 단계입니다..

명확한 용어 포함

사이트에 개인 정보 보호 정책, 서비스 약관 및 방문자가 관심을 가질 수있는 기타 특별 공지가 포함되어 있는지 확인하십시오. 아무 것도하지 않더라도 방문자 정보로 사이트가하는 일을 최대한 투명하게하십시오.

좋은 웹 디자인의 요소

모든 전문가 수준의 웹 사이트에는 공통점이있는 매우 기본적인 요소가 있으며 깔끔한 디자인과 우수한 그래픽을 갖는 것 이상의 의미가 있습니다. 최상의 디자인 방법을 사용하면 방문자와 검색 엔진 모두를 만족시킬 수있는 사이트가 만들어집니다..

탐색에 집중

탐색을 디자인 할 때는 깨끗하고 간단하게 유지하십시오. 사용자가 탐색에서 원하는 주요 사항은 사용자에게 위치를 알려주고 홈페이지로 쉽게 돌아갈 수있는 프레임 워크입니다. 탐색 메뉴를 상단 또는 사이드 바 근처와 같은 일반적인 장소에 두십시오..

연락처 정보 공유

연락 할 수있는 사용자를 더 많이 보여줄수록 회사 나 조직과 온라인에서보다 편안하게 교류 할 수 있습니다. 사이트와 연결된 실제 주소가 있으면 추가하십시오. 또한 방문자가 문의 양식을 작성하는 것이 편리합니다..

바닥 글 정보 최대화

바닥 글은 사용자에게 링크 및 기타 유용한 정보를 제공하기에 좋은 장소입니다. 바닥 글을 페이지 위쪽에 배치 할 수없는 디자인 요소에 바닥 글을 사용할 수도 있습니다. 많은 회사는 실제 연락처 정보를 바닥 글의 일부에 넣습니다..

버튼에 적절한 스타일을 사용하십시오

사용자의 눈은 사이트 버튼의 디자인을 빠르게 배우고 디자인에서 액션 아이템으로 찾을 것입니다. 탐색에 사용되는 모든 버튼이 사이트 전체에서 일관성이 있는지 확인하십시오.

당신이 누군지 말해

“정보”페이지를 정보를 제공하고 매력적으로 만드십시오. 열정을 보여라. 건조한 사실을 알려주지 마십시오. 이곳은 당신이 누구이며 회사 나 조직의 사명이 무엇인지를 알려주는 곳입니다. 관련된 사람들의 이미지는 더 많은 개성을 제공 할 것입니다..

공백을 받아들입니다

공백은 흰색 일 필요는 없습니다. 페이지의 기본 “숨을 쉴 방”일뿐입니다. 텍스트, 이미지 또는 그래픽이없는 영역입니다. 전문적으로 개발 된 평면 디자인 사이트에서 자주 발견됩니다..

아마존 사이트는 이것이 어떻게 작동하는지 보여주는 좋은 예입니다. 각 페이지에는 많은 양의 정보가 전달되지만 공백의 현명한 사용으로 인해 압도적 인 정보는 없습니다.

정보를 쉽게 찾을 수 있도록

재 방문자는 이전에 본 정보를 찾을 수 있습니다. 검색 기능으로 쉽게 사용할 수 있습니다. 디자인에 맞는 완벽한 검색 창을 사용하십시오. 가장 일반적인 위치는 사이트의 오른쪽 상단에 있습니다..

훌륭한 웹 사이트를위한 웹 디자인 모범 사례

수년에 걸쳐 디자인 요소가 발전해 온 것은 비밀은 아니지만 한 가지 확실한 점은 간단합니다. 사이트 디자인은 간단하다는 것입니다. 전문 웹 디자인은 슬라이더 또는 최신 종과 휘파람에 관한 것이 아닙니다. 사이트와 사이트의 요소 모두를 쉽게 탐색하고 응답 할 수 있도록 정리합니다..

페이지 일관성에 집중

레이아웃은 사이트 전체에서 동일하게 유지되어야합니다. 사용자에게 놀라운 페이지 레이아웃을 제공하지 마십시오. 클릭 유도 문안 페이지에서 3 개의 열에서 1 개의 열로 이동해도 탐색, 바닥 글 및 기타 요소가 일관되게 유지되므로 사용자는 페이지에 “고착”된 느낌이 들지 않습니다..

색상 사용의 균형

보색 팔레트를 선택하는 것만 큼 레이아웃의 색상을 조정하는 것이 중요합니다.

콘텐츠를 카테고리로 구성

카테고리는 인간과 검색 엔진 모두에게 좋습니다. 콘텐츠를 최대한 체계적으로 정리하십시오. 사이드 바에 탐색 요소를 배치하여 특정 카테고리의 제품이나 정보 만보고 싶은 방문자가 한 번의 클릭으로 그렇게 할 수 있도록하는 것이 좋습니다..

모든 사람이 사이트에 액세스 할 수 있는지 확인

모든 방문자를 위해 웹 사이트를 최적화하십시오. 장애인을위한 기능과 최신 고해상도 이미지를 표시하는 기능을 지원해야합니다..

SSL 인증서의 스프링

결제 정보를 수집하는 경우 사이트의 SSL 인증서를 받으십시오. 간단한 절차이며 방문자가 사이트에서 거래 할 때 방문자를 보호합니다. 비전문적 인 환경에서 누군가가 안전하지 않은 환경에서 신용 카드 정보를 입력하도록 요청하는 것은 좋은 웹 관행의 영역에 속하지 않습니다.

웹 디자인 트렌드

웹 사이트를 구축 할 플랫폼이 매우 다양하기 때문에 디자인의 범위가 넓어졌습니다. 평면 및 반평면 디자인은 부트 스트랩 된 사이트뿐만 아니라 전문 사이트에서도 점점 일반화되고 있습니다. 이러한 유형의 디자인은 사이트에 표시되는 모든 유형의 장치에 적응하는 반응 형 웹 사이트에 대한 수요 증가에 도움이되므로.

명심해야 할 몇 가지 주요 사항은 다음과 같습니다.

플랫 디자인은 무엇보다 빠른로드

많은 주요 회사가 더 빨리로드되므로 평면 및 반평면 설계로 전환했습니다. 평평한 디자인은 마치 입체적인 특징없이 평평하게 보입니다..

평면 디자인의 다른 특징은 그림자가 최소화 된 선명한 가장자리입니다. 빠르게로드되는 사이트는보다 전문적인 것처럼 보일뿐만 아니라 방문자가 원하는 작업을 완료 할 때까지 페이지를 유지합니다..

귀하의 사이트가 반응하는지 확인하십시오

이것은 당신이 간과 할 수없는 것입니다. 웹 사이트의 순위를 결정할 때 Google은 이제 모바일 친화적이지 않은 사이트에 불이익을줍니다. 따라서 순위를 높이려면 모바일로 이동해야합니다. 사이트에 액세스하는 데 사용되는 기기에 따라 사용하는 디자인이 적절하게 표시되도록해야합니다..

탐색에 카드 사용

Pinterest를 보셨습니까? 핀은 일반적으로 카드라고하는 디자인 요소를 기반으로합니다. 내비게이션에서 고품질 이미지가있는 카드를 사용하면 방문자가 참여할 수있는 전문적이고 깨끗한 페이지가 만들어집니다..

이것은 제품 또는 서비스 페이지 또는 구성 할 기사 나 컨텐츠가 많은 경우에 특히 매력적입니다. 매력적인 이미지를 사용하면 카드에 여유 공간이 생겨서 제목을 적을 수 있고 클릭을 유도 할 수있는 작은 텍스트까지도.

수상 경력에 빛나는 콘텐츠

전문 사이트는 콘텐츠를 다듬지 않습니다. 대신, 페이지의 모든 단어는 목적을 위해 존재합니다. 필러가 없습니다. 보풀이 없습니다. 그리고 키워드 소는 없습니다! 전문적인 사이트는 정보 과부하없이 많은 양의 정보를 전송할 수 있습니다. 사이트의 모든 콘텐츠 블록을 확보하십시오. 그것이 목적에 맞는지 확인하십시오.

영웅 이미지를 최대한 활용

전문적인 사이트는 방문자에게 사이트의 실제 상태를 확실하지 않은 방식으로 알려줍니다. 쉽게 달성 할 수있는 한 가지 방법은 폴더 위에있는 영웅 이미지를 텍스트 오버레이와 함께 사용하여 사이트의 기본 정보를 설명하는 것입니다..

비디오를 잊지 마세요

비디오는 빠르게 영웅 이미지 2.0이되고 있습니다. 일반적으로 별 모양 이미지를 배치했던 접은 부분 위의 비디오를 사용하면 방문자의 관심을 즉시 포착하고 유지할 수있는 훌륭한 방법입니다..

Psychology Today의 연구에 따르면 인간의 뇌는 텍스트를 읽는 것보다 60,000 배 더 빠른 비디오 정보를 처리 할 수 ​​있습니다. 홈페이지에 비디오를 통합 할 때 가장 중요한 것은 비디오가 나머지 사이트 디자인의 일부인 것처럼 보이게 만드는 것입니다. 효과적인 첫 인상을 남기는 지속적인 방법뿐만 아니라 영향력을 찾고 있다면 비디오를 사용하십시오..

비디오의 힘을 품다

Inc. 잡지의 강력한 연구에 따르면 B2B 고객의 90 % 이상이 구매 결정에 온라인 비디오를 사용했습니다. 제품 및 서비스에 대한 비디오를 내부 웹 페이지 및 블로그 게시물에 추가하는 것은 전략적으로 작동하는 전략적 방법입니다. 하지만 거기서 멈추지 마십시오. 방문자가 추가 동영상을 위해이 비디오를 다른 사람들과 공유 할 수있는 기능 추가.

일반적인 웹 디자인 실수

전문가가 웹 사이트를 개발하기 위해 최고 금액을 지불했을 수도 있습니다. 불행히도, 디자인에서 흔히 발생하는 몇 가지 실수는 웹 사이트의 전체 모양을 아래로 끌 수 있습니다. 명심해야 할 몇 가지 주요 범죄자.

페이지의 정보 과부하

홈페이지는 한 번에 모든 일을 다 할 필요는 없습니다. 실제로 모든 화면 공간이 이미지와 텍스트로 가득 찬 사이트는 아마추어의 특징입니다. 너무 많은 정보를 제공하면 압도적이며 방문자가 떠날 가능성이 높습니다.

많은 제품 페이지가 이로 인해 피해를 받는다는 것은 슬픈 일입니다. 거대한 제품 페이지를로드하는 데 시간이 오래 걸리며 방문자가 정보가 표시되기까지 몇 초 이상 기다렸다가 떠날 수 있습니다. Shopify가 발표 한 한 연구에 따르면 많은 제품이있는 매장이 더 오랜 기간 동안 고객의 관심을 끌었지만 실제 판매는 훨씬 적었습니다. 카테고리별로 구성된 빠른 로딩 페이지는 사이트 방문자가 콘텐츠로 가득 찬 페이지보다 원하는 정보를 찾을 수 있도록 훨씬 유용합니다..

실망스러운 탐색

연락처 정보 또는 소셜 미디어 링크가 페이지 하단 모서리에 숨겨져 거의 보이지 않는 사이트를 방문한 적이 있습니까? 전문적으로 보이는 사이트는 참여를 장려하며 개인 정보 보호 정책, 서비스 약관 및 연락 방법이 투명합니다. 사이트 메뉴를 설정할 때이 점을 고려해야합니다..

메뉴에 많은 옵션이있을 때 깔끔한 탐색 기능을 통합하는 한 가지 방법은 햄버거 메뉴를 사용하는 것입니다. 이 유형의 메뉴는 클릭 할 때까지 쌓인 다음 탐색 옵션을 표시하기 위해 열립니다. 데스크톱 컴퓨터, 태블릿 및 휴대 전화를 포함한 다양한 기기를 통해 방문자에게 매우 깨끗하고 빠르게로드되며 사용하기 쉽습니다..

너무 많거나 너무 적음

모든 16 진 코드 색상을 사용하는 웹 사이트를 실행하는 것이 일반적이었을 때 초기 웹 디자인을 기억하십니까? 그 유행이 사라지면 색 구성표가 참조하는 표준이되었으며 그 중 일부는 잘 고려되지 않았습니다. 예를 들어, 한동안 흰색 배경에 밝은 회색 텍스트가있는 페이지를 디자인하는 것이 유행이었습니다.

그런 다음 데스크톱 모니터에서 읽기가 어렵고 모바일 화면에서는 더 나빴 기 때문에 이것이 좋은 디자인이 아니라는 것이 분명해졌습니다. 제한된 16 진 색상 팔레트를 사용하고 1 ~ 3 개의 대조 조합을 사용하여 칙칙하지 않고 깔끔하고 생생한 느낌을줍니다.

저품질 이미지

모든 전문적인 웹 사이트에서 동등한 것은 고품질 이미지를 사용한다는 것입니다. 이미지가 선명하고 픽셀 화되지 않도록하는 것이 중요합니다. 단색 및 흰색 배경은 대부분의 제품을 최상의 조명으로 보여주는 경향이 있습니다. 영웅 이미지를 사용하기로 선택한 경우 이미지가 채워지는 공간에 적합한 고해상도 이미지를 사용하고 있는지 확인하십시오.

유령 블로그

전문적인 사이트는 최신입니다. 블로그를 가지려면 정기적으로 업데이트해야합니다. 내용은 제품과 산업에 영향을 미치는 것들에 중점을 두어야합니다. 메일 링리스트 및 특별 행사를 홍보 할 수도 있습니다..

블로그를 정기적으로 업데이트하는 데 어려움을 겪고 있다면 회사 내에서 인재를 사용하거나 작업을 아웃소싱하십시오. 갑자기 침묵하는 블로그는 매우 전문적이지 않습니다..

팝 업

가능하면 팝업을 피하십시오. 대부분의 사람들은 싫어합니다. 사실, 많은 사람들이 그것들을 완전히 짜증나게합니다. 방문자에게 페이지로드시 얼굴 앞에 팝업 상자가 걸리지 않고 사이드 바의 디자인 요소에서 광고를 클릭하거나 이메일 목록에 참여할 수있는 선택을하는 것이 좋습니다..

배너 광고

귀하의 사이트에 배너 광고가있는 경우이를 치워야합니다. Solve Media의 연구에 따르면 웹 서퍼는 배너 광고를 클릭하는 것보다 비행기 추락에서 살아남거나 메가 밀리언즈 복권에서 상을받을 가능성이 더 높습니다. 귀하의 사이트에 배너 광고가 많을수록 사이트의 전문성이 떨어집니다.

귀하의 웹 사이트는 많은 사람들이 귀하를“최종”만나고 브랜드를 알게되고 신뢰하는 첫 번째 방법임을 기억하십시오. 쉬운 탐색, 원활한 광고 및 동영상, 고품질 이미지 및 고유 한 콘텐츠 등 사이트에서 모범 사례를 사용해야합니다..

사이트를 최신 상태로 유지하고 단일 한 디자인 아이디어에 너무 얽매이지 마십시오. 웹 디자인 요소를위한 기술이 발전함에 따라 웹 디자인 요소가 웹 디자인을 올바르게 구현하는 예가 될 수 있도록 곡선을 넘어서서 앞서 나가십시오..

웹 사이트에서 가장 전문적이지 않은 요소?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map