UI/UX 디자이너라면 꼭 알아야 할 디자인 심리학 5가지 원칙

1. 인지 부하(Cognitive Load): 사용자를 불필요하게 힘들게 하지 마라. 우리 뇌는 뛰어난 능력을 가졌지만 동시에 굉장히 게으릅니다. 앱이나 웹사이트를 사용할 때마다 퍼즐을 풀어야 한다면 사용자는 금세 지쳐버리고 다른 곳으로 떠날 겁니다. 디자이너의 역할은 자신의 센스를 뽐내는 것이 아니라 사용자가 ‘쉽다’고 느끼게 만드는 것입니다. 제품을 이용할 때 드는 정신적 노력을 최소화해 주면 사용자는 훨씬 매끄럽고 편안하게 경험할 수 있습니다. 인지 부하를 줄이는 방법한 화면에는 하나의 주요 행동만 두는 것이 적당합니다.메뉴는 꼭 필요한 만큼만 보여주세요. 12개보다 4개가 훨씬 낫습니다.복잡한 기능은 꼭 필요할 때만 드러내세요. (고급 설정은 고급스럽게 숨겨두면 됩니다.) 손님 맞이 전에 ..

버튼은 인터랙션 디자인에서 없어서는 안 될 핵심 요소입니다. 사용자와 시스템 간의 대화에서 중요한 역할을 담당하죠. 1. 버튼은 버튼처럼 보여야 합니다.사용자 인터페이스에서 상호작용을 할 때, 사용자는 즉시 ‘클릭할 수 있는 것’과 ‘클릭할 수 없는 것’을 구분할 수 있어야 합니다. 디자인의 모든 요소는 사용자가 해석해야 할 노력을 요구하는데, 일반적으로 UI를 이해하는 데 시간이 오래 걸릴수록 사용성은 떨어지게 됩니다. 그렇다면 사용자는 어떻게 어떤 요소가 상호작용 가능한지 아닌지를 알 수 있을까요?바로 '이전 경험과 시각적 신호(Visual Signifier)'를 통해 UI 객체의 의미를 파악합니다. 따라서 버튼은 크기, 형태, 색상, 그림자와 같은 적절한 시각적 신호를 사용하여 버튼처럼 보여야 ..

1. 사용하는 폰트의 수를 최소로 유지하세요3개 이상의 서로 다른 폰트를 사용하면 웹사이트가 정돈되지 않고 비전문적으로 보일 수 있습니다. 또한 너무 많은 글꼴 크기와 스타일을 동시에 사용하는 것은 레이아웃 전체를 망칠 수 있다는 점도 기억하세요. 일반적으로 사용하는 글꼴 패밀리는 최소한으로 제한하는 것이 좋습니다. 두 개면 충분하고, 하나로도 충분한 경우가 많습니다. 그리고 웹사이트 전체에서 동일한 글꼴을 일관되게 사용하는 것이 중요합니다. 만약 두 개 이상의 글꼴을 사용할 경우, 글자 폭 등의 특성을 기준으로 서로 잘 어울리는 글꼴을 조합해야 합니다. 아래의 예시를 보세요. 왼쪽의 Georgia와 Verdana의 조합은 유사한 특징을 가지고 있어 조화로운 페어링을 이룹니다. 반면 오른쪽의 Bask..

1. 요소를 더 뚜렷하게 보이게 하세요. 여러 개의 드롭 섀도우를 사용하거나, 실제 섀도보다 아주 살짝 더 어두운 색상의 섬세한 테두리를 일부 요소에 추가해보세요. 이렇게 하면 요소가 조금 더 날카롭고 뚜렷하게 보이며, 탁하고 번진 듯한 그림자를 피할 수 있습니다. 2. 디자인에 글꼴 하나만 사용하는 것도 충분히 괜찮습니다. 작업을 할 때 글꼴(Typeface)을 하나만 선택해 사용하는 것은 전혀 문제되지 않으며, 오히려 더 강력하고 일관된 결과물을 만들어내는 데 도움이 되기도 합니다. "항상 최소 두 개의 글꼴을 써야 한다"는 말은 무시해도 됩니다. 한 가지 글꼴만으로도 굵기(Weight), 크기(Size), 색상(Colour)을 적절히 조합하면 충분히 훌륭한 디자인을 완성할 수 있습니다. ..

좋은 UI 디자인은 단지 예쁜 파란색을 고르거나 멋진 글꼴을 사용했다고 해서 완성되는 게 아닙니다. 그것은 사람들이 어떻게 생각하는지, 무엇에 주목하고 무엇을 무시하는지, 그리고 어떤 요소가 사람들을 속으로 욕하게 만드는지를 이해하기 때문에 효과적인 것입니다. 훌륭한 UI 디자인 뒤에 숨은 심리학을 살펴볼께요. 1. 당신의 뇌는 게으른 천재입니다. (인지 부하) 우리는 늘 정신적인 에너지를 아끼려고 합니다. 그래서 좋은 UI 디자인은 사용자가 불필요하게 생각하지 않도록 만들어야 합니다. 당신의 앱이 퍼즐처럼 느껴진다면, 사용자는 이탈할 것이고, 가는 길에 불만 가득한 리뷰를 남길지도 모릅니다. 디자인은 당신이 얼마나 똑똑한지를 자랑하는 게 아닙니다. 사용자가 똑똑하다고 느끼게 만드는 것이 중요합니다...

UI 디자인에서 가장 까다롭고 중요한 부분 중 하나는 인터페이스 요소들의 정렬을 맞추는 일입니다. 정렬이 잘 되면 미적인 완성도와 가독성이 크게 향상됩니다. 왼쪽, 오른쪽, 가운데 정렬 등 다양한 정렬 방식을 동시에 사용할수록 인터페이스는 더 복잡하고 어수선해 보일 수 있습니다. 사용자의 눈은 각기 다른 정렬을 따라가야 하므로 더 많은 시각적 부담을 느끼게 됩니다. 특히 하나의 컴포넌트나 섹션 안에서 여러 정렬이 혼재되어 있을 때 이런 문제가 더욱 두드러집니다. 정렬 방식을 하나로 통일하거나 최소한으로 제한하면 인터페이스가 훨씬 더 간결하고 깔끔하게 보입니다. 예시1.다음 예시는 처음에는 가운데 정렬된 텍스트로 시작한 뒤, 이후 요소들은 왼쪽 정렬로 배치되어 있습니다. 이러한 정렬 방식의 혼합은 불필..