모든 웹 디자이너가 지켜야 할 10가지 UX 규칙

게시 됨: 2017-03-02

세상에서 가장 입이 떡 벌어지는 디자인을 만들 수 있지만 사용성을 만족시키지 않으면 성공하지 못합니다.

이쑤시개에서 상업용 여객기에 이르기까지 모든 것이 기능 및 판매에 사용성을 필요로 합니다. 그렇지 않으면 디자인이 엉망이 됩니다. 마찬가지로 웹 세계에서 UX라는 용어는 웹 사이트를 사용하고 등급을 매길 때 사용됩니다.

UX는 웹 사용자가 웹 사이트를 서핑하고 요소 및 기능과 상호 작용할 때 획득하는 사용자 경험의 약자입니다. 경험이 고르지 못하고 잘못된 것을 추구한다면 웹 사이트는 아무도 신경 쓰지 않을 인터넷에 떠 다니는 쓰레기에 의해 아무것도 아닙니다. UX는 웹사이트를 사용하거나 판매할 수 있는지 여부를 단독으로 결정할 수 있으므로 디자이너에게 중요합니다. 이 기사에서는 모든 웹 디자이너가 웹 사이트를 최종 완성 단계로 만들기 전에 알아야 할 사용성에 관한 10가지 기본 규칙을 공유합니다.

1. UI와 UX를 혼동하지 마십시오

UX와 UI 사이에는 가는 선이 그려져 있습니다. 차이점을 알고 있더라도 고객에게서 이런저런 이야기를 들을 수 있지만 때가 되면 가능한 한 최상의 용어로 차이점을 설명할 수 있어야 합니다. 사용자 인터페이스는 실제 시스템으로 정의되며 사용자 경험은 시스템과 상호 작용한 후의 정서적 결과로 정의됩니다.

Microsoft Windows는 UI이고 사용 후의 정서적 만족은 UX입니다. 두 용어를 혼동하면 자신의 작업에 피해를 줄 뿐만 아니라 완전히 자신의 일이 아닌 일로 과중한 부담을 줄 수 있습니다.

훌륭한 디자이너는 차이점을 알고 있을 뿐만 아니라 자신의 작업을 발표할 때 고객에게 설명할 수도 있습니다.

2. UX는 단순한 웹사이트 경험 그 이상입니다.

웹 디자인은 눈에 보이는 것 이상입니다. 시각적인 디테일부터 시작하여 사용하는 제품, 방문하는 모든 장소에 UX가 기록됩니다. 쓰레기 차를 운전하는 것은 나쁜 경험이고 포장된 상자를 쉽게 여는 것은 좋은 경험입니다. 오프라인 UX 마케팅은 다른 드레스처럼 보일 수 있지만 원래는 같은 천에서 잘라낸 것입니다. 완전히 같지 않고 몇 가지 예를 통해 정당화할 수는 없지만 물질적 및 비물질적 플랫폼에서의 UX 경험은 뇌에서 동일한 호르몬을 생성합니다. 예를 들어, 누군가는 인간이 왼쪽에서 오른쪽으로 정보의 우선 순위를 정하고 왼쪽에 있는 요소는 수직 공간을 덜 차지하고 동일한 시각적 가중치를 전달한다는 사실을 발견했습니다.

2000년에 트렌드가 바뀌기 시작했고 웹 디자이너는 웹 페이지의 왼쪽 패널에 탐색 모음을 배치하기 시작했습니다. 이를 통해 사용자는 콘텐츠를 더 빠르고 더 잘 스캔할 수 있었고 웹사이트 콘텐츠에 더 많이 노출될 수 있었습니다. 웹 디자이너로서 두 매체 모두에 발을 들여놓으면 마음을 교차 훈련하고 지식을 확장하여 보다 생생한 관점에서 프로젝트를 평가하고 생산할 수 있습니다.

3. 예술과 과학은 과거로 돌아간다

예술과 과학은 UX와 관련하여 함께 가야 합니다. 특히 디자인 과정에서 그들의 유대에 대한 세련된 이해가 필수적입니다. 과학적으로 설계자가 로드맵을 제시하고 이론적인 솔루션으로 문제를 해결해야 하는 문제 해결 시나리오가 있습니다. 예를 들어, 웹사이트의 매출이 급격히 감소하고 있습니다. 디자이너는 웹사이트 업데이트, 테스트 및 문제 해결을 제안하여 솔루션을 구성할 것입니다. 여기에 예술이 개입합니다.

색상, 서체, 레이아웃, 텍스트 및 시각적 콘텐츠와 같은 모든 측면과 요소가 솔루션에서 제안되어 해당 웹사이트를 기능적으로는 물론 미적으로도 매력적으로 만듭니다. 사용자로부터 원하는 감정적 반응을 불러일으킬 때까지 더 많은 테스트를 거칩니다. 과학적 구현을 ​​통해 외적 행동을 채널링하는 것은 예술과 과학을 이상하지만 유력한 커플로 만드는 것입니다.

4. 문제 해결을 위해 목표 중심 접근 방식을 사용하십시오

디자이너가 자신의 책에 의해 실행되기를 원하는 고객을 상대한다는 것은 비밀이 아닙니다. 이것은 클라이언트가 알지 못하는 많은 것들이 디자이너만 알고 있기 때문에 아무데도 연결되지 않는 미로를 만듭니다. 유사하게, 디자이너는 때때로 자신의 방식대로 일을 하는 데 몰두하지만 다른 방법도 테이블에 있으며 더 잘 작동할 수 있습니다.

UX가 풍부한 웹 디자인을 디자인할 때 단일한 접근 방식을 유지하는 것은 결코 건전하지 않습니다. 좋은 UX는 사용 가능한 최상의 솔루션에 중점을 둔 목표 중심 접근 방식에서만 달성할 수 있습니다. 예를 들어, 고객이 더 많은 노출을 얻고 더 많은 트래픽을 유도하기 위해 고객 평가 링크를 페이지 상단으로 이동하려고 합니다. 그러나 문제는 링크의 위치에 있는 것이 아니라 트래픽을 끌어들이지 못하는 위치 링크 자체에 있습니다. 따라서 링크를 새 위치로 이동하는 대신 링크가 더 잘 보이도록 하여 링크를 수정할 수도 있습니다. 두 솔루션 모두 문제를 해결하는 데 사용할 수 있으며 옵션을 열어 두어야 합니다. 이를 목표 중심 설계라고 합니다.

5. UX를 통한 브랜드 아이덴티티 노출

브랜드 아이덴티티는 훌륭한 UX 구축의 주요 목표 중 하나입니다. UX가 사용자를 만족시키는 데 표시를 한다면 이러한 경험을 가능하게 한 브랜드에 많은 영향을 미치게 될 것입니다. 고객의 취향에 맞는 룩을 만드는 데 방해받지 않는 것이 중요합니다. 사용자 경험을 만족스럽게 만들 뿐만 아니라 브랜드가 성공하기 위해 한 투자에 대한 세부 정보를 제공해야 하는 좋은 디자인. 이것은 사용자가 웹사이트를 다시 방문할지 여부를 결정합니다.

클라이언트의 관점이 디자인에 새겨져 있는지 확인하려면 각 이동에 대해 알리고 디자인에 수용할 수 있는 필요한 변경을 하십시오. 또한 클라이언트 기본 설정을 추가하는 동안 더 큰 그림을 고려하여 프로세스에서 사용자 경험이 영향을 받지 않도록 하는 것이 중요합니다.

6. 사용자 관점에서 UX 구축

절대로 자신의 상상의 희생양이 되지 마십시오. 웹사이트를 디자인하는 동안 어느 정도 창의적인 자유가 있기 때문에 이를 남용하지 않는 것이 중요합니다. 이 특별한 경우에는 고객의 지침과 선호도가 깊숙이 자리 잡고 있지만 사용자의 관점은 완전히 잊어버렸습니다. 디자이너가 되는 것은 클라이언트와 사용자가 원하는 것을 달성하는 데 있어 당신의 상상력이 당신을 방해하지 않도록 하는 것이 중요합니다. 사용자 중심의 디자인은 다른 어떤 접근 방식보다 성공적인 UX를 생성할 가능성이 가장 높습니다.

올바른 방향으로 가고 있는지 확인하려면 틈새 디자인 사용자에 대해 조사하고 특정 디자인에 대한 사용자의 요구와 요구 사항에 대해 알아보세요. 출시할 준비가 되기 전에 A/B 테스트를 사용하여 설계가 요구 사항을 충족하는지 확인하십시오. 사용자의 요구는 결국 사용자가 사용할 것이기 때문에 귀하의 개인적인 입력보다 더 중요하다는 것을 기억하십시오.

7. UX는 모두 심리학에 관한 것입니다.

행동 트리거는 사용자의 감정적 반응을 자극하는 인간 심리를 기반으로 합니다. 좋은 디자이너는 사용자의 마음을 질적으로 평가하고 콘텐츠에 대한 감정적 연결을 이끌어낼 수 있습니다. 이러한 정서적 연결은 웹 디자인에서 생생한 UX를 생성하는 데 필수적입니다. 예를 들어 알림을 가져옵니다. 나가는 길에 문을 쾅 닫고 웹사이트에서 나가게 하는 성가신 팝업 알림 기능을 경험했을 수 있습니다. 부분적으로는 고객의 이익을 위한 동시에 소매업체의 전환을 확보하는 동시에 고객이 웹사이트에 방문한 직후에 표시하는 것은 끔찍한 생각입니다.

사무실에 도착하여 숨을 쉬거나 따뜻한 커피를 마시지 않고 집안일을 하라는 명령을 받은 자신을 상상해 보십시오. 타이밍은 여기서 중요한 요소입니다. 인간의 심리를 알면 화면의 절반 이상을 덮는 팝업으로 시작하지 않을 것입니다. 대신 방문자가 콘텐츠를 훑어보고 프레젠테이션을 시작할 때까지 기다릴 수 있습니다. 이렇게 하면 사용자가 실제로 참여하는 데 시간을 할애할 수 있으므로 두 팔 벌려 동일한 알림이 수신됩니다. UX는 소비자의 정신에 크게 의존하므로 적절한 양의 행동 유발 요인을 통합해야 하며 필요한 경우 주의해야 합니다.

8. 스크롤을 통해 고객을 이끄십시오

당신이 나에게 묻는다면 스크롤은 마술처럼 작동합니다. 정보를 찾는 사용자를 사이트 깊숙이 보내 전환 가능성을 확대합니다. 아마도 대부분의 디자이너가 스크롤이 끝나는 페이지 하단에 CTA를 배치하는 이유일 것입니다.

"첫눈에 반하는" 접근 방식조차도 디자인이 페이지 상단에 CTA를 표시하는 스크롤을 촉진할 수 있습니다. 스크롤 큐를 도입하여 이러한 페이지를 최적화할 수 있습니다. 스크롤 신호는 화살표 한숨에서 매혹적인 그래픽 요소에 이르기까지 다양합니다. 예를 들어 화살표는 콘텐츠의 다음 부분에 대한 방향을 가리키는 데 사용할 수 있는 반면 그래픽 요소는 사용자가 상호 작용하면 다음 슬라이드로 바로 이동할 수 있습니다.

9. 편안하게 사용하세요

콘텐츠를 인터넷에 라이브로 게시할 때 모든 종류의 배경을 가진 사람들과 만날 것으로 예상해야 합니다. 모두가 당신이 제안하려는 방식으로 당신의 견해를 공유하지 않습니다. 그렇기 때문에 사용자가 제공하는 내용을 이해하기 위해 추가 노력을 기울일 필요가 없도록 콘텐츠를 흡수할 수 있어야 합니다. 콘텐츠가 소화 가능하면 사용자가 더 빨리 전환할 수 있습니다.

한 번에 한 입씩 먹습니다. 한 번에 제공할 수 있는 모든 것을 보여주는 것은 사용자를 혼란스럽게 할 뿐만 아니라 반쪽의 절망을 반영합니다. 디자인이 통기성 있고 쉽게 동화될 수 있도록 요소 주위에 많은 흰색 공백을 사용하여 쉽게 구분할 수 있도록 합니다. 또한 예와 자신의 이야기를 통해 모든 유형의 청중이 이해할 수 있는 콘텐츠를 만드십시오. 사업가가 아닌 친구로 자신을 보여주세요.

10. 페이지 요소를 적절하게 최적화

페이지 요소는 웹 디자인의 필수적인 부분입니다. 사용자에게 필수적인 기능을 수행하고 UX에서 정서적 조화를 유지합니다. 그러나 불필요한 페이지 요소를 추가하면 웹사이트와 사용자에게도 위험할 수 있습니다.

하나가 아닌 여러 명령이 포함된 CTA와 같은 페이지 요소, 고객을 오도하는 페이지 중간에 있는 텍스트 또는 주제에서 눈을 뗄 수 있을 만큼 주의를 산만하게 하는 이미지. 이러한 요소를 추가하면 웹 디자인 신뢰성에 무의미한 영향을 미치면서 로딩 속도가 느려집니다. 예를 들어 HD 이미지는 웹 페이지의 지연 공장이 될 수 있습니다. 그들은 많은 대역폭을 요구하고 전환 친화적인 웹사이트를 위한 이상적인 로딩 시간을 빼앗습니다. 느린 로딩 웹 사이트는 웹 사이트 UX에서 원하는 마지막 것입니다.

마지막 생각들

웹 디자이너는 모든 요소, 측면 및 접근 방식을 공식에 ​​반영해야 합니다. 귀하의 목표는 고객을 확보할 뿐만 아니라 만족스러운 UX를 제공하는 디자인을 생산하는 것입니다. 이 10가지 기본 규칙을 통해 가능한 모든 각도에서 사용성을 충족시키는 이상적인 웹 디자인을 만듭니다.