웹 사용성 및 사용자 경험 : 이것이 웹 디자인 점검 목록에 가장 중요한 이유를 알아보십시오

폭로: 귀하의 지원은 사이트 운영을 유지하는 데 도움이됩니다! 이 페이지에서 권장하는 일부 서비스에 대한 추천 수수료가 발생합니다.


오늘날 웹 사이트를 구축하는 사람은 명심해야 할 것이 많습니다. 기능과 아름다움의 균형을 잡고 최신 기술 개발을 유지하면서 상사 나 고객의 요구를 염두에 두는 것은 쉬운 일이 아닙니다.!

유용성이 종종 체크리스트의 마지막 항목이거나 완전히 잊혀진 항목이라는 것은 놀라운 일이 아닙니다. 결국, 제대로 완료되면 전혀 눈에 띄지 않는 것은 그중 하나입니다..

웹 사이트 유용성

그러나 웹 사이트를 디자인하고 코딩 할 때 유용성은 명심해야 할 중요한 요소입니다. 결국, 사용자를 실망시키는 웹 사이트가 얼마나 아름답고 코드화되어 있는지는 중요하지 않습니다.!

다행스럽게도, 이것은 뜨거운 연구 주제이며 사람들이 웹에서 어떻게 행동하는지, 왜 왜 성장하는지에 대한 우리의 이해입니다..

이를 닦으면 업무를 더 잘할 수 있고 장기적으로 많은 시간과 노력을 절약 할 수 있습니다. 이것이 중요한 이유와 게임을 향상시키기위한 충분한 리소스.

유용성?

웹 사이트 유용성은 용어에서 짐작할 수 있듯이 웹 사이트 사용의 용이성을 측정 한 것입니다.

귀하의 웹 사이트가 사용하기 쉽고, 오류가없고, 효율적이고 사용하기에 만족스럽지 않으면 유용성이 뛰어납니다..

하지만 사용자가…

  • 사이트를 탐색하거나 특정 기능을 사용하는 방법을 알아내는 데 어려움이 있습니다.
  • 작업을 수행하려면 여러 번 클릭하거나 농구대를 뛰어 넘어야합니다.
  • 사이트를 방문 할 때마다 사이트 사용 방법을 다시 배워야합니다.
  • 같은 실수를 반복해서한다;
  • 귀하의 웹 사이트에 의해 좌절 또는 바보 같은 느낌

… 사용성이 나쁘다!

보이는 것처럼 단순하고 직관적이지 않습니다. 때때로 웹 디자이너 나 개발자에게 명백하고 무해한 기능은 사용자를 방해하거나 예상치 못한 방식으로 사용자를 행동시킵니다.

“얻지 않는다”고 사용자를 비난하기는 쉽지만 실제로 문제는 종종 웹 사이트의 유용성에 있습니다..

UX 디자인이란??

UX는 “사용자 경험”을 나타냅니다. 유용성과 밀접한 관련이 있지만 같은 것은 아닙니다. 유용성은 웹 사이트에서 쉽게 작업을 수행 할 수있는 사람들과 관련이 있지만 사용자 경험은 웹 사이트에서 수행하고 웹 사이트에서 얻는 것에 대해 기분이 좋은 사람들과 관련이 있습니다..

유용성은 UX 디자인의 중요한 부분입니다. 자세한 내용은 유용성 대 사용자 경험을 참조하십시오.

접근성이란??

유용성의 한 부분은 접근성을 위해 디자인하는 것입니다. 이는 보조 기술에 의존하는 사용자를위한 설계를 의미합니다. 모든 웹 사이트 사용자가 디자이너가 의도 한대로 사이트를 방문하지는 않습니다. 일부 방문객은 맹인 또는 귀머거리입니다. 다른 장치는 포인팅 장치를 사용하는 데 어려움이 있습니다. 유용성을 위해 디자인 할 때는 접근성을 염두에 두어야합니다..

웹 사용성 역사

웹 디자인의 역사는 두 가지 주요시기로 표시됩니다.

첫 번째 기간은 그래픽 웹 브라우저의 출시와 함께 1990 년대 초에 시작되었으며 플래시 기반 웹 사이트 디자인의 인기가 폭발적으로 증가했습니다. 이 첫 번째시기는 웹에서 기술적으로 가능한 것의 경계를 넓히려는 바람에 의해 웹 디자인이 특징이었습니다. 안타깝게도 기술 전문 지식에 초점을 맞추면 웹 사이트 사용자가 웹 사이트를 디자인 한 주요 대상으로 제거되었습니다..

2000 년 무렵 조수가 바뀌기 시작했고 웹 사이트 사용자는 웹 디자인 프로세스의 중심 단계로 되돌아 가기 시작했습니다. 오늘날 사용자 경험 또는 UX는 현대적인 디자인 사고의 핵심이며, 유용성을위한 디자인은 디자인 프로세스의 다른 모든 측면보다 우선합니다..

사용성이 중요한 이유?

오늘날 우리는 빠른 기술과 웹 덕분에 즉각적인 만족을 얻었습니다. 마우스 클릭이나 스마트 폰 탭에서 무엇이든 찾을 수 있습니다. 우리는 웹 사이트가 어떻게 작동하는지 이해하기 위해 인내심을 갖고 시간을내는 데 익숙하지 않습니다. 단지 웹 사이트가 작동하기를 원합니다! 그렇지 않은 경우 다른 웹 사이트로 이동합니다..

웹 사이트에서 가장 아름답게 디자인 된 웹 사이트 또는 가장 깨끗한 코드를 가질 수 있지만 사용자가 웹 사이트에 불만을 느끼면 사용하지 않기 때문에 중요하지 않습니다..

웹 사이트를 사용하기 쉽게 만드는 것이 상식적인 것처럼 보이지만 사용성 원칙은 생각만큼 명확하지 않습니다..

디자이너 또는 코더로서 일반 인터넷 사용자보다 기술에 정통합니다. 웹 탐색시의 동작은 일반 사용자와 다를 수 있습니다. 평범한 사람이 귀하의 사이트에서 어떻게 행동 할 것인지 예상하기가 매우 어려울 수 있습니다.

그리고 사용중인 기기와 같은 요소가 있습니다. 데스크톱, 태블릿 또는 휴대 전화를 통해 탐색하는지 여부에 따라 사용성도 매우 다릅니다. 키보드 및 마우스와 잘 작동하는 것은 스마트 폰에서 매우 실망 스러울 수 있습니다. 아마 당신은 이것을 직접 경험했을 것입니다.

잘 설계된 CMS를 사용하는 경우 기본 제공 CMS이므로 사용성에 대해 걱정할 필요가 없습니다. 그러나 그것은 사실이 아닙니다. 여전히 명심해야합니다. 워드 프레스는 SEO에 적합하기 때문에 검색 엔진에서 순위를 높이기 위해 아무 것도 할 필요가 없다고 생각하는 것과 같습니다. 기초가 있지만 여전히 원리를 이해하고 노력해야합니다..

그렇기 때문에 사용의 기본 사항을 배우고 웹 사이트에 적용하여 사용자가 행복하게 지내는 방법을 배우는 것이 중요합니다. 방법은 다음과 같습니다!

사용자 인터페이스를 사용 가능하게 만드는 프로세스

유용성이 측정되는 표준을 정의하기 위해 설계자가 다양한 지침을 작성했습니다. 예를 들어, 사이트의 기본 기능은 디자인에 의해 암시되어야하며 사이트를 설명하기 위해 텍스트에 의존해서는 안됩니다. 묵시적인 기능을 테스트하기 위해 일부 디자이너는 텍스트를 읽을 수 없도록 만든 다음 (예 : “Pharetra cras odio tortor …”) 사용자에게 완료 할 특정 작업을 제공합니다..

웹 및 스마트 폰 응용 프로그램 디자인에 적용되는 또 다른 표준은 “2 탭”입니다. Yahoo!의 CEO 인 Marissa Mayer가 설립했습니다. 매우 간단합니다 :

앱에 들어간 후 두 번 탭하여 원하는 작업을 수행 할 수 있습니까? 아니면 앱을 다시 디자인 할 시간입니다..

“2 탭 규칙”은 태블릿 및 전화 시스템 용어를 기반으로합니다. 그러나 목표는보다 일반적입니다. 디지털 제품을 사용하기 쉽고 효율적으로 만드는 것입니다. 적용되는 특정 지침에 관계없이 사용 편의성을위한 디자인은 웹 사이트 디자인에 대한 사용자 중심 접근 방식을 취하는 것을 의미합니다..

사용자 경험 리서치 회사 인 MeasurementU에 따르면 사용자 중심 설계 프로세스를 추진하는 세 가지 주요 원칙이 있습니다.

  • 디자인 프로세스 초기에 사용자와 작업에 집중. 사용자는 프로세스 초기에 설계 팀에 직접 피드백을 제공해야합니다..
  • 반복적 인 방식으로 디자인. 훌륭한 디자이너는 처음으로 디자인을 완성하는 데 돈을 들이지 않습니다. 설계 과정에서 몇 차례 드로잉 보드로 돌아가서 사용자 피드백에 따라 크게 변경할 계획입니다..
  • 경험적 측정에 대한 기본 설계 선택. 비공식적 인 사용자 피드백을 바탕으로 디자인 결정을 내리지 마십시오. 유용성을 측정하고 정보가 설계 결정에 영향을 미치도록 특정 메트릭을 개발.

웹 사이트 유용성 학습을위한 리소스 & UX 디자인

유용성 및 사용자 경험에 대한 많은 리소스가 있습니다. 우리는 최고를 모았습니다.

조항

이 기사는 웹 사이트를 쉽고 재미있게 사용하기위한 기본 사항을 배우려는 초보자에게 적합합니다.

  • 유용성 101 : 유용성 소개 : 유명한 유용성 전문가 인 Jakob Nielsen의 유용성 기본에 대한 초보자 안내서.
  • 뭐 & 사용 편의성 : 미국 보건 복지부 (Department of Health and Human Services)는 기본 사항에 대한 많은 기사와 함께이 웹 사이트를 유용성에 대해 관리합니다. 사용자 경험 기본 사항과 사용자 중심 디자인의 이점을 읽으십시오. 용어집도 매우 유용합니다.
  • 뛰어난 웹 디자인, 사용성 및 사용자 경험을위한 8 가지 지침 : 웹 디자인에 기본 사용성 표준을 적용하는 방법에 대한 간단한 초보자 안내서.
  • 웹 디자인의 9 가지 일반적인 유용성 실수 :이 Smashing Magazine 기사는 2009 년에 출판되었지만 이러한 모든 실수는 여전히 웹에서 흔히 발생합니다..
  • 유용성, 경험 및 콘텐츠가 검색 엔진 순위에 미치는 영향 : 이것은 Moz의 우수한 초보자 용 SEO 가이드의 6 장입니다..
  • 웹 사이트 양식 유용성 : 추천 10 가지 : 방문자들이 실제로 사용할 웹 사이트 양식을 디자인하는 방법을 보여줍니다.
  • 6 WordPress 웹 디자인 프로젝트의 사용성 테스트 기본 사항 : 아무도 사용할 수 없다면 멋진 WordPress 테마는 좋지 않습니다. WordPress 디자인을 시작하기 전에 이러한 기본 사항을 마무리하십시오..

서적

전문 웹 디자이너와 개발자를 위해이 책은 웹에서 유용성의 원칙과 실제 적용에 대해 자세히 다룹니다..

  • Jakob Nielsen의 Designing Web Usability (1999)는이 문제에 대한 세계 최고의 권위자로부터의 사용성에 대한 결정적인 가이드였습니다. 그가 이것을 쓴 이후로 많은 변화가 있었지만, 당신이 쌓을 지식은 여전히 ​​필요합니다. 유용성을 진지하게 생각하는 사람의 라이브러리에 있어야합니다..
  • Loranger와 Nielsen의 웹 유용성 우선 순위 지정 (2006) :이 책은 Nielsen Norman Group이 수행 한 수십 년의 웹 유용성 연구를 사용하여 더 나은 웹 사이트를 만들기위한 가장 중요하고 지속적인 지침을 식별합니다..
  • 사용자 경험의 요소 : Jesse James Garrett의 웹을위한 사용자 중심 디자인 (2010) :이 책은 웹 디자이너가 디자인에 대해보다 전략적으로 생각하고 선택 사항을 상사와 고객에게 설명 할 수 있도록 도와줍니다. 웹 유용성에 대한 훌륭한 소개.
  • Susan Weinschenk의 모든 디자이너가 사람들에 대해 알아야 할 100 가지 사항 (2011) : 심리학 박사 학위를 가진 행동 과학자가 작성한이 책은 커뮤니케이션 및 온라인 상호 작용 디자인에 심리학을 적용합니다. 유용성을 염려하는 웹 디자이너를위한 필수 자료.
  • Nielsen과 Budiu의 Mobile Usability (2012) :이 책은 모바일 장치에서 훌륭한 사용자 경험을 만드는 기본 사항을 다룹니다. 예제는 약간 오래되었지만 원칙은 동일하게 유지됩니다..
  • Don Norman의 ‘일상 사물의 디자인 : 개정판 (2013)’: 웹 사이트 사용성에 관한 내용은 아니지만이 책은 심리학과 일상 생활과 관련된 사용성 원칙에 대한 매혹적인 개요입니다..
  • Steve Krug의 웹 유용성에 대한 상식적인 접근 방식 (2014) : 웹 디자인에 대한 사용자 중심 접근 방식에 대한 기본 원칙과 실용적인 팁으로 가득 찬이 책은 다음에서 가장 인기있는 책 중 하나입니다. 웹 유용성의 주제.

블로그

유용성은 연구의 주요 주제이므로 최신 개발을 따라가는 것이 중요합니다.

  • Nielsen Norman Group : 업계 최고의 유용성 블로그 인 Nielsen Norman Group은 초보자부터 전문가까지 모든 기술 수준에 대한 독창적 인 연구를 포함하여 유용성과 관련된 모든 것을 다룹니다..
  • UsabilityGeek :이 블로그는 사용자 경험, 변환 최적화, 컴퓨터 간 상호 작용 및 정보 아키텍처를 포함한 광범위한 사용성 관련 주제를 다룹니다. 가장 많이 사용되는 게시물에는 사용 성과 사용자 경험의 차이 (및 관계), 요구 사항 수집 :보다 나은 사용자 경험을위한 단계별 접근 방식 및 웹 사이트 링크 디자인을위한 15 가지 사용 지침이 포함됩니다..
  • Smashing Magazine의 UX 디자인 : 웹 디자인에 관한 업계 최고의 블로그에는 UX 디자인에 관한 섹션이 있습니다. 치매 친화적 인 웹 사이트 디자인, 더 나은 인터페이스 디자인 : 로그인, 메뉴, 토글 및 기타 멋진 모듈에 대한 가이드를 확인하고 실시간 기능으로 사용자 경험 향상.
  • UX Magazine : UX 전문가를위한 작업 및 이벤트뿐만 아니라 심층적 인 기사가 포함되어 있습니다. Young UX Designer에 대한 참고 사항을 확인하십시오. 양식이 실패하도록 설계 되었습니까? 좋은 콘텐츠의 사용자 경험.

포럼

문제가 발생하여 도움을 요청해야하는 경우이 포럼과 Q를 확인하십시오.&전문가 조언을위한 사이트.

  • 사용자 경험 스택 교환 : UX의 모든 측면에 대한 질문과 답변 및 스택 교환의 유용성.
  • UX Mastery Community : UX와 유용성에 관한 모든 것을 토론 할 수있는 친근하고 친근한 포럼.
  • Slack의 UX 디자인 커뮤니티 : 현재 또는 미래의 UX 디자이너와 연구원을위한 Slack 커뮤니티.

웹 사이트 유용성을위한 도구 & 사용자 경험 디자인

자동 웹 사이트 유용성 테스트는 일반적으로 하나 이상의 특수 도구를 사용하여 수행됩니다. 이러한 도구는 일반적으로 설문 조사와 유사합니다. 사용자에게는 웹 사이트의 그래픽 또는 UI 모형이 제공되며 UI에 대한 특정 대상 질문에 답변해야합니다..

사용자 의견은 통계적으로 수집 및 처리되어 질문에 대한 정확한 결과를 제공합니다..

웹 사이트 유용성 도구는 다른 테스트 기반 접근 방식을 사용하며, 일부 도구는 소셜 미디어에 게시하기 위해 통합 지원을 사용하여 자체 테스터를 모집해야하며, 다른 도구에는 이미 웹 사이트를 체크 아웃하고 피드백을 제공하는 테스터 네트워크가 이미 있습니다..

많은 도구가 시간 제한적 무료 평가판으로 기본 기능을 제공하는 반면, 최고 기능은 유료 구독으로 만 제공됩니다..

사용 가능한 몇 가지 유용성 및 UX 테스트 도구를 살펴 보겠습니다.

  • Helio는 사용자와 함께 디자인 스크린 샷을 쉽게 테스트 할 수 있도록 설계되었습니다. Helio는 작업을 확인할 준비가 된 10 만 명의 글로벌 테스터를 제공하며, 대상 사용자에 맞게 테스터의 인구 통계를 선택할 수도 있습니다. 이 도구를 사용하면 몇 시간 안에 테스트 결과를 얻을 수있어 워크 플로우 속도가 빨라집니다. Helio는 훌륭한 보고서 모음을 제공하므로 테스트 데이터를 유연하고 쉽게 제시 할 수 있습니다..
  • UsabilityHub는 다양한 웹 사이트 사용성 테스트를 제공합니다. 일부 서비스는 무료이지만 무료 버전을 사용하는 경우 자신의 테스터를 찾아야합니다. 유료 회원은 테스터를 제공합니다.
  • CanvasFlip은 기본 무료 플랜과 고급 유료 플랜도 제공합니다. 자신의 테스터로 디자인을 업로드하고 테스트 할 수 있습니다. 히트 맵 사용자 비디오도 지원됩니다.
  • 스 와이프 추적 및 클릭 히트 맵을 지원하여 모바일 장치에 완벽하게 맞춤화 된 것 같습니다. 자신의 테스터를 사용하거나 프로젝트를 검토 할 테스터의 인구 통계를 선택할 수있는 TestLab 테스트 패널을 사용할 수 있습니다.
  • OptimalSort :이 카드 분류 소프트웨어를 사용하여 컨텐츠를 구성하고 제시하는 가장 좋은 방법을 배우십시오.
  • 유용성 허브 : 실제 사용자가 웹 사이트를 사용하는 방법을 찾기위한 다양한 원격 사용자 테스트 도구.
  • 주목할만한 사항 : 디자인 프로세스 중 피드백을 받아 디자인이 처음부터 사용자 중심인지 확인.

결론 : 사용성을 우선 순위로 만들기!

웹 디자인 및 개발의 모든 최신 기술과 트렌드를 유지하는 것은 쉬운 일이 아니지만 사용 편의성이 목록의 맨 위에 있어야합니다. 최상의 결과는 나중에 생각하지 않고 사용자를 염두에두고 디자인과 코딩에 접근 할 때 나타납니다. 사용성에 대해 배우는 데 시간과 노력을 투자하면 작업의 품질이 향상 될 것입니다..

더 흥미로운 것들

코딩 및 웹 사이트 개발과 관련된 추가 가이드, 자습서 및 인포 그래픽이 있습니다.

  • CSS3 — 소개, 안내서 & 자료 : 웹 페이지 레이아웃을 배우기 시작하기에 좋은 곳입니다.
  • JavaScript : 대화 형 웹 페이지를 만드는 방법을 배우기 시작하는 곳입니다!

초보자를위한 HTML

HTML을 배우고 싶다면 책 길이의 기사 인 초보자를위한 HTML을 만들었습니다. 처음부터 숙달까지 당신을 데려 갈 것입니다.

초보자를위한 HTML-Ultimate Guide
초보자를위한 HTML

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