인터넷의 광활한 풍경 속에서 웹 사이트가 잊혀지지 않게 해주세요.
디자인 결함으로 인해 투자한 시간과 노력이 허사로 가지 않도록 해주세요.
웹 사이트의 디자인과 사용자 경험은 방문자들에게 원활하고 즐거운 경험을 제공하기 위해 함께 작동하는 조화로운 교향곡이어야 합니다.
그래서, 당신의 웹사이트를 단순한 브로셔에서 방문자들에게 현저한 사용자 경험으로 바꾸어 보겠습니다.
이제 당신이 리디자인하는 것이 홈런이 되도록 올바른 방향으로 안내해줄 10가지 팁을 소개할게요. 스트라이크 아웃이 아니라 큰 성공을 거둘 수 있도록 도와드릴거에요.
요즘 바쁜 일상 속에서 지루할 틈 없이 바로 알 수 있는 내용을 준비했어요. 각 웹사이트 팁에 대한 깊은 설명과 예제를 보려면 계속 읽어보세요:
웹사이트를 개선하는 방법:
- 접근성을 간과하지 마세요
- 고객이 쇼핑하기 쉽게 만드세요
- 멋있는 것보다 명확하게
- 당신의 CTA에 가장 밝은 색을 사용하세요
- 상투 없는 아이콘을 피하세요
- 두 가지 유형의 CTA를 포함하세요
- 프로모션 바를 추가하세요
- 로고를 두 곳 중 1개에 배치하세요
- 복사를 간결하고 달게 유지하세요
- 이해를 위해 복사를 구조화하세요
1. 접근성을 방치하지 마세요.
접근성은 럭셔리가 아니라 필수입니다. 특히 인터넷에서는요.
여러분의 웹사이트는 능력이나 장애 여부와 관계없이 모든 사람을 환영할 수 있는 공간이어야 합니다.
사이트를 규정에 맞게 만드는 방법이 잘 모르겠다면, accessiBe라는 저렴한 솔루션을 시도해보세요. 웹사이트에 코드 한 줌만 추가하면 설치가 간단하니, 이 중요한 단계를 방치하는 변명은 없어집니다.
웹 사이트의 쇠사태를 막으려면 무지함을 방치하지 마세요. 이 글을 일어나는 소리로 여기세요.
접근성을 진지하게 생각하지 않으면 소송을 비롯한 심각한 결과가 닥칠 수 있습니다. 지금 조치를 취하고 사용자 친화적이고 포용적인 웹사이트를 만들어보세요.
2. 고객이 쇼핑하기 쉽도록 만드세요.
전자 상거래 비즈니스를 운영 중이라면, "지금 쇼핑하기" 버튼이 가장 중요한 호출 동작입니다.
이 버튼은 눈에 띄고 강조되며 네비게이션 바에서 가장 먼저 표시되어야 합니다 (왼쪽에서 오른쪽으로).
주요 내비게이션에는 혼란이나 지저분함이 있어서는 안 됩니다.
바닥글은 정보의 보물창고와 같습니다. 거기에는 원하는 정보가 많이 있으므로, 영웅 내비게이션은 핵심 사항에만 초점을 맞추세요.
창문 쇼핑객들이 당신을 주의를 산만하게 하지 못하도록 하세요 - 명확하고 간결한 메시지로 방문자들을 구매로 이끄세요.
영향이 큰 작은 UX 변경 사항 가운데 영웅 내비게이션에서 '적게는 더'의 좋은 예시로 Juvee 에너지 음료 브랜드가 있습니다 - 그들의 활기찬 제품 중심의 접근은 쇼핑 경험에 집중을 유지할 수 있도록 합니다.
3. 멋지지만 명확해지도록 노력하세요.
간결함은 우아함의 핵심입니다. 웹 사이트 디자인에 관한 경우, 이 속담은 더 이상 참된 것이 없을 것입니다.
자동차처럼 생각해 보세요 — 모든 종류의 벨과 휘슬을 추가할 수 있지만, 열쇠를 돌렸을 때 시작하지 않는다면, 그것은 어떤 의미가 있을까요?
당신의 웹사이트를 디자인할 때, 재치보다 명쾌함을 지향하세요. 메시지가 이해하기 쉽고 사이트가 쉽게 탐색할 수 있도록 해 주세요.
4. 브랜딩에서 가장 밝은 색상은 CTAs에 예약하세요.
웹사이트에 있어서 호출-행동(CTA)은 선물 상자 위의 체리와 같아요.
그것은 매력적인 브랜드와 사용자 경험을 만드는 데 모든 노력이 시험을 받는 순간이에요.
그러니까, 가능한 한 눈에 띄고 매력적으로 만드는 게 중요해요. 그럴 수 있는 더 좋은 방법이 있을까요? 색깔을 활용하는 게요.
나머지 브랜딩과 대조되는 대담하고 대비가 뚜렷한 색상을 사용함으로써, 꼭 눈에 띄고 클릭될 거에요.
하지만 웹사이트에서 가장 밝은 무지개 색조를 CTA(호출 대행)로 선택하기 전에, 브랜드의 색 구성을 고려하는 것이 현명합니다.
브랜드의 색 구성을 의상이라고 생각하고 CTA를 주얼리의 한정판으로 생각해보세요. 주얼리는 의상을 돋보이게 하고 넘치지 않게 만들어야 합니다.
요약하자면, 브랜딩의 가장 밝은 색조를 특히 CTA에 보관하세요. 방문객을 끌어들이고 그들을 전환으로 이끄는 웹사이트의 중심이 되는 모습을 지켜보세요.
5. 외부 아이콘을 피하세요.
당신의 웹사이트에 일반적인 대중 이미지를 제거하세요. 아이콘을 포함한 웹사이트의 모든 측면에 독특한 개성을 불어넣어 눈에 띄세요.
전문 디자이너가 되거나 비싼 디자인 소프트웨어를 사용할 필요는 없어요.
창의적이고 사용자 정의 가능한 그래픽을 무한대로 제공하는 Flaticon을 사용해요. 브랜드 색상으로 아이콘과 패턴을 다운로드할 수 있어요.
6. 두 가지 유형의 CTA를 포함시키세요.
CTA(호출 대안)는 당신의 웹사이트의 불꽃놀이와 같습니다.
7월 4일의 불꽃놀이와 마찬가지로, 가장 인상적인 폭죽은 피날레, 즉 당신의 순익에 직접적인 영향을 미칠 CTA 버튼에 남아 있습니다.
그러나 모든 CTA가 동등하게 만들어진 것은 아닙니다:
- 기본 CTA: 가장 큰 수익을 가져다 줍니다 (예: 지금 구매하기, 체크아웃, 장바구니에 추가, 시작하기 등).
- 보조 CTA: 관객을 안으로 유도합니다 (예: 무료로 시도해보기, 구독하기, 회사 소개, 소셜 미디어에서 팔로우하기, 자세히 알아보기 등).
이러한 "Checkout" 또는 "Add to Cart"와 같은 CTA는 웹 사이트에서 주요 위치를 차지해야 하며, 브랜딩 팔레트의 가장 진한 색상으로 강조되어야 합니다.
그러나 이메일 리스트를 구독하거나 소셜 미디어에서 팔로우하는 링크와 같은 다른 CTA는 즉각적인 재정적 영향을 미치지 않는다 해도 중요하지 않다는 뜻이 아닙니다.
보조 CTA들은 여전히 귀하의 브랜드를 구축하고 영향력을 확장하는 데 중요한 역할을 합니다. 그래서 눈에 띄지만 주요 CTA만큼 활기찬 색상을 브랜딩 팔레트에 추가해 보세요.
7. 프로모션 바 추가하기.
어떤 사람들은 이를 공지 바로 불러요. 어떤 사람들은 이를 알림 바로 말해요. 그러나 무언가를 판매하는 웹사이트에서는 이를 프로모션 바라고 합니다.
네비게이션 바 위에 있는 프로모션 바는 웹사이트의 전광판 역할을 합니다. 눈에 띄고 메시지를 명확하고 빠르게 전달하고 싶지요.
프로모션 바에 "무료 배송"과 같은 것을 보여주는 것이 유혹적이지만, 실제로는 그 정보를 고객이 더 구매할 확률이 높은 고객 여정의 나중에 저장하는 것이 더 효과적입니다.
대신 이런 대체 요소 중 하나를 포함하십시오:
- "이젠 구매 가능: XYZ 쇼핑"과 같은 흥미로운 제안 또는 최신 제품 강조하기 (제품 페이지에 하이퍼링크 설정)
- "3000개 이상의 5성급 Google 리뷰"와 같은 사회적 증거 추가하기
- "100달러 이상 구매하시면 무료 XYZ 선물"과 같은 인센티브 포함하기.
하지만 조심하세요! 느린 프로모션 바보다 더 답답한 것은 없습니다. 속도를 우선시하여 버퍼링 문제를 피하세요. 슬라이딩 프로모션 바는 피하세요. 첫 로드 시에 표시되지 않거나 일시 중단될 수 있는 경향이 있습니다.
8. 로고를 배치할 곳 중 하나를 선택하세요. 상단 중앙 또는 좌측 상단.
로고는 방문객을 안내하여 브랜드의 항해지로 인도하는 비콘 역할을 합니다.
로고가 내비게이션 바의 중심에 있는지 확인하고, 그렇게 하면 강력하고 알아볼 수 있는 브랜드를 구축하는 길로 나아갈 것입니다.
로고가 눈에 잘 띄고 명확하게 읽을 수 있어야 합니다. 방문자들이 '소개' 페이지를 찾느라 고통받는 일이 생기지 않도록 합니다.
9. 본문을 간결하고 달콤하게 유지하세요.
단순하고 효과적으로 목적을 전달하세요.
웹사이트 디자인에 있어서는 '적게는 많다'는 말이 중요합니다. 퓨리처상을 받을 작품을 쓰는 것이 아니라 변화와 판매를 추구하는 비즈니스입니다.
말이 많은 글을 무시하고 필수 사항에 집중하세요.
모든 단어가 중요합니다.
10. 이해를 위해 복사본을 구성하세요.
각 줄과 공백은 웹사이트 전체 구성에 중요합니다.
테이블 태그를 마크다운 형식으로 변경해주세요.
한 줄 끝이야말로 다음 줄로 이어나가도록 강요하는 좋은 책처럼요.
이 작은 세부 사항을 무시하면 정보를 제공하는 웹사이트와 혼란스러운 웹사이트 사이에 차이가 날 수 있어요.
줄 바꿈을 다른 모든 웹사이트 디자인 요소와 같은 주의와 관심으로 대해보세요. 사용자 경험이 향상되는 것을 확인할 거예요.
마무리
적절한 지침을 따른다면, 온라인 활동을 성공적으로 더욱 발전시킬 수 있을 거예요. 그래서 길잡이로서, 여러분이 지치지 않고 도울 수 있는 포괄적인 안내서를 준비하는 것이 현명한 생각입니다.
이 가이드를 손에 쥐고 있으면, 당신은 조직 내 웹사이트 재설계에 대한 모든 대화에 자신감과 편안함을 갖추게 될 거에요.
어떤 팁을 웹 디자인에 바로 적용하실 건가요? 댓글로 알려주세요.