사용자는 가장 많은 요소, 위치 또는 색상을 기억합니까?


11

몇 가지 버튼이있는 탐색 메뉴가 있습니다. (참고 : 각 버튼에는 나머지 아이콘 과 구별되는 독특한 아이콘 이 있으며, 모형에 추가하지 않았지만 Wins8 아이콘과 유사합니다.)

여기에 이미지 설명을 입력하십시오

일부 사용자가 실수로 허용하지 않는 보내기 대신 서명을 클릭 했다고보고했습니다 . 이제 버튼을 더 차별화하는 방법을 고려하고 있습니다. 한 가지 옵션은 부호를 오른쪽으로 옮기는 것입니다. 다른 하나 (아마도 이동에 추가)는 색상을 변경합니다.

여기에 이미지 설명을 입력하십시오

위치가 충분히 차별화되어 있습니까? 아니면 색상 사용을 고려해야합니까? 이 탐색에 새로운 색상을 추가하면 전체 팔레트 및 모양에 영향을 미치므로 지불해야 할 가격이 있습니다.


2
이 주제를 '외부 주제'라고 부르지는 않지만 UX로 마이그레이션하는 것이 더 합리적 일 수 있습니다.
DA01

@ DA01 네, 고려하고있었습니다. 사물의 색 부분이 궁금 해졌고 마침내 생각했습니다. 둘 다에 속할 수 있습니까? 그래도 마이그레이션하는 것은 괜찮습니다!
Yisela

일부 사용자는 파란색 / 노란색 색맹이 될 것입니다. 이 색상이 서로 다른지 확인하십시오!
keshlam

@keshlam 확실히! 나는 팔레트를 시험해보기 위해 작업 표시 줄에 색맹 응용 프로그램이 있습니다 :)
Yisela

나는 둘 다 말하지 않았다. 냄새가 더 기억에 남습니다 :)
Scott

답변:


5

또한 문자 'S'로 시작하는 네 글자로 된 세 단어로 작업하는 데 도움이되지 않습니다. :)

색상은 무언가가 다르다는 즉각적인 지표입니다. 첫 번째 예에서는 실제로주의를 기울이고 읽는 데 시간이 걸리지 않고 한 눈에 구별하기에는 버튼과 비슷하지 않은 한 해당 버튼이 무엇을하는지 전혀 모릅니다. 우리가 일하는 곳에서 사용하는 패러다임은 우리의 주요 행동을 덜 중요하거나 덜 영구적 인 / 최종 행동과는 별개의 색상으로 만드는 것입니다.

그러나 색상이 반드시 그것을 만들거나 가리킬 필요는 없습니다. 또 다른 유효한 전략은 아이콘을 마지막 버튼뿐만 아니라 모든 버튼과 연결하는 것입니다. 이렇게하면 요소를 쉽게 구별 할 수있는 또 다른 차이점을 만들 수 있습니다.

실제 질문에 관해서는, 위치가 충분히 차별화되면 버튼의 패턴이 두 개의 작은 버튼에 의해 깨져서 버튼의 차이점을 무시하지 않고 실제로보아야하기 때문에 확실히 도움이 될 것이라고 생각합니다. 추가 된 색상은이를 더욱 강조하는 데 도움이되며 가능한 경우 개인적으로 색상을 추가하는 데 도움이되므로 나중에 더 많은 옵션을 추가하고 버튼을 더 자주 놓칠 수있는 경우 나중에 교정 할 수 있습니다. 그러나 색상을 변경하기가 어렵다면 새로운 위치 지정으로 충분할 것입니다.

그러나 내가 생각하는 것은 사용자가 생각하거나 행동하는 것보다 훨씬 덜 관련이 있으며, 리소스가있는 경우 다양한 디자인을 시도하고 사용자가 테스트하여 선호하는 이유와 이유를 확인합니다.


감사! 참고 사항 : 버튼에는 고유 한 아이콘이 있으며 실제 스크린 샷을 공개 할 수 없으며 모형에 추가하지 않았지만 사람들은 혼란 스럽습니다!
Yisela

나는 그들이 사실이 아니었다 고 생각했지만, 아이콘이 있거나없는 경우 유추 할 수는 없었습니다.
Hanna

6

버튼을 구별하는 데 사용할 수있는 것 :

  • 라벨 (분명히)
  • 색깔
  • 크기
  • 주문
  • 위치
  • 근접
  • 모양 / 스타일

의도하지 않은 행동으로 인한 피해는 위의 옵션 중 하나 이상에서 선택하고 싶을 가능성이 높습니다.

이 명령에 대한 사용자 흐름을 모르는 경우 제안이 충분한 지 모르겠지만 지금은 'uh oh'작업을 이동하고 다른 두 가지에서 멀리 이동하여 이전보다 확실히 개선되었습니다.

한 걸음 더 나아가서 신중한 근접성 차별화를 사용합니다. 아마도 다음과 같이 과감한 것입니다.

--------  --------
| SAVE |  | SIGN |                                               DELIVER -->
--------  --------   

나는 여기에 여러 가지 차별화 요소를 사용했습니다 ... 근접성, 스타일 / 버튼 유형 및 '보내기'의 이름을 '배달'로 변경했습니다 (아래 참조).

당신이 가진 것으로 보이는 또 다른 도전은 엄청난 양의 소송입니다. 그것을 극복하기 위해서는 약간의 창의성이 필요할 수 있습니다. 예를 들어, "delete"및 "deliver"레이블이있는 두 개의 단추를 나란히두고 싶지 않을 것입니다.


3

나는 Johannes와 DA01 모두에 동의하며, 그들은 둘 다 포지셔닝, Alliteration 등과 관련하여 내가 원하는 포인트를 올렸습니다.

그러나 내가 추가하고 싶은 것.

서명 저장 및 전송에 대한 아이콘이 이미 있으면 전송 버튼의 위치 만 변경하면 충분합니다. 필요하지 않기 때문에 색상을 변경하지 말 것을 제안하고 사용자에게 약간의 변화가 있습니다. (나를 놓치지 마십시오. 그들이 대처할 수 있다는 것을 알고 있지만 필요하다고 생각하지 않습니다).

사람들이 심볼을 충분히 인식 할 수 있으면 보내기 버튼을 분리하면 충분합니다.

아이콘을 즉시 인식 할 수없는 경우, 즉 저장 아이콘의 기존 플로피 디스크 대신 디스크 또는 USB가있는 경우 제안한대로 색상을 변경하는 것이 좋습니다.

사용자가 행복해지기를 바랍니다.)


1

사용자는 가장 많은 요소, 위치 또는 색상을 기억합니까?

구체적인 제안은하지 않지만 헤드 라인에 대한 짧은 의견은 매우 개성적입니다. 어떤 사람들은 "나는 당신이 무슨 뜻인지 알 것"이라고 말하고 다른 사람들은 "나는 당신을 듣는다"라고 말하거나 비슷한 것을 말할 것입니다. 어떤 사람들은 영상에 맞춰지고 어떤 사람들은 소리에 더 맞춰집니다.

어떤 사람들은 모양에 더 익숙하고 다른 사람들은 색깔에 더 익숙합니다. 당신이 색맹 만족해야하는 것처럼, 당신은 모든 사람들이까지 형태를 참조 고려할 필요 하고 (어떤 사람들은 나무, 동물, 모양에 의해 집 식별 네비게이션의 주요 단서로 -colours 또는 색상을 일부 뜻을 모양이나 색상이 아닌 소리로 운전하는 자동차를 식별하십시오.

이 경우, 물론 둘 사이의 균형입니다 (사용자가 어떤 종류의 사용자가 잘못된 버튼에 실수했는지 알아내는 것이 재미있을 것입니다. 패턴이있을 수 있습니다. 또한 우수한 컴퓨터 기술을 가진 사용자는 오른쪽 버튼을 찾을 위치를 가정 ).

아이콘이있는 실제 버튼을 표시 할 수 없으므로 제안하기가 어렵습니다. 하나의 간단한 방법은 @ DA01이 제안한 것처럼 단순히 거리를 "아웃"까지 더 크게 만드는 것일 수 있습니다. MailApp과 같은 종류 :

여기에 이미지 설명을 입력하십시오

그냥 생각이야


편집하다

재미 하나 개의 실험은, 소수의 사람들을 제시하는 기본 모형 (더 단순한 더 나은 : 도면, 이후의 벽에, 플립 오버 스케치, 화이트 보드 등) 버튼을 배치 하지만, 표시 및 식별되지. 그런 다음 익명 버튼이 어떻게 될지 사람들에게 물어보십시오. 때때로 이것은 유익하고 매우 흥미로운 결과를 가져올 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.