반응형 ᴜx30 라디오 버튼과 체크박스가 공존할 수 없는 이유 라디오 버튼과 체크박스는 오랫동안 사용자 혼란을 일으키는 구성요소였다. 이 요소들은 종종 같은 맥락에서 사용되지만, 완전히 다르게 보인다. 디자이너와 개발자들은 그 차이를 알고 있지만, 그것은 그들이 일을 통해 그것을 배웠기 때문이다. 그 차이를 전혀 배우지 못한 사용자들은 어떨까? 사용자에게 차이점을 가르쳐야 한다는 사실은 이 두 요소가 직관적이지 않다는 것을 보여준다. 그들의 외관만으로는 기능면에서 약간의 차이가 있다는 것을 전달할 수 없다. 이 시각적 단서는ㅡ점과 체크마크ㅡ 옵션 선택 이외의 사용자에게 특별한 의미를 부여하지 않는다. 따라서, 라디오 버튼과 체크박스의 공존은 UX의 일관성 원칙을 위반한다. 디자이너와 개발자들은 항상 그래왔기 때문에 그들의 공존에 의문을 제기해 본 적이 없다. 그러나.. 2020. 3. 24. UI 디자인 - 컬러 색상은 사용자가 디지털 프로덕트를 인식하는 방법에 큰 영향을 끼쳤다. 만약 당신이 게슈탈트 원리와 그들이 사용자 인터페이스에 미치는 영향에 대해 알게 되었다면, 이제 색으로 더 많은 생명을 가져다주는 것에 초점을 맞출 수 있다. 이 글은 UI 디자인에서의 색상 사용법에 대한 완전한 가이드가 포함되어 있다. 당신의 다음 UI 톤에 대한 영감을 찾는 데 도움이 되는 툴에 대한 링크도 있다. UI에서 올바른 컬러 사용의 이점 색상은 UI를 더 매력적으로 만들기 위해 사용될 뿐만 아니라 사용자와 비즈니스에 다양한 이점을 준다. ㅡ 색상은 UX를 향상시킨다. 올바른 색상 팔레트로 구성된 콘텐츠는 읽기 더 편할 수 있다. 특정 영역과 오브젝트는 더 많은 의미를 얻으며, 집중하기가 더 쉽다. ㅡ 색은 브랜드의 성격을.. 2020. 3. 18. UI 디자인 - 다크모드 실용적인 팁 & 트릭. 기술은 항상 우리와 함께 한다. 우리는 앱과 상호작용하고 밤낮으로 웹사이트를 읽는다. 어떤 경우에는 디지털 솔루션의 흰색 화면이 우리의 눈에 불편할 수도 있다. 그래서 점점 더 많은 디자이너들이 라이트 모드 / 다크 모드두 가지 테마로 그들의 창작물을 만드는 데 관심을 기울이는 것이다. 다크 모드는 사용자들이 자연스럽게 사용할 수 있도록 우리가 따라야 하는 특정한 규칙을 가지고 있다. 이 글은 그 규칙에 대한 모든 것을 담고 있으므로, 긍정적인 경험을 가져다주는 테마를 만들 수 있다. 왜 다크모드인가? 어두운 테마의 주요 장점은 조도가 낮은 환경에서 가독성이 더 좋다는 것이다. 다크 모드는 기기 화면의 밝기를 감소시킨다. 그것은 시각적 인체공학을 개선하고 특정한 빛 조건에서 더 잘.. 2020. 3. 17. 7가지 CTA 버튼 가이드라인 특히 요즘 같은 시대에 사용자의 주의를 끌기는 결코 쉽지 않다. —온갖 종류의 물건들로 인해 전체적인 주의 범위가 8.25초 정도로 줄어들게 된다. 이것은 또한 대부분의 상위 스타트업들이 주의를 산만하게 하는 요소들의 수를 줄이기 위해 최소한의 사용자 인터페이스 스타일 —으로 전환한 이유이기도 하다. 특정 핵심 요소에만 초점을 맞추면 그 중요성과 효율을 증가시켜 전환율을 높일 수 있다. 이러한 핵심 요소 중 하나는 대부분의 웹 사이트와 제품에 필수적인 "CTA 버튼"이다. 그들은 사용자가 구체적인 조치를 취할 수 있도록 설계되었다; 계정을 만들고, 카트에 추가하고, 제품을 구입하는 것 등. 이러한 버튼은 잘 설계되었을 때 사용자가 제품을 효과적으로 탐색할 수 있을 뿐만 아니라 변환 흐름에도 매우 중요하다.. 2020. 3. 16. 아이콘 디자인의 7 가지 원칙 고퀄리티의 아이콘 패밀리를 만들려면 신중한 접근, 훈련된 안목, 약간의 반복 그리고 많은 연습이 필요하다. 아래에서 7가지 원칙과 수많은 실제 사례를 통해 퀄리티의 특징을 설명하려 한다. 목표는 좋은 아이콘 디자인의 주요 특성에 맞춰 조정하는 것이다. 첫 번째, 명쾌함 아이콘의 주된 목표는 개념을 빨리 전달하는 것이다. 이 수많은 심볼들 속에서, 어떤 것이 당신에게 분명하게 느껴지는가? 운전자들은 시간이 지남에 따라 이것들을 습득하지만, 아이콘 자체는 대부분 직관적이지 않다. 아이콘들의 의미를 해독하기 위한 매뉴얼이 필요하다. 아이콘에 익숙하지 않은 은유를 사용하면 이해하기 어렵다. 안전벨트 "기억 등" (왼쪽에서 세 번째)은 거의 글자 그대로여서 우리는 빨리 알아볼 수 있다. "전동 파워 조종장치 시스.. 2020. 3. 13. 솔리드 또는 밑줄 텍스트 필드를 사용하지 않는 이유 텍스트 필드는 몇 년 동안 양식적으로 발전해 왔다. 디자이너들은 함께 점점 더 창의적이 되고 있지만, 때로는 너무 창의적이다. 많은 사람들의 눈길을 끄는 한 가지 특별한 스타일은 밑줄 텍스트 필드다. 참신하고 미니멀한 모습이 그것을 적용하도록 끌어들일 수도 있다. 하지만 그것이 어떻게 사용자 행동에 영향을 미치는지 이해할 때, 다시 생각해보게 될 것이다. 밑줄 텍스트 필드는 사용자가 인식하고 누르기 어렵다. 만약 사용자가 필드를 인식하고 탭 하는 것에 어려움을 겪는다면, 당신이 디자인한 포맷에 작성을 시작하거나 끝낼 수 없을 것이다. 이러한 문제들은 사용자의 좌절이나 작성 포기, 낮은 전환율로 이어진다. 모든 사용자가 밑줄 텍스트 필드에 문제를 느끼는 것은 아니다. 기술에 익숙한 보통의 사용자들은 쉽게 .. 2020. 3. 12. 이전 1 2 3 4 5 다음
