성공적인 시작 웹사이트를 만드는 방법
게시 됨: 2018-01-12스타트업에게는 웹사이트가 중요합니다. 현대 비즈니스 세계는 매우 웹 중심적이며 시작 웹사이트를 갖는 것이 잠재 고객이 귀하를 찾을 수 있는 유일한 방법일 수 있습니다.
특히 이전에 웹 사이트 디자인에 참여한 적이 없는 경우 웹 사이트 디자인이 올바른지 확인하는 것이 어려울 수 있습니다.
많은 사람들은 스타트업이 자신이 속한 산업의 최첨단에 있기를 기대합니다. 그들은 사이트가 기능적이고 전문적이며 사용자 친화적일 것으로 기대합니다.
그럼 어떻게 꺼낼 수 있습니까? 다음은 성공적인 웹사이트를 디자인하는 데 올바른 길을 가도록 하는 스타트업을 위한 몇 가지 웹 디자인 팁입니다.
디자인 전략으로 시작
디자인 프로세스는 위협적일 수 있습니다. 관리하기 쉽게 만드는 가장 좋은 방법은 전략을 개발하는 것입니다. 자신에게 몇 가지 중요한 질문을 하는 것으로 시작하십시오.
- 스타트업의 주요 목표는 무엇입니까? 서비스나 제품으로 트래픽을 유도하고 싶으십니까? 아니면 전환율을 높이고 싶으십니까?
- 주요 방문자는 누구입니까? 그들이 원하거나 필요한 정보는 무엇입니까?
- 사이트 방문자에게 전달하려는 메시지는 무엇입니까?
- 구매 주기를 통해 사람들을 밀어붙일 계획은 무엇입니까?
이 답변을 적어 두십시오. 이제 웹 사이트를 디자인할 수 있는 몇 가지 최종 결과가 있습니다. 그것들은 당신의 스타트업 사이트를 디자인하거나 당신의 스타트업 비즈니스를 운영하는 다른 측면을 다루는 동안 놓치기 쉽기 때문에 그것들을 머리 속에 유지하는 것은 최선의 생각이 아닙니다.
또한, 경쟁사의 웹사이트를 보고 무엇이 작동하고 무엇이 작동하지 않는지 분석하십시오. Calendly용 웹사이트를 디자인한다고 가정해 보겠습니다. 가장 먼저 해야 할 일은 Calendly 대안을 살펴보고 현재 디자인보다 더 잘하고 있는 것이 무엇인지 확인하는 것입니다. SWOT 분석을 하세요. 무엇이 빠졌는지 보십시오.
사용자 경험 중심의 디자인
사람들은 웹사이트가 잘 작동하고 좋은 사용자 경험을 갖기를 기대합니다. 로드 시간은 짧아야 하고 모든 링크가 작동해야 합니다. 연구에 따르면 사람들은 웹사이트가 2초 이내에 로드되기를 기대합니다.
일반적으로 4초 이상 로드 시간이 길어지면 사이트가 사라지고 사이트가 로드되기를 기다리는 사람은 아마 돌아오지 않을 것입니다.
시작 웹사이트의 최우선 순위 중 하나는 반응성이어야 합니다. 압축으로 이미지 크기를 줄이기 위해 할 수 있는 일을 하십시오.
중복 스크립트를 제거하십시오. JavaScript 파일과 CSS를 외부에서 사용합니다. 정적 리소스를 저장하기 위해 브라우저 캐싱을 구현합니다. 이 모든 것이 서버 지연을 줄이고 전반적인 페이지 속도를 높입니다.
모바일 장치에 표시할 수 있도록 스타트업 웹사이트를 최적화해야 합니다. 나중에 변환하려고 하기 보다는 모바일 디스플레이를 염두에 두고 빌드를 시작하는 것이 가장 좋습니다.
많은 사람들이 모바일 장치를 통해 웹 서핑을 하기 때문에 모바일 최적화는 웹사이트 디자인에서 점점 더 중요한 부분입니다.
그리고 웹사이트 애니메이션 효과를 많이 추가하고 싶은 마음이 있다는 것을 알고 있지만 이러한 효과를 최소한으로 유지하는 것이 더 현명할 것입니다.
탐색이 직관적인지 확인
탐색은 기능적일 뿐만 아니라 단순해야 합니다. 사람들은 사이트를 사용할 때 너무 어렵게 생각할 필요가 없습니다.
원하는 것을 찾는 데 한두 번의 클릭만으로 충분합니다. 예를 들어 앱용 웹사이트를 만드는 경우 간단한 메뉴가 가장 좋습니다. 텍스트와 옵션으로 사용자를 압도하고 싶지 않습니다. 기껏해야 하나 또는 두 개의 열로 유지하십시오.
메뉴는 스타트업 웹사이트의 색 구성표 안에 있어야 합니다. 당신은 그것이 눈에 띄기를 원하지만 거슬리는 것을 원하지 않습니다. 일관성 있고 적합한 메뉴는 스타트업의 웹사이트가 다른 모든 웹사이트와 차별화되는 데 도움이 됩니다.
또한 글꼴 선택이 좋은지 확인하십시오. 방문자가 메뉴 항목을 명확하게 볼 수 있도록 읽을 수 있는 글꼴을 선택하십시오. 온라인에는 많은 글꼴이 있습니다. 좋은 것을 선택하는 것은 어려운 일이 아닙니다.
간단하게 유지
정보, 이미지 및 링크가 포함된 웹사이트를 로드하고 싶을 수 있지만 최선의 방법은 아닙니다. 좋은 현대 웹사이트 디자인은 단순하고 중요한 것에 초점을 맞춥니다. 이렇게 하면 사용자가 사이트에서 가장 유용하고 중요한 것을 훨씬 쉽게 찾을 수 있습니다.
일반적인 웹 규칙을 따라야 합니다. 홈페이지로 이동하는 데 사용할 수 있는 검색 버튼과 로고가 있어야 합니다.
이러한 단순한 디자인이 많은 웹사이트에서 잘 작동하는 데에는 이유가 있습니다. 작동하는 규칙을 어기지 마십시오. 이러한 관습을 고수하더라도 독창성과 창의성을 위한 여지가 여전히 많이 있습니다.
시각적 계층 사용
시각적 계층 구조는 사용자가 먼저 볼 것과 다음에 볼 것을 결정하는 방법입니다.
메인 헤드라인은 서브 헤드라인과 본문보다 커야 합니다. 기본 버튼은 다른 항목보다 커야 합니다. 같은 방법으로 색상을 사용하십시오.
대비를 잘 활용하십시오
대비를 적절히 활용하면 시작 웹사이트의 가독성이 향상됩니다.
잘 어울리는 색상을 선택하세요. 색상 팔레트를 사용하여 일부 항목을 강조하여 사용하기 쉽도록 쉽게 구분할 수 있는지 확인하십시오.
흐르는지 확인
복사와 탐색 모두에서 중복을 피하십시오. 클릭 유도문안 또는 사용자가 찾고 있는 정보로의 여정은 쉽고 간단해야 합니다.
인간의 눈이 정보를 처리하는 방법을 잘 이해하는 것과 마찬가지로 시각적 계층 구조를 적절하게 사용하는 것이 핵심입니다.
단순한 색상 팔레트 사용
너무 많은 색상은 혼동을 일으키고 브랜딩 시도를 방해합니다. 코카콜라, 스타벅스 또는 트위터를 생각해 보십시오.
브랜드에 얼마나 많은 색상을 사용합니까? 일반적으로 두 가지이며 경우에 따라 더 중립적일 수 있습니다. 이 간단한 색상 사용으로 스타트업 브랜드를 거의 즉시 알아볼 수 있습니다. 또한 사용자의 혼동을 방지합니다.
A/B 테스트 실행
시작 웹사이트를 디자인할 때 디자인 선택을 테스트하고 측정하십시오. 웹사이트의 다른 주요 부분을 두세 번 반복합니다.
그리고 웹사이트에 웹 앱도 포함되어 있는 경우 시작하기 전에 웹 애플리케이션 테스트를 살펴봐야 합니다.
대상 고객의 실제 구성원과 함께 테스트하십시오. 디자인 프로세스를 진행하면서 이러한 테스트의 교훈을 사용하십시오. 이 방법으로 테스트해야 하는 몇 가지 요소는 기본 메시지 사본, 양식, 이미지 및 클릭 유도문안 버튼입니다.
행동 촉구
클릭 유도문안이 없다면 스타트업 웹사이트는 의미가 없습니다. 전환율을 높이려면 클릭 유도문안이 매우 명확해야 합니다.
최상의 적합성을 위해 다양한 버전을 테스트해야 합니다. 사용자가 클릭 유도문안 버튼을 클릭하면 무엇을 할 것인지 명확하게 해야 합니다. '점프 인'과 같은 용어는 그다지 직관적이지 않기 때문입니다.
결론
좋은 시작 웹사이트를 디자인하는 것은 매우 간단하지만 제대로 만드는 데는 시간이 걸립니다. 웹 사이트 디자인 기본 사항을 고수하고 철저한 테스트를 수행합니다.
업계 동향이 무엇인지 확인하십시오. 노력과 관심을 기울이면 스타트업이 성공의 길로 들어서게 될 것입니다.