디자인할 때 선택을 제한하는 방법은 무엇입니까?

→ 어떤 옵션이 사용자를 기쁘게 할까요?

이것은 내가 직장에서 스스로에게 자주 묻는 질문입니다. 내가 유일한 사람이 아니길 바랍니다!

디자이너와 엔지니어는 새로운 UI를 디자인하고 구현하는 초기 단계에서 세부 사항과 사소한 결정에 더 많은 시간을 낭비하지만 UI 디자인은 반복적인 프로세스임을 인식해야 합니다. 실제로 모든 작업의 ​​초기 단계에서 사소한 세부 사항에 집착하지 않는 것이 좋습니다. 1px를 추가하거나 줄여서 글꼴 크기를 변경하는 데 몇 시간 또는 며칠을 소비했는지 듣고 싶지 않을 것입니다.



→ 사용자가 이러한 변화를 알아차릴 것이라고 생각하십니까?

→ 1px를 추가하면 회사에 더 많은 수익이 추가될 것이라고 생각하십니까?

초기 단계에서 이러한 변경 사항에 시간을 낭비하지 마십시오.

발신자 Speed Dating Decision Making – Why Less Is More:

그러나 새로운 연구는 다른 데이트 문제를 지적합니다. 많은 선택에 직면하면 좋은 결정을 내리는 것이 더 어려워질 수 있습니다. 사실, 처음부터 결정을 내리는 것을 방해할 수도 있습니다.

제약 없이 디자인할 때는 프로세스가 매우 느려지고 결국에는 선택의 여지가 없습니다. 이 예를 들어 설명하겠습니다.



위의 이미지에서 볼 수 있듯이 첫 번째 시나리오는 아내를 위해 꽃을 선택하고 싶지만 색상이 다른 꽃을 보고 거의 비슷한 결정을 내리는 구매자를 위한 것입니다. 두 번째 시나리오는 배경색의 차이를 거의 볼 수 있는 이러한 단추 사이에서 혼란스러워하는 디자이너를 위한 것입니다.

사실 선택지가 너무 많으면 사람들은 혼란스러워지고 선택지가 너무 많으면 선택을 하지 않습니다. 옵션이 거의 없는 사람들은 더 자주 선택했고 그 선택에 더 만족했습니다. 따라서 이 규칙을 머리에 새겨야 합니다. 선택을 제한하십시오.

그렇다면 사용자 인터페이스에 대한 선택을 어떻게 제한할 수 있습니까?

색상 체계화:

제가 학생이었을 때 팀 동료와 함께 웹사이트 디자인 작업을 할 때를 기억합니다. 색상에 대한 시스템이 없었기 때문에 색상 피커에서 매번 무작위로 색상을 선택했고 색상은 UI에서 보입니다. 하지만 머티리얼 디자인을 발견하고 읽은 후 기업들이 어떻게 색상을 선택하는지 알게 되었습니다.

따라서 임의로 값을 직접 선택하는 대신 처음부터 팔레트를 만드십시오. 결정을 내리는 데 도움이 되는 수십 개의 온라인 생성기가 있습니다. 6-8가지 음영 중에서 선택하고 더 많은 색상이 필요할 때 확장할 수 있습니다.



하나 또는 두 개의 글꼴 모음을 선택합니다.

UI에서 일관성을 유지하는 것은 어렵고 대부분의 경우 과도한 디자인이 일관성을 잃는 이유입니다.

두 개 이상의 글꼴 모음을 사용하면 로고와 같이 브랜드를 기억하기 어렵게 만들고 콘텐츠가 독자에게 더 일관성이 없게 됩니다. 물론 초기에는 폰트 패밀리를 선택하는 것이 매우 어려우므로 제품의 성격에 맞는 것을 선택하는 것이 좋습니다.

글꼴 크기 체계화

마찬가지로 완벽해 보일 때까지 1px를 추가하거나 줄이는 방식으로 내가 하던 작업을 수행하지 마십시오. 결정을 내리지 않고 2시간을 낭비할 수 있습니다. 대신 미리 유형 스케일에 대한 스타일시트를 만드십시오.



아이콘 크기 체계화:

아이콘 크기에 대한 시스템을 미리 정의하면 나중에 시간을 절약할 수 있습니다.

예를 들어, 4-기반 또는 6-기반 규모로 제한할 수 있습니다. 옵션은 다음과 같습니다.

12px, 16px, 20px, 24px, 36px, 48px, 64px.



불투명도 값을 체계화:

불투명도 값은 둘 사이의 차이를 확인하기가 너무 어렵기 때문에 저를 많이 혼란스럽게 합니다.

개인적으로 저는 5 기반 불투명도 척도를 선택하고 4가지 값으로 제한합니다.

12.5%, 25%, 50%, 75%.

CSS3에서 이는 다음과 동일합니다.

   opacity:0.125;
   opacity:0.25;
   opacity:0.5;
   opacity:0.75;

선택의 여지가 있는 것이 선택의 여지가 없는 것보다 낫습니다. 그러나 한계가 있습니다. 결과적으로 더 많은 선택권을 갖는 것이 항상 좋은 것은 아닙니다.

별표를 놓치지 마세요You Don't Know UI