UX 디자인 체크리스트 – 사용자 경험 접근성 감사 목록

웹 사이트의 신뢰성은 종종 외관만으로 판단됩니다. 미학이라는 문구는 개인 취향과 트렌드에 따라 매우 부정확합니다. 이는 전체 사용자 경험이 훨씬 더 중요하다는 것을 의미합니다. 좋은 UX 디자인으로 방문자의 머리 속으로 들어가는 것이 중요합니다. 그들의 모든 움직임을 예상하고 사용하기 쉽고 직관적이며 재미있는 웹 사이트를 디자인하고 있습니다.

불행히도 좋은 UX 디자인과 관련하여 간단한 솔루션이나 은총알은 없습니다. 수많은 사소한 조정의 결과입니다. 각각은 웹사이트에서 더 나은 사용자 경험을 제공합니다. 다음에 UX 프로젝트를 시작할 때 이 체크리스트를 염두에 두십시오. 비즈니스 목표를 추적하고 사용자를 이해하며 값비싼 실수를 피하는 데 도움이 됩니다.

새로운 사이트를 위한 UX를 디자인할 때 가장 염두에 두어야 할 사항은 무엇입니까? UX 디자인에 관해서는 다양한 요소가 작용합니다. 그러나 가장 중요한 것 중 일부는 기능, 페이지의 콘텐츠 및 단순성입니다.

웹사이트 디자인 프로젝트에서 작업하는 경우 이 UX 체크리스트를 사용하여 작업을 안내하십시오. 사용자 경험 측면에서 모든 기반을 포괄함으로써 사용하기 쉽고 방문자에게 훌륭한 경험을 제공하는 사이트를 만들 수 있습니다. 목표는 항상 사용자를 최우선으로 하는 것임을 기억하십시오. 그렇게 하면 성공적인 웹사이트를 디자인하는 데 도움이 될 것입니다.

01. 반복적인 행동이나 잦은 활동이 힘들게 느껴진다

같은 정보로 다른 양식을 채우는 것과 같은 반복적인 작업은 실제로 사용자가 목표를 더 빨리 달성하는 데 도움이 되지 않는 힘든 작업이 될 수 있다는 사실을 알고 계셨습니까? 이는 사용자가 귀하의 콘텐츠에 참여하고 웹사이트에서 양식을 작성하려고 할 때 동일한 질문을 자주 함으로써 사용자를 실망시킨다는 것을 의미합니다. 사용자가 자신의 요구 사항을 충족하는 데 시간이 오래 걸린다는 것을 알게 되면 페이지에서 다시 돌아올 기회가 있습니다. 그러한 것들은 그들에게 더 빠른 방법으로 그들을 도울 수 있는 다른 유사한 비즈니스를 검색할 수 있는 빠른 방법을 제공합니다.

이 격차를 메우기 위한 가장 좋은 방법은 모든 서비스와 제품 페이지에서 사용자의 행동을 분석하는 것입니다. Google Analytics 도구의 도움을 받아 사용자 행동을 분석할 수 있습니다. 이 도구를 사용하면 페이지에 머문 시간, 참여율, 이벤트 추적, 전환 등과 같은 중요한 보고 측정항목을 파악하여 어디에서나 나타나는 반복적인 작업을 찾을 수 있습니다. 이를 방지하기 위해 웹사이트에서 계정에 가입하는 동안 이미 입력한 데이터를 자동 완성할 수 있습니다. 예를 들어, 사용자가 귀하의 웹사이트에 이미 계정이 있고 이제 귀하의 웹사이트에서 새로운 구매를 원할 경우 이미 요청한 정보를 요청할 필요가 없습니다.

02. 오류는 사용자가 쉽게 복구할 수 있습니다.

사용자가 실수 또는 부정확한 조치를 취하고 원하는 결과를 얻지 못하면 종종 좌절하거나 죄책감을 느끼거나 둘 다입니다. 사용자의 신뢰와 만족을 유지하려면 사용자가 처음부터 다시 시작할 필요가 없는 원래 위치로 돌아갈 수 있다고 느끼는 것이 중요합니다. 그렇기 때문에 대화 상자에서 잘못된 옵션을 선택하는 것과 같이 우연히 반복적으로 발생할 수 있는 오류에 대해 웹 사이트를 디자인할 때 사람들이 작업을 다시 시도할 수 있도록 하는 것이 중요합니다.

이러한 오류 중 많은 부분을 방지할 수 있는 방법이 있습니다. 오류 메시지를 통해 표시할 수 있습니다. 오류 메시지는 웹사이트에서 작업하는 동안 발생한 일에 대한 적절한 정보를 제공할 수 있도록 명확하게 표현해야 합니다. 텍스트에는 잠재적으로 문제를 해결할 수 있는 단계도 이상적으로 포함되어야 합니다. 이것이 하는 일은 사용자를 교육하고(자신의 잘못이 아닌 경우) 지원팀에 도움을 요청하기 전에 문제를 스스로 수정하도록 유도하는 것입니다.

사용성 테스트를 수행할 때 사용자가 실수를 했을 때 어떤 일이 발생하는지 테스트하기 위해 작업을 수행할 가능성이 가장 높은 시나리오를 만들어야 합니다. 예를 들어 사용자가 신청서를 작성하는 경우 연락처 정보 및 신용 카드 번호 필드를 제공합니다. 사용자가 웹 사이트에서 오류를 복구하는 것이 얼마나 쉬운지 알 수 있도록 이러한 필드에 대한 오류 상태를 만듭니다.

03. 사용자의 전문성 수준에 따라 적절하게 지원

제품의 초보 사용자가 원활하게 학습할 수 있도록 하는 것이 중요합니다. 그러나 일단 그들이 이미 제품에 익숙해지면 도움이 되는 도구로 자리를 옮겨야 합니다. 또한 제품에 어떤 다른 새로운 기능이 있는지 확인하고 사용자의 참여를 유지하고 웹사이트를 더 많이 탐색할 수 있도록 주저하지 말고 해당 기능을 과시하십시오.

유용성과 관련하여 가장 중요한 것 중 하나는 사용자가 전문 지식 수준에 따라 적절하게 지원되는지 확인하는 것입니다. 예를 들어, 초보 사용자에게 문제가 발생한 경우 웹사이트의 FAQ 페이지나 관련 비디오에서 답을 찾을 수 있어야 합니다. 또한 전문가가 인터페이스에 문제가 있는 경우 채팅이나 이메일을 통해 연락할 수 있어야 합니다.

04. 도움말 액세스는 사용자 진행을 방해하지 않습니다

모든 유형의 고객은 제품 도움말 섹션의 중요성을 알고 있습니다. 누군가가 제품의 어느 부분에서나 도움을 요청할 수 있도록 하면 지속적인 발전이 가능합니다. 즉, 사용자가 진행을 재개하기 전에 도움을 받을 필요가 없습니다. 사용자가 취할 수 있는 또 다른 옵션일 뿐입니다.

도움을 받을 때 가장 짜증나는 점은 사용자가 작업 중간에 있을 때 사용자의 작업 흐름을 방해한다는 것입니다. 따라서 제품에 대한 테스트 시나리오를 작성할 때 사용자가 "도움말!"을 클릭하기 전에 하던 작업으로 돌아갈 수 있는 기회를 제공해야 합니다. 단추.

05. 3원색 이하

너무 많은 색상으로 눈에 띄는 웹사이트나 브랜드를 만드는 것은 충분히 어렵습니다. 따라서 모든 브랜드에 권장되는 숫자는 3입니다. 그러나 고정된 숫자가 아니므로 비즈니스 전문가는 3개 이상을 사용할 때의 위험에 대해 걱정할 필요가 없습니다. 색상환은 디자인을 계획할 때 선택할 수 있는 범위를 제공하는 다양성에 관한 것입니다. 웹사이트에 조합이 많을수록 방문자가 페이지를 탐색하고 페이지의 모든 내용을 이해하기가 더 어려워진다는 점을 기억하는 것이 중요합니다.

색상과 관련하여 색상의 중요성을 이해하는 열쇠 중 하나는 색상이 정보를 처리하는 데 도움이 된다는 것입니다. 이는 의도된 메시지의 명확성을 향상시킵니다. 그렇다면 이미 만든 제품으로 어떻게 이 작업을 수행할 수 있습니까? 제품이나 서비스 전반에 걸쳐 다양한 색상을 포함함으로써 사람들이 브랜드와 브랜드와 함께 제공되는 전체 기능에 액세스할 수 있습니다.

06. 색상만으로는 계층, 내용 또는 기능을 전달하는 데 사용되지 않습니다.

쉽게 접근할 수 있는 제품이 있다는 것이 장점이라고 생각할 수도 있습니다. 예를 들어, 페이지의 세 가지 굵은 색상이 모든 것을 돋보이게 할 것이라고 생각할 수 있습니다. 그러나 계층, 콘텐츠 또는 기능을 전달하기 위해 색상에만 의존한다는 것은 색맹과 같은 시각 장애가 있는 사람들이 귀하의 제품을 사용할 수 없고 제외된 인구 통계학적 개체가 된다는 것을 의미합니다. 처음에는 이것이 불편하게 들릴 수 있지만 장애가 있는 사람들이 세상을 다르게 보는 방식과 제품을 다르게 사용하는 방식을 이해하는 것이 중요합니다. 이러한 이유로 디지털 제품을 만들 때 접근성을 염두에 두는 것이 중요합니다.

07. 사용자는 시각적 계층 구조를 통해 필요한 작업으로 안내됩니다.

시각적 계층 구조는 제품에 대한 사용자 경험에 매우 중요합니다. 사용자가 웹 사이트 또는 앱과 상호 작용할 때 무엇을 보는지 이해하지 못하면 사용자 경험에 영향을 미치고 다음을 원하는 작업 순서를 잃을 수 있습니다. 시각적 계층 구조에 주의하여 사용자 상호 작용을 적절하게 안내하는 것은 사람들이 페이지와 상호 작용하는 방식을 이해하는 데 중요한 부분입니다.

제품 내부의 흐름이 어떻게 작동하는지 더 잘 이해하려면 먼저 시각적 계층 구조를 이해해야 합니다. 사용자는 제품의 계층 구조와 단서에 의존하여 무엇을 하고 어디로 가야 하는지 알 수 있습니다. 사용자에게 명확한 신호를 설정하고 사용자가 쉽게 작업을 완료할 수 있도록 적절하게 안내하고 있는지 확인하십시오.

08. 시각적 계층의 최상위 항목이 가장 중요합니다.

사용자는 시각적 계층 구조 덕분에 정보를 신속하게 스캔하고 현재 요구 사항에 따라 콘텐츠의 우선 순위를 지정할 수 있습니다. 시각적 계층의 맨 위에 있는 항목은 회사에 가장 중요하고 사용자와 가장 관련성이 있어야 합니다.

디지털 출력을 스크린샷한 다음 대략 5px의 가우시안 흐림 반경으로 흐리게 처리합니다. 최종 제품을 보면 계층 구조와 어떤 부분이 눈에 띄는지 즉시 알 수 있습니다. 회사와 사용자 모두에게 가장 중요한 것입니까?

09. 1차와 2차 행위가 시각적으로 다르다

사람들이 제품과 쉽게 상호 작용할 수 있도록 하는 핵심은 기본 작업을 보조 작업과 시각적으로 구분하는 것입니다. 이렇게 하면 사용자가 각 작업이 수행하는 작업에 대해 혼동하지 않고 제품과 상호 작용할 때 실수할 가능성이 줄어듭니다. 예를 들어, "제출"과 "취소"는 서로 명확하게 구별되어야 합니다.

사용자에게 잘 맞는 경험을 만드는 방법은 여러 가지가 있지만 가장 중요한 것 중 하나는 사용자가 필요로 하는 것을 이해하고 제공하거나 최소한 의도한 작업을 수행할 수 있는 좋은 방법을 제공하는 것입니다. 이것은 사용성 테스트를 수행할 때 수행해야 하는 작업입니다.

10. 추상화된 상호작용 기능이 없습니다.

디지털 제품에 관해서는 다른 제품에 대한 우리의 과거 경험에서 오는 많은 기대가 있습니다. 우리의 과거 경험은 우리에게 버튼이 어떤 모양이고 어떻게 작동해야 하는지를 가르쳐 주었지만, 또한 대화형 요소가 추상적으로 느껴질 수 있고 버튼을 활성화하기 위해 압력이나 힘의 요소가 필요하다는 것을 가르쳐주었습니다. 그렇기 때문에 사용자가 디지털 제품과 상호 작용할 수 있어 사용자가 누구이든, 어디에 있든, 어떤 장치를 사용하든 원하는 결과를 찾을 수 있도록 하는 것이 중요합니다.

경우에 따라 일반적인 패턴이 사용되지 않는 영역을 찾는 것이 좋은 출발점이 될 수 있습니다. 제품이나 웹사이트를 검토할 때 링크처럼 보이지 않는 링크를 찾으십시오.

11. 양식 제출이 육안으로 확인됨

귀하의 모든 제품은 프로세스에서 몇 가지 중요한 항목과 함께 입력을 완료할 수 있는 위치를 확인해야 합니다. 첫째, 사용자가 입력 끝에 만족하는지 확인하기 위해 확인 창이 있어야 합니다. 이렇게 하면 입력하는 동안 변경한 내용을 실수로 지우는 것을 방지할 수 있습니다. 둘째, 제품에 대한 최종 입력 후 사용자가 첫 번째 작업을 성공적으로 완료했는지 여부를 묻는 확인 화면을 트리거해야 합니다. 이는 사용자가 당황할 수 있을 뿐만 아니라 전체 프로세스 동안 발생한 상황을 명확하게 파악하는 데 도움이 되므로 유용합니다.

웹 사이트와 관련하여 양식 제출은 비즈니스의 중요한 부분입니다. 사용자가 필요한 모든 정보를 입력한 후에는 데이터가 올바르게 입력되었는지 확인해야 합니다. 사용자가 오류에 직면한 위치와 사용자 작업을 성공적으로 완료하기 위해 수행해야 하는 작업을 알기 위해 양식 제출 버튼과 확인 페이지 또는 메시지에 이벤트 추적이 있는지 확인하는 것이 중요합니다.

12. 경고 메시지의 일관성

경고 메시지는 사용자에게 주의를 기울여야 하는 즉각적인 메시지를 제공하기 위한 것입니다. 일관된 경고 메시지가 있다는 것은 사용자가 즉시 주의를 기울여야 하는 사항을 항상 이해하고 그에 따라 조치를 취할 수 있음을 의미합니다. 시각적 스타일은 같지만 경고마다 이름이 다른 경우 사용자는 새 경고가 나타날 때마다 더 많은 정신적 작업을 수행해야 합니다.

경고를 생성할 때 동일한 색 구성표를 사용하고 동일한 영역에 배치합니다. 이를 통해 사람들은 시각적으로 뒤죽박죽이 아닌 경고로 보고 있는 내용을 쉽게 식별할 수 있습니다.

13. 일관된 탐색

제품이나 서비스를 만드는 경우 사용자가 이를 탐색하는 방법과 목표를 달성하는 데 방해가 될 수 있는 장애물에 대해 생각해 보십시오. 탐색 가능한 디자인은 사용자가 제품을 사용하는 동안 편안함을 느낄 수 있도록 효율성과 사용 편의성의 완벽한 균형을 제공합니다. 일관성이 핵심입니다. 웹사이트 또는 앱 전체에서 탐색이 일관성을 유지해야 합니다.

사용자는 무언가를 찾기 위해 웹사이트에 왔다가 찾을 수 없기 때문에 떠납니다. 또는 웹사이트를 탐색하는 방법을 이해하지 못합니다. 전체 프로세스 동안 사이트의 탐색을 맨 위에 유지하는 것이 중요합니다. 모든 링크를 클릭할 수 있고 막다른 골목이나 끊어진 링크가 없는지 확인하십시오.

14. 개선의 여지가 있습니다

디자이너로서 우리는 항상 사용자 경험을 향상시키는 방법에 대해 생각합니다. 그러나 때로는 브랜드가 성장하고 새로운 기능/콘텐츠가 등장함에 따라 인터페이스 디자인을 최신 상태로 유지하는 것이 어려워집니다. 현재 디자인을 손상시키지 않고 더 많은 카테고리/주제를 지원하기 위해 어떻게 개조합니까? 성장의 여지가 있는 설계는 주요 설계 및 개발 노력이 인터페이스 전반에 걸쳐 쉽게 확장된다는 것을 의미합니다.

새로운 제품을 만들 때는 미래를 생각하는 것이 중요합니다. 시간이 지나면 어떤 콘텐츠가 늘어날까요? 동영상이 마케팅 전략의 중요한 부분이 될까요? 사람들이 당신의 제품이나 서비스에 대해 이야기하게 하는 방법에는 여러 가지가 있습니다. 가장 좋은 것은 모든 이해 관계자에게 미래에 어떤 일이 일어날 것이라고 생각하고 이것이 앞으로 제품에 어떤 영향을 미칠 수 있는지 묻는 것입니다.

15. 두 개 이상의 다른 글꼴 패밀리가 사용되지 않습니다.

일부 디자이너가 단순성을 위해 두 가지 글꼴 모음을 사용하는 한 가지 이유는 사용자가 문서의 계층 구조를 더 쉽게 인식할 수 있기 때문입니다. 예를 들어 Arial과 Helvetica가 있는 경우 사용자는 서체를 보고 누구의 텍스트인지 쉽게 알 수 있습니다. 또한 선택한 디자인에 두 개 이상의 글꼴이 있는 경우 서로 다른 텍스트 스타일 간에 혼동이 발생할 위험이 있습니다. 텍스트 스타일의 구분이 없으면 글꼴 계층 구조를 해독하기가 더 어려워지고 유용성이 저하됩니다.

결과 인쇄 계층 구조의 균형을 맞추기 어려울 수 있으므로 두 개 이상의 글꼴은 일반적으로 권장되지 않습니다. 사용성과 시각적 목적을 위해 두 가지를 고수하면 타이포그래피 계층이 단순화되어 이해도가 향상됩니다. 디자인이 엉성하고 읽기 어려워 보이지 않도록 하는 한 가지 방법은 모든 디자인에 세리프체와 산세리프체라는 두 가지 글꼴 모음만 포함하는 것입니다.

16. 텍스트 콘텐츠 글꼴의 크기는 최소 12픽셀이어야 합니다.

다시 말하지만, 이것은 어렵고 빠른 규칙이 아닙니다. 이론적으로 매우 특정한 응용 프로그램에는 더 작은 크기를 사용할 수 있지만 12픽셀 미만의 너비에서는 가독성이 크게 떨어집니다. 사용된 서체의 크기가 최소 12픽셀인지 확인하기 위해 모든 자료를 확인하십시오.

17. 라벨, 제목, 두문자어는 모두 소문자여야 합니다.

대문자 사용을 제한하면 더 쉽게 이해할 수 있습니다. 시각적으로 덜 무겁고 흡수하기 쉽습니다. 강조 또는 두문자어와 같은 매우 특수한 상황에서만 사용해야 합니다. 철저한 콘텐츠 검토를 수행하고 대문자 용어가 제목, 레이블 및 두문자어로만 제한되는지 확인합니다.

18. 다른 글꼴 스타일을 사용하여 콘텐츠와 컨트롤이 분리됩니다.

콘텐츠와 컨트롤, 즉 사용자가 상호 작용할 수 있는 대상을 식별해야 합니다. 크기, 색상, 위치, 글꼴 및 기타 요소를 표시로 사용할 수 있습니다. 여러 글꼴 스타일 또는 패밀리를 사용하면 사용자가 혼동하지 않고 상호 작용할 수 있는 항목을 빠르게 인식할 수 있습니다. 제품의 모든 컨트롤 목록을 만들고 나머지 콘텐츠와 구별되도록 합니다. 사용성 테스트를 수행할 때 주의하십시오.

19. 콘텐츠 유형을 구분하는 글꼴 크기 및 두께

가독성과 이해도에 상당한 영향을 미칩니다. 머리글, 부제목 및 단락을 명확하게 구분하면 정보를 흡수할 때 정신적 과부하를 방지하는 데 도움이 됩니다. 또한 보기에 좋고 느낌이 좋아 미학적인 이점이 있습니다.

테스트 방법: 제품 내부의 텍스트를 분석하면서 제목, 부제목 및 단락이 모두 다양한 글꼴 크기와 두께를 가지고 있는지 확인하십시오.

20. 근접성과 정렬은 고려해야 할 가장 중요한 두 가지 요소입니다.

사용자는 기능적으로나 맥락적으로 유사한 항목을 함께 그룹화하는 경향이 있습니다. 탐색 모음이 좋은 예입니다. 이 패턴을 따르고 관련된 요소를 그룹화하면 사용자가 즉시 인터페이스를 이해할 수 있습니다. 테스트하려면 기능적으로 비교할 수 있는 항목을 찾고 그룹화되어 있는지 확인합니다(가능한 경우).

21. 다단계 작업의 경우 진행 표시기가 유용합니다.

특히 다단계 절차의 경우 사용자는 압도되거나 완료하는 데 시간이 얼마나 걸릴지 의문을 가질 수 있습니다. 진행률 표시기는 그가 자신을 찾는 데 도움이 되지만 또한 성공의 느낌을 조성하고 중도 탈락률을 최소화합니다. 작업을 완료하기 위한 여러 단계가 있는 제품의 모든 프로세스를 확인하고 진행 상황이 표시기를 통해 신호되는지 확인하십시오.

22. 전경 항목(컨텐츠 및 컨트롤과 같은)이 배경에 대해 눈에 띕니다.

시각 장애가 있는 사람에게 중요합니다. 또한 사용자의 이해와 학습 곡선을 돕습니다. 탐색은 버튼에 주의를 집중시키고 전반적인 사용성을 향상시키는 명확한 분리에 의해 지원됩니다. 제품의 스크린샷을 찍고 반경 3~5픽셀의 가우시안 블러로 흐리게 처리합니다. 완성된 제품을 보고 앞에 무엇이 있고 뒤에 무엇이 있는지 알 수 있습니까?

23. 구매자 페르소나를 독자 페르소나에 정렬

모든 고객이 귀하의 자료를 읽는 것은 아니며 모든 독자가 구매하는 것도 아닙니다. 그러나 UX를 고려하기 전에 구매자와 독자 페르소나를 잘 이해하고 있어야 합니다. 이상적인 고객에 대한 이러한 허구적이고 일반화된 묘사는 보다 유용한 콘텐츠를 만드는 데 도움이 될 것입니다. 구매자와 독자 프로필이 일치하면 보다 맞춤화된 사용자 경험이 생성됩니다.

독자가 선택할 수 있는 다양한 형식, 산업 및 카테고리를 제공하면 많은 도움이 될 수 있습니다. 그들의 전문 분야나 직무를 아는 것도 도움이 될 수 있습니다.

24. 모든 각도에서 여행이 의미가 있는지 확인하십시오.

좋은 사용자 흐름은 사용자가 원하는 위치에 도달하는 데 도움이 됩니다. 그들이 당신과 약속을 잡기를 원하십니까? 뭔가를 사고 싶습니까? 전자책을 받고 싶습니까?

모든 사람이 처음부터 시작하는 것은 아니며 모든 사람이 동일한 목표를 갖는 것도 아닙니다. 사용자에게 처음부터 끝까지 명확한 경로가 있는지 확인하십시오.

25. 인지하기 쉬운 브랜드 메시지 전달

외국어로 의사소통이 어렵습니다. 더 어려운 것은 브랜드의 개성을 반영하고 모든 미디어에서 일관된 언어를 찾는 것입니다. 시작하기 전에 카피라이터는 명확한 브랜드 규칙의 초안을 작성해야 합니다. 일관성을 보장하기 위해 귀하와 귀하의 디자이너가 항상 귀하 앞에 지침 사본을 가지고 있는지 확인하십시오. 귀하의 작가와 고객은 감사할 것입니다.

26. 모든 기기에서 사용성 확인

시장에는 각각 고유한 화면 크기, 해상도 및 기타 특성을 가진 다양한 장치가 있습니다. 같은 제품이라도 각각 다르게 보일 수 있습니다. 사용자는 귀하의 화면에 표시되는 내용만 보지 않는다는 점을 기억하는 것이 중요합니다. 그들은 당신이 존재하는지도 몰랐던 것을 알아차릴 수 있습니다. 따라서 사용성 테스트를 위해 화면에만 의존하지 마십시오. 잠재적인 문제를 놓치는 것을 방지하기 위해 가능한 한 많은 다른 가제트에서 제품을 테스트하십시오.

27. 속도의 스윗스팟 찾기

웹사이트의 로드 시간은 사용자 경험과 전환율에 영향을 미치기 때문에 웹사이트를 구축할 때 고려해야 할 점점 더 중요한 지표입니다. 호스팅 또는 CDN 비용을 절약하기 전에 로드하는 데 3초 이상 걸리면 40%의 사람들이 웹사이트를 포기한다는 사실을 기억하십시오. 사이트 로드 시간을 8초에서 2초로 줄이면 전환율이 74% 증가할 수 있습니다.

수익에 미치는 영향 외에도 느린 로드 시간은 SEO에 해를 끼치며 Google은 검색 결과에서 더 빠른 웹사이트 순위를 매깁니다. 상위 웹사이트의 평균 페이지 로드 시간은 약 1.5초입니다.

28. UX KPI를 비즈니스 목표에 맞게 만드세요

핵심 성과 지표는 모든 프로젝트(KPI)에 포함되어야 합니다. 이를 검증된 전환율과 구별하는 것은 무엇입니까? 그들은 당신이 해결책을 찾기 위해 문제에 더 깊이 들어갈 수 있게 해줍니다. 예를 들어 KPI는 사용자가 클릭하는 데 걸리는 시간일 수 있습니다. 이것이 오래 지속되면 로드 시간이나 콘텐츠 길이와 같은 방해 요소가 있다는 것이 더 분명해집니다.

29. 사용자로부터 피드백 받기

귀하의 고객은 귀하의 제품을 만들거나 깨뜨릴 것이므로 고객을 즐겁게 유지하는 것이 중요합니다. 그들을 행복하게 유지하는 열쇠는 최고의 고객 서비스를 제공하는 것입니다. 단순히 버그를 수정하거나 환불하는 것이 아니라 더 나은 경험을 제공할 수 있도록 고객과 고객의 요구 사항을 이해하는 것입니다.

소프트웨어 구축 비즈니스에 종사하는 경우 고객 서비스 팀은 성공을 보장하는 가장 중요한 요소 중 하나입니다. 업무를 제대로 수행하고 있는지 확인하는 방법은 다음과 같습니다.

그들이 무엇을 하는지 확인하십시오: 고객 지원 팀이 사용성, 사용자 경험 및 기타 기술 문제와 관련된 문제를 처리하는 방법을 알고 있는지 확인하십시오. 고객 서비스는 앱이나 웹사이트에 문제가 있는 경우 이를 인식하고 해결 방법에 대한 피드백을 제공할 수 있어야 합니다.

팀 조정: 영업 담당자가 인식되고 있는지 확인하고 고객 서비스 담당자가 사용성 문제를 즉시 보고할 수 있는 방법을 설정합니다. 팀을 정렬하고 제품 개선에 기여할 것으로 기대한다는 것을 알리십시오.

피드백 루프 설정: 고객 서비스 팀은 UX 문제를 해결하는 열쇠입니다.

30. 당신은 누구이며 무엇을합니까?

다음 주요 작업은 방문자에게 즉시 알리는 것입니다. 이름이 뭐에요? 그래서, 정확히 무엇을합니까? 그리고 그들에게 어떤 가치를 부여할 수 있습니까? 이것은 가치 제안으로 알려져 있으며 자체 블로그 게시물을 보증할 정도로 중요합니다. 방문자를 설득하는 데 몇 초밖에 걸리지 않으므로 최대한 활용하십시오!

잘 만들어진 가치 제안은 무엇이 당신을 독특하게 만들고 업계의 다른 회사와 차별화하는지 명확하게 설명합니다. 또한 고객이 귀하와 협력하여 경험할 수 있는 실질적인 이점에 대해서도 설명합니다.

31. 방문자가 귀하와 연락할 수 있는지 확인하십시오.

방문자가 가질 수 있는 우려나 불안을 제거하는 것은 UX 디자인의 중요한 구성 요소입니다. 신규 방문자의 가장 일반적인 우려 사항 중 하나는 특히 웹사이트가 완전히 새로운 경우 그들이 귀하를 믿어야 하는지 여부입니다.

배후에 진짜 사람이 있다는 것을 보여주는 것이 두려움을 완화하는 한 가지 방법입니다. 실제 주소, 전화번호 및 유효한 이메일 주소를 포함하십시오. (연락처 양식 아님 — 사람들은 이메일 주소보다 양식을 더 신뢰하지 않습니다.)

실시간 채팅 상자를 사용하여 사용자가 즉시 질문할 수 있습니다.

32. 더 좋은 방법은 빵 부스러기를 남겨 그들이 어디에 있는지 알 수 있도록 하는 것입니다.

빠른 재시작을 제공하는 것 외에도 '이동 경로'를 사용하여 진행 중인 위치를 명확히 합니다. 여기에서 큰 진행률 표시줄이 유용합니다. 예를 들어, 체크아웃 프로세스 중이라면 사용자에게 현재 위치와 다음에 무엇을 해야 하는지 알려주십시오.

이것은 다시 한번 단순한 심리학입니다. 예를 들어, 산책을 하는 것은 목적지가 어디인지 알 수 없을 때 훨씬 더 피곤합니다. 지도가 있으면 훨씬 더 편안해집니다. 인터넷에서도 같은 개념을 사용할 수 있습니다.

33. 계층을 사용하여 사용자에게 다음 단계로 이동할 위치를 보여줍니다.

잘 정의된 '사용자 여정'을 염두에 두어야 합니다. 온라인 과정을 가르치는 웹사이트가 있다고 가정해 보겠습니다. 다음은 간단한 사용자 여정의 예입니다.

> 최신 블로그 읽기 > 유료 온라인 과정에 등록하기 전에 이메일 목록에 가입하고 무료 보고서를 다운로드하십시오.

명확한 여정이 있는 경우 사용자를 원하는 위치로 보내도록 시각적 계층 구조를 디자인할 수 있습니다. 이 시나리오에서 사람들이 가장 먼저 본 것은 블로그여야 합니다. 그런 다음 이메일에 메일링 리스트에 대한 많은 링크를 포함하기 시작합니다.

34. 관련 항목을 함께 그룹화

이것은 전자 상거래 웹사이트용으로 설계되었지만 모든 웹사이트에서 사용할 수 있습니다. 유사하고 비교 가능한 물건은 함께 보관해야 합니다. 이는 방문자와 고객이 마치 귀하가 그들의 요구를 예상한 것처럼 훨씬 더 개인화된 경험을 받게 될 것임을 의미합니다.

Amazon의 'more like this' 선택과 같은 물리적 제품은 이러한 방식으로 사용할 수 있습니다. 관련 콘텐츠 영역을 사용하여 블로그 게시물 및 기사와 유사한 작업을 수행할 수 있습니다.

사용자를 사이트에 더 오래 머물게 하고 이탈률을 낮추며 보다 개인화된 경험을 제공합니다.

35. 모든 것을 일관성 있게 유지

마지막으로 원하는 것은 방문자가 링크를 클릭한 후 다른 웹사이트로 이동했다고 생각하게 하는 것입니다.

사이트의 위치에 관계없이 탐색 모음이 동일한 위치에 유지되는지 확인합니다. 로고가 지속적으로 표시되고 색 구성표가 일관적인지 확인하십시오. '시그니처' 색상을 사용하고 싶은 마음이 들지만, 브랜드의 주요 색상은 여기저기 사용하는 것보다 한 두 가지만 사용하는 것이 가장 좋습니다.

비즈니스를 나타내는 이미지가 있는 경우 전체에서 일관되게 사용되었는지 확인하세요.

36. 아이 스캐닝을 위한 레이아웃 디자인

우리가 책을 읽는 방식은 웹사이트를 읽는 방식과 다릅니다. 우리는 책을 읽을 때 일반적으로 왼쪽 상단 모서리에서 시작하여 페이지를 아래로 스캔합니다. 우리는 모든 단어를 보고 텍스트의 각 행을 볼 때 봅니다. 그러나 온라인 잡지를 넘기거나 웹페이지를 스크롤할 때 우리의 눈은 이리저리 휙휙 돌아갑니다. 눈에 띄는 것은 무엇이든 스캔합니다.

우리는 대부분 F-패턴으로 웹사이트를 읽지만 큰 그림과 클릭 유도문안이 우리의 관심을 가장 먼저 끄는 것으로 알려져 있습니다.

따라서 웹사이트를 디자인할 때 다음과 같이 자문해 보십시오. 사람들이 가장 먼저 주목하기를 바라는 것은 무엇입니까? 그리고 그들이 두 번째로 주목해야 하는 것은 무엇입니까? 계획이 없으면 방문자가 자신의 판단에 따라 무엇을 보고 싶은지 결정할 것이기 때문입니다.

37. 평가 및 사회적 증거로 신뢰 구축

귀하의 웹사이트를 방문하는 대부분의 방문자는 도착할 때 경계를 늦추지 않습니다. 그들은 본질적으로 새로운 웹사이트를 경계하며 아직 당신에게서 구매할 준비가 되지 않았습니다. 앞서 언급했듯이 이러한 장벽을 줄이고 고객이 웹사이트에서 편안함을 느낄 수 있도록 하는 것은 UX 디자인의 중요한 구성 요소입니다. 몇 가지 잘 배치된 평가와 사실을 사용하면 사람들이 더 편안하게 느낄 것입니다. 우리는 다른 개인(이상적으로는 중요한 이름)이 귀하의 상품이나 서비스를 활용하고 승인하는 것을 보고 싶습니다.

38. Caps Lock 텍스트 제한

사실 그보다 더 중요한 이유가 있습니다. 대문자 텍스트는 소문자 텍스트보다 느리게 읽습니다. 결과적으로 스캐닝과 읽기는 훨씬 더 어렵습니다(이것이 우리가 일반적으로 인터넷을 읽는 방식입니다).

Caps Lock은 진정으로 진술을 해야 할 때만 사용해야 합니다. 화가 나서 소리를 지르고 싶을 때, 또는 뭔가에 흥분하여 강조하고 싶을 때일 수 있습니다. 두 경우 모두 효과적인 의사 소통 능력을 저하시키기 때문에 바보처럼 보이는 것을 피하는 데 도움이 됩니다.

여기서 중요한 점은 대문자를 사용하면 가독성이 향상되지 않지만 읽기 속도가 느려진다는 것입니다. 따라서 Caps Lock을 사용해야 하는 합당한 이유가 없는 한(예: 고함) 성가신 일이므로 완전히 사용하지 마십시오!

39. 방문자와 빠르게 공감할 수 있는 방법 찾기

사용자 경험의 목표는 인간 상호 작용을 시뮬레이션하여 사용자와의 연결을 만드는 것입니다. 방문자의 목표와 꿈은 무엇입니까? 공감은 이것의 큰 구성 요소입니다. 무엇이 그들을 지금까지 지탱해 왔습니까?

그들의 상황을 이해하고 있음을 즉시 알리십시오. 당신은 그들이 관련될 수 있는 그림이나 그들의 주요 관심사를 요약한 문장을 사용함으로써 이것을 할 수 있습니다.

방문자는 "이 웹 사이트는 나를 이해합니다!"라고 생각할 것입니다. 환상적인 사용자 경험입니다.

40. UX/UI 디자인 도구를 사용하여 사용자 경험 테스트

UX/UI 디자인 도구를 사용하려는 데에는 여러 가지 이유가 있으며 이 목록은 주요 이유 중 일부의 스냅샷일 뿐입니다. 웹사이트의 사용자 경험을 개선하거나 소프트웨어 응용 프로그램을 위한 더 나은 사용자 인터페이스를 만드는 방법을 찾고 있든 이 도구는 작업을 완료하는 데 도움이 될 수 있습니다. 따라서 디자이너로 시작하든 이미 경험이 풍부한 전문가이든 상관없이 이러한 도구를 확인하고 작업에 어떤 이점이 있는지 확인하십시오.

VOCSO가 어떻게 도움이 됩니까?

The importance of companies connecting with users through a consistent, intuitive user experience. Every time you interact with an app or website, you're entrusting your personal data to it – and that means these organizations need to be held accountable for the way they collect and use this information. Customers are now aware of what companies are doing in their name, and if companies want to succeed in a competitive industry like digital marketing, they must create experiences that are both seamless and personalized.

As a business owner, you know that good customer experience is key to success. That's why it's so important to find a UX design company that can help you craft an effective user interface for your website or app. Not only will this make your customers happy, but studies have shown that user interfaces with well-designed elements can result in increased revenue and lower costs associated with customer support. If you're looking for a company that can help you create a high-quality user experience, VOCSO is the top name to work with!

We're a leading web design agency that understands your website is not only a representation of your business but also an extension of yourself and your team. We work tirelessly to ensure that every detail on your website is accounted for, from the layout and design to the functionality and SEO. Whether you are starting from scratch or need a refreshment after years of stagnation, our team can help turn your vision into reality. Check out our UX/UI design projects or contact us today to get started!

결론

Overall, following these UX design checklist items will help ensure your next website project is successful. By taking the time to consider each item on the list, you can create a user-friendly website that meets the needs of your target audience. Do you have any other tips for ensuring a successful website project? Share them with us in the comments below!