유명한 디자인 결함에서 얻은 4가지 교훈

디자이너로서 우리는 1초 만에 화려한 디자인을 지적하고 0.5초 만에 형편없는 디자인을 지적할 수 있습니다. 사실, 나쁜 디자인은 너무 눈에 띄어서 전체 하위 레딧이 전용입니다. 우리는 시각적으로도 매력적이며 직관적인 솔루션을 통해 생각하도록 훈련받았기 때문에 개선할 여지가 있는 것을 보면 눈에 띄게 됩니다.

깨진 버튼에서 결함이 있는 양식, 성가신 탐색 패턴에 이르기까지 잘못된 디자인은 우리 주변에 있습니다. 때로는 재미있을 수도 있지만 매우 심각할 수도 있습니다.

하지만 무엇을 하든 디자인 실수로부터 배울 수 있는 것이 있기 때문에 앞으로 반복하지 않도록 해야 합니다. 따라서 교훈을 얻을 수 있는 몇 가지 유명한 디자인 결함에 대해 알아보자!

“훌륭한 디자인의 재미있는 점은 디자인이 아닌 다른 세계에서는 눈에 띄지 않는다는 것입니다. "

강의 1: 사용자 테스트는 탁월한 경험을 만드는 열쇠입니다.

고전적인 디자인의 "결함"은 노먼 도어로 알려져 있습니다. 이에 대해 들어 본 적이 없다면 스스로에게 물어보십시오. 푸시 도어를 당기거나 당겨 도어를 밀려고 시도한 적이 있습니까? 축하합니다. Norman 문을 만났습니다!

이러한 성가신 문의 문제는 디자인이 직관을 잘못 이끌고 있다는 것입니다. 문을 여는 방법을 전혀 모르거나 문을 열어야 한다고 생각하는 경우 실제로는 그 반대여야 합니다.

Norman 문은 마주하기가 매우 혼란스럽고 창피할 뿐만 아니라(첫 시도에서 제대로 이해하지 못합니다!), 너무 일반적이어서 널리 알려진 현상이 되었습니다. 그렇게 하면 더 나은 솔루션과 디자인이 나올 것이라고 생각할 수 있지만 거의 모든 사람이 어느 시점에서 겪었다고 말하는 문제가 계속됩니다.

데이터가 많은 UX 디자인을 전략적으로 계획하는 방법

빅 데이터가 급증하고 있습니다. 그러나 복잡한 데이터 요구 사항을 간단하고 깨끗하며 유용한 사용자 인터페이스와 조화시키는 것은 오늘날 모든 UX 디자이너에게 테스트입니다. 종종 디자인(메시지 전달 도구)은 ...

테이크아웃:

여기서 배울 교훈은 사용자 경험과 사용자 테스트가 매우 중요하다는 것입니다! 당신이 디자인하는 사람들이 당신의 디자인을 사용하거나 탐색하는 방법을 이해하지 못한다면 요점은 무엇입니까?

특히 웹 디자인에서 웹 UI는 매우 중요합니다. 아름답게 디자인되었다고 해서 누구나 사이트에서 필요한 정보를 찾을 수 있는 위치를 알 수 있는 것은 아니므로 다음에 수행할 작업을 알 수 있는 방식으로 디자인해야 합니다.

"작업 확인"에 대한 솔루션은 생각보다 간단합니다. 사용성 테스트를 수행하여 대상 청중의 누군가로부터 피드백을 얻습니다. 너무 많은 정보를 요구하지 마십시오. 그들이 귀하의 사이트를 어떻게 사용하기를 기대하는지 더 잘 이해하기 위해 그들이 귀하의 사이트를 어떻게 탐색하는지 지켜보십시오. 그들이 질문하게 하고 스스로 질문하게 하십시오!

강의 2: 인적 오류로부터 보호

아무리 디자인이 잘 되어도 결국 사람은 실수를 합니다. 우리는 잘못된 것을 선택하고 잘못된 키를 클릭하고 잘못된 버튼을 누릅니다. 그러면 질문은 다음과 같습니다. 디자인이 인간의 실수를 극복하는 데 도움이 될 수 있습니까? 2018년 초에 보낸 하와이 미사일 경보가 그 한 예입니다. 경고는 잘못된 버튼을 눌러 트리거되어 많은 디자이너가 더 나은 디자인으로 이를 방지할 수 있었는지 의문을 제기했습니다.

버튼을 누르는 사람들을 위해 일하지 않는 한 정확한 프로세스가 어떻게 작동하는지 확실하지 않습니다. 그러나 사람들은 몇 가지 중요한 질문을 하기 시작했고 설계가 인적 오류에 대한 보호 장치를 만드는 데 도움이 될 수 있는 방법을 브레인스토밍했습니다. 예를 들어, "이것은 드릴입니다"와 "이것은 실제입니다" 버튼이 조금 더 독특하거나 동일한 메뉴에서 사용할 수 없다면 전체 상황을 방지할 수 있습니다.

이 사건은 인간의 실수를 방지하기 위한 설계가 얼마나 중요한지 세계에 큰 충격을 주었습니다. 온라인 구매와 같은 작은 일에도 작은 인적 오류가 지불 및 비즈니스에 큰 문제를 일으킬 수 있습니다. 좋은 방어가 최고의 공격이라는 말이 있듯이.

테이크아웃:

“무엇을 설계하든지 기억하십시오. "기술은 사용자만큼 똑똑합니다." "

중요한 변경 사항에 대해 확인 팝업을 실행하는 것이 좋지 않은 경우는 언제입니까? 데이터베이스 "삭제" 버튼에 "확실합니까?" 스크린, 그럼 어떻게 일의 불확실성을 안고 살았는지 모르겠다.

코딩의 기초에서도 인적 오류를 가능한 한 사전에 최소화하는 방법을 배우기 시작합니다. 그렇기 때문에 적절한 권한 설정, 백업 또는 데이터 유형 설정과 같은 간단한 예방 조치라도 가장 중요합니다!

사람의 실수로부터 보호하는 것도 사이트 사용자에게 매우 중요합니다. 다음을 고려하십시오. 사용자가 서비스를 위해 작성하는 긴 양식이 있을 수 있습니다. 제출을 누른 후 표시되는 불완전한 오류가 있습니까? "당신은 정말로 떠나고 싶습니까?"가 있습니까? 구매 중간에 실수로 닫히면 경고? 이는 고객이 최상의 경험을 할 수 있도록 돕고 미래에 발생할 수 있는 문제를 해결하는 데 도움이 되는 간단한 작업입니다.

수업 3: 타이포그래피는 나중에 생각해서는 안 됩니다.

"Best Picture"를 잘못 수상한 2017년 오스카를 기억하십니까? 약간의 계층 구조로 피할 수 있었던 간단한 실수에 대해 이야기하십시오!

타이포그래피의 심리학

색상과 함께 웹사이트에서 타이포그래피를 사용하는 방식은 사이트의 성공 또는 실패를 결정할 수 있는 핵심 요소입니다. 서면 단어는 수세기 동안 수단으로 사용되었습니다 ...

잘못된 발표에 들어간 몇 가지 요소가 있지만 약간의 명확성을 만드는 데 확실히 도움이 될 수 있었던 한 가지 변경 사항은 카드 자체의 타이포그래피를 더 잘 사용했다는 것입니다. 정보가 많지 않더라도 사용자가 빠르게 이해할 수 있는 방식으로 표시해야 합니다. 타이포그래피가 계층 구조를 명확하게 만들 만큼 강력하지 않은 경우 사용자는 정보의 순서를 추측해야 합니다. 그리고 그들이 잘못 추측하면 실수가 발생하고 상은 잘못된 영화에 귀속됩니다.

테이크아웃:

“많은 디자인 결함 뒤에 숨은 단순한 진실은 타이포그래피와 계층 구조가 중요하다는 것입니다! "

필요한 정보를 구성하고 기본 설계 원칙을 사용하는 것은 항상 모든 프로젝트의 훌륭한 시작입니다. 요점을 파악하고 전달하고 싶은 주요 요점이나 클릭 유도문안을 생각해 보세요. 나머지 정보 중에서 어떻게 눈에 띄게 만들 수 있습니까? 누군가가 페이지를 대충 훑어본다면 그가 무엇을 알아야 하고 무엇을 해야 하는지 정확히 이해할까요?

비슷한 방식으로, 아무도 필요한 정보를 검색하고 검색하기 위해 귀하의 웹사이트를 방문하기를 원하지 않습니다. 때때로 이 혼란에 대한 가장 쉬운 해결책은 단순하고 깔끔한 디자인입니다. 그렇게 하면 중복되거나 숨겨진 정보를 피할 수 있고 모든 사람이 필요한 정보를 찾을 수 있습니다!

레슨 4: 최신 디자인 트렌드를 알고 있어도 사용자는 모를 수 있습니다.

새로운 디자인 트렌드가 나타날 때마다 직접 시도해 보는 것은 신나는 일입니다. 예를 들어 고스트 버튼을 사용하십시오. (아니요, 저는 유령 모양의 버튼에 대해 말하는 것이 아닙니다.) 고스트 버튼은 일반적으로 비슷한 색상의(투명하지 않은 경우) 배경으로 가볍게 윤곽을 잡고 있으며 너무 많은 관심을 끌지 않으면서 매끄럽게 페이지에 배치됩니다.

이 작은 버튼은 매력적인 디자인으로 상당한 화제를 불러 일으켰지만 제대로 실행하지 않으면 오해의 소지가 있습니다. 때로는 사용자가 클릭할 수 있는 대화형 요소가 아니라 페이지의 또 다른 디자인 요소처럼 보일 수 있습니다.

테이크아웃:

디자인과 관련하여 가장 최신의 최신 트렌드를 유지하는 것은 당신이 알고 있는 것처럼 보이게 만듭니다. 하지만 멋진 아이들이 하고 있다고 해서 반드시 사이트 디자인에 적합한 것은 아닙니다. 그리고 우리 모두는 성능을 발휘하지 않는 멋진 디자인 대신 변환되는 기본 디자인을 갖는 것이 더 낫다는 것을 알고 있습니다.

이것의 큰 부분은 버튼이 눈에 띄도록 하는 것입니다. 다른 직사각형 모양으로 가득 찬 페이지에 있는 버튼에 직사각형 헤어라인이 있는 경우 생각보다 눈에 띄지 않을 수 있습니다.

또 다른 팁은 명확한 클릭 유도문안을 갖는 것입니다. 버튼에 "NICE"와 같은 문구만 있으면 클릭 가능한 버튼이라는 명확한 표시가 아닐 수 있습니다. 제목이나 장식 요소처럼 보일 수 있습니다. "자세히 알아보기" 또는 "지금 신청하기"와 같은 동사와 함께 copy를 사용하는 것이 더 명확합니다.

수업 요약

디자인 결함은 쉽게 알아차릴 수 있지만 디자이너에게는 항상 최고의 의도가 있다는 것을 알고 있습니다. 정보를 유지하고 서로에게서 배우는 것이 중요합니다. 디자인에서 배우는 가장 쉬운 방법 중 하나는 디자이너를 돕는 것입니다. 두 번째 눈은 결코 상처를 주지 않습니다!

자신의 디자인 작업을 비판적으로 볼 때 사용자의 마음에서 생각하려고 합니다. 이것이 직관적입니까? 간단하면서도 유익한 정보입니까? 이 작품을 봐달라고 부탁할 수 있는 사람이 있나요? 자신의 디자인을 비판적으로 보는 것은 때때로 어려울 수 있지만 작업을 더 훌륭하게 만들기 위해 취하는 쉬운 단계입니다.

이러한 디자인 결함에서 무엇을 제거했습니까? 힘들게 배운 교훈이 있나요? 의견에서 우리와 경험을 공유하십시오!

무료 다운로드: "디자인 문제" 바탕 화면 배경

모든 면에서 우리는 "디자인이 중요하다"는 것을 이해합니다. 그 정신에서 우리는 그 메시지를 공유하는 무료 바탕 화면 배경을 만들었습니다! 레이아웃을 구독할 때 다운로드하세요.