블루닷을 업데이트 하면서, 그리고 개별 파트너 사이트의 테마를 설계하면서 늘 UX에 많은 주의를 기울입니다. 하지만 긴급하다 보면 실수도 저지르게 됩니다. 바로 사용자들의 경험을 해치는 UI나 기능을 포함시키거나 방치하는 것들이죠. 유의하지 않으면 모르는 사이에 이러한 요소들이 플랫폼 곳곳에 끼어들게 됩니다.

굳이 이글을 번역해서 소개하는 건 다짐을 위해서입니다. 블루닷에, 그리고 블루닷이 부착되는 여러 테마에 20가지에 달하는 공통된 나쁜 UX 요소를 밀어넣지 않기 위해 조심하겠습니다.  만약 이러한 요소가 발견이 된다면 언제든 이 아래에 댓글을 달아주세요. 부탁드립니다.  

Bad Bad Bad UX: 20 Common Mistakes in User Experience
20 Great Examples of How You Can Ruin User Experience

#1 : 오디오/비디오 자동 재생

말할 필요도 없이, 웹사이트 사용자를 엄습하는 가장 귀찮은 작업 중 하나는 웹 페이지를 열 때 즉각적으로 오디오가 재생되는 것입니다. 간단히 말해서, 웹사이트 방문자가 서둘러 볼륨을 줄이도록 하는 대신 디폴트 음소거 옵션을 제공하면 됩니다.

#2 : 속보의 오용

COVID-19가 당신을 기분 안 좋게 하고 있나요? 저희 가구가 해결해 드립니다. 스시 배달이 해결해 드립니다. 우리의 전화가 그것을 고칠 것입니다. 관리자가 텍스트 콘텐츠에 약간의 관련성을 추가하기로 결정한 거의 모든 웹 사이트에서 이와 유사하지만 문자 그대로가 덜한 문구를 찾을 수 있습니다. 그러지 마세요. 전세계의 문제거리들이 연결되어 있는 것이 아니라면 그걸 비즈니스의 틈새 시장에 끌어들여서는 안 됩니다. 웹사이트에서 뉴스 콘텐츠를 잘 사용한 좋은 예가 있습니다.

#3 : 구조화되지 않은 웹 양식

아래 양식은 매우 간단합니다. 누군가를 혼동시키지 않을 수 있지만(이러한 경우도 발생하지만) 그러한 형태로 웹사이트를 방문한 후의 "뒷맛"은 유쾌하지 않을 것입니다. 몇 분 정도 시간을 더 투자해서 양식을 개인화하세요. 개인화가 핵심입니다. 알렉스 바나가가 디자인한 사례입니다.

#4 : 긴 드롭다운

스크롤해야 할 때 드롭다운 메뉴에서 필요한 항목으로 이동하려고 시도한 적이 있습니까? 이것은 특히 모바일 사용자에게 쉬운 일이 아닙니다. 그들의 삶을 복잡하게 만들지 마세요. 이것은 쉬운 일이 아닙니다. 알라! 긴 드롭다운은 UX를 망치는 가장 짧은 방안일 수 있습니다.

#5 : 3회 클릭 규칙 위반

사용자가 원하는 작업을 완료하기 위해 웹사이트에서 몇 번이나 클릭해야 하는지 확인했나요? 기본 작업의 경우 이 숫자가 3을 초과하면 UX의 무언가는 확실히 잘못된 것입니다.

#6 : 옵션이 많은 체크리스트

체크리스트는 원래 사용자가 '2지 선다' 예 또는 아니오 대답을 할 수 있도록 만들어졌다는 것을 알고 계셨나요? 이것은 전적으로 사실이 아니긴 합니다. 물론 더 많은 옵션이 있을 수 있지만 남용해서는 안됩니다. 너무 긴 체크리스트를 사용하지 마세요.

#7 : 다양한 툴팁

툴팁이 인터페이스의 중요한 부분을 어수선하게 만들어버린 적이 있나요? 우리들 각자도 비슷한 상황에 직면한 적이 있을 겁니다. 실제로 인터페이스에 이렇게 자세한 설명이 필요한 경우 인터페이스가 좋지 않다면, 더 직관적으로 만들어야 하지 않을까요?

#8 : 낮은 발견가능성

여러분들의 사용자가 건초 더미에서 바늘을 찾을 필요가 없다고 정말 확신하신 하나요? 우리는 육안으로 볼 수 있어야 하는 기능에 대해 이야기하고 있습니다. 기능의 우선순위를 결정한 다음에, 덜 중요한 인터페이스 요소를 완성해 가세요.  사용자의 요구를 분석하세요.

#9 : 성가신 색 구성표

색상이 그렇게 중요하지 않다면 Pantone Color Institute는 없었을 것입니다. 실제로 사람들은 색상에 많은 관심을 기울이며 이 규칙은 웹사이트 색상 구성표에도 적용됩니다. 따라서 더 밝은 것을 선택하는 대신 인간의 지각에 가장 유익한 영향을 미치는 음영에 관심을 가지세요.

#10 : 복잡한 암호 요구 사항

여러분들 웹사이트는 비밀용 펜타곤 데이터를 공유합니까? 아니면 사후 음모 이론? 그렇지 않다면, 기억력이 뛰어난 사람만 리소스에 액세스할 수 있도록 하는 이유는 무엇인가요? 분명히 그들만큼은 높은 수준의 암호요구 조건으로 인해 웹 사이트에서 자신의 계정에 액세스할 수 있습니다. 안전성과 사용성 사이의 균형 유지하세요.

#11 : CAPCHA 남용

보통은 로봇이 할 일이 없기 때문에 우리는 계정을 입력하는 과정에 CAPCHA가 필요한 이유를 이해하기 어려웠습니다. 사용자가 UX를 사랑하게 하려면 웹 페이지를 로드하려고 할 때 바퀴에 모래를 넣지 마세요. 사용자는 사진 안의 모든 신호등을 검색하기 위해 태어난 게 아닙니다.

#12 : 데모 콘텐츠의 잘못된 사용

웹사이트에서 유료로 추가 콘텐츠를 홍보해야 하는 경우 모든 웹 페이지에 데모 콘텐츠 다운로드 제안을 포함할 필요가 없습니다. 이것은 팝업을 닫기 위해 지속적으로 'X'를 클릭해야 하므로 방문자를 빠르게 귀찮게 할 것입니다. 강요하지 말고 그냥 사랑하세요.

#13 : 직관성의 부족

매우 자주, 웹마스터의 창의적인 사고가 온전함(sanity)보다 우선합니다. 결과적으로 그들은 아래 예와 같은 솔루션을 만듭니다. 무엇을 클릭할 것인가, 어디를 클릭할 것인가? 다른 웹사이트로 이동할게요. 창의성을 죽여야 한다고 말하는 것이 아닙니다. 사용자가 패턴을 좋아한다는 것을 친절하게 상기시키려는 것입니다.

#14 : 전문 용어 사용

유행을 시키기 위해 유행어를 사용할 필요는 없습니다. 결국, 웹사이트의 다음 방문자가 누구인지 어떻게 알 수 있을까요? 아마도 그들은 당신의 핵심 타겟 사용자와 거리가 먼 사람일 것입니다. 잊지 마세요. 명확하게 말하세요.

#15 : 빈 공간

내용이 너무 적나요? 자, 인터넷이 꺼져 있을 때에도 Google이 사용자를 사로잡을 무언가를 찾는다면(우리 모두는 픽셀 Tirex로 플레이했습니다), 그러한 웹페이지의 빈 공간을 채울 수 있는 충분한 상상력도 있어야 합니다. 아래는 빈공간을 잘 활용한 사례입니다.

#16 : 승인(Authorization) 문제

웹사이트에서의 승인은 전환율을 높이는 이유입니다. 그렇다면 왜 이 절차를 복잡하게 만들까요? 복잡하지 않은지 확인하기 위해 최소한 몇 사람과 로그인 양식을 테스트하도록 제안하십시오.

#17 : 글의 남용

좋은 카피라이터를 찾는 것은 쉬운 일이 아닙니다. 그러나 사용자가 원하는 만큼 자주 웹사이트를 방문하지 않는 이유를 나중에 분석하는 건 더 어렵습니다. 간결하고 요점까지 쓸 수 있는 사람을 찾으세요. 그러면 실수하지 않을 것입니다. 전문가에게 텍스트 작업을 맡기세요.

#18 : 불필요한 메시지

상사에게 회사를 그만두고 싶다는 문자를 보내고, 다시 마음을 바꿔, 급하게 메시지를 삭제하고, 그러다 쓰고 싶은 내용을 설명하는 것보다 더 나쁜 것은 없을 겁니다. 우리는 아래의 예에 대해 지금 이야기하고 있습니다. 많은 웹 솔루션들이 아직은 이 접근 방식에 미치지 못하고 있습니다.

#19 : 할 작업에 대한 추천 부족

사용자는 다음에 수행할 작업과 수행 방법에 대한 명확한 지침이 필요한 어린이임을 감안하세요. 여러분들의 사이트를 어떻게 사용해야 하는지 설명하려고 노력하세요.

#20 : 불러오기 지연

사용자를 기다리게 하지 마세요. 몇 년 전만 해도 허용되는 다운로드 속도는 3초였습니다. 오늘날 이 숫자는 훨씬 작아졌습니다.