뀨나의 온라인 서랍장

4. COGNITIVE BIAS 경험에 의해 만들어진 비논리적 추론 폰 레스토프 효과 (Von Restorff Effect) 비슷한 사물이 여러 개 있으면 그 중에서 가장 차이나는 한 가지만 기억할 가능성이 크다. 1. 중요한 정보나 핵심 작업을 시각적으로 구별되게 만들어라. 2. 시각적 요소를 강조할 때에는 시각적 요소를 제한하여 서로 경쟁하는 것을 방지하고 눈에 띄는 항목이 광고로 잘못 식별되는 일이 없도록 하라. 3. 대비를 전달하기 위해 색상에만 의존하여 색약 또는 저시력이 있는 사람들을 배제하지 마라. 4. 대비를 전달하기 위해 모션을 사용할 때 모션 민감도가 있는 사용자를 주의 깊게 고려하라. 동일한 포맷의 형태 또는 디자인들 중, 사용자들은 시각적으로 더 눈에 잘 띄거나 잘 구별되는 것을 더..

4. COGNITIVE BIAS 경험에 의해 만들어진 비논리적 추론 피크엔드 법칙 (Peak-End Rule) 인간은 경험 중 느꼈던 가장 극적인 감정과 마지막 순간에 느낀 감정을 바탕으로 그 경험 자체를 판단한다. 1. 사용자 여정의 가장 강렬한 지점과 마지막 순간 (끝)에 세심한 주의를 기울여라. 2. 귀하의 제품이 가장 유용하고, 가치있고, 재미있는 순간을 식별하고 최종 사용자를 기쁘게 할 수 있도록 디자인하라. 3. 사람들은 긍정적인 경험보다 부정적인 경험을 더 생생하게 기억한다는 것을 기억하라. 사용자들은 경험이 좋았던 좋지 않았던 가장 마지막과 최근의 경험을 기반으로 전체를 판단하는 경향이 있다. 그래서 서비스를 디자인 할 때에 있어서도 마지막 경험이 재미있고 좋았던 경험을 사용자에게 안겨주는..

오늘은 로딩 화면에 중요하게 작용하는 스켈레톤 UI에 대해서 공부해보았다. 서비스 개발 중에 로딩 화면이 필요하다고 하셔서, 저번에 한번봤었던 좋은 내용의 포스팅을 다시 한 번 정독해보았다. 상황에 맞는 로딩 애니메이션 적용하기 다양한 형태의 로딩 애니메이션을 상황에 맞게 적용하기 medium.com 스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디 - ‘스켈레톤 로딩’을 어떤 기준으로 사용하기로 결정했는지에 대해 공유합니다 - 그런데 용어는 Shimmer일까요? Skeleton일까요? medium.com 로딩 애니메이션까지 생각해야할줄 초반에는 몰랐는데.. 공부를 시작하고나니 이렇게 디테일한 요소도 빠짐없이 신경써야하는 게 프로덕트 디자이너의 또 하나의 역량이라는 생각이 들었다🫠 그래도 누..

3. GESTALT 형태와 패턴을 지각하는 방식 유사성의 법칙 (Law of Similarity) 사람은 유사한 요소를 묶어서 지각하려는 경향이 있다. 1. 시각적으로 유사한 요소는 관련된 것으로 인식된다. 2. 색상, 모양, 크기, 방향 및 움직임은 요소가 동일한 그룹에 속하고 공통된 의미나 기능을 공유할 가능성이 있음을 나타낼 수 있다. 3. 링크와 탐색 시스템이 일반 텍스트 요소와 시각적으로 구별되는지 확인하라. 사용자들은 시각적으로 유사한 요소는 서로 관련이 있다고 생각하고, 비슷한 기능을 가지고 있을거라는 생각을 한다. 따라서 유사한 요소끼리 묶어서 비슷한 형태와 컬러 등으로 디자인하여, 시각적으로 구분하는 것이 중요하다. 예시는 아래의 버튼 컬러를 구분한 이미지를 보면 알 수 있다. 각각 'E..

3. GESTALT 형태와 패턴을 지각하는 방식 근접성의 법칙 (Law of Proximity) 사람은 가까이 있는 물체를 그룹화하려는 경향이 있다. 1. 근접성은 가까이 있는 사물과의 관계를 확립하는 데 도움이 된다. 2. 가까이에 있는 요소는 유사한 기능이나 특성을 공유하는 것으로 인식된다. 3. 근접성은 사용자가 정보를 더 빠르고 효율적으로 이해하고 구성하는 데 도움이 된다. 사용자들은 서로 가까이 있는 것들을 비슷한 성격의 특성을 가지고 있다고 인식하는 경향이 있다. 근접성의 법칙의 예시로는 GNB 카테고리를 들 수 있다. 웹사이트에 있는 카테고리는 가까이 함으로서 서로 유사한 성격이라는 것을 가시적으로 보여준다. 프래그난츠의 법칙 (Law of Pragnanz) 사람은 이미지를 가장 단순한 형..

UX 법칙_프린시플 (2) 2. PRINCIPLE 일반적인 가치, 목표, 철학 또는 방향성을 제시하는 법칙 파레토 법칙 (Pareto Principle) 결과의 약 80%는 20%의 원인에서 발생한다. 1. 입력과 출력이 균등하게 분배되지 않는 경우가 많다. 2. youii.tistory.com 오늘은 이전에 알아보았던 UX 법칙을 이어서 학습해보자!😄 2. PRINCIPLE 일반적인 가치, 목표, 철학 또는 방향성을 제시하는 법칙 테슬러의 법칙 (Tesler's Law) 모든 시스템에는 더 이상 줄일 수 없는 일정 수준의 복잡성이 존재한다. 1. 모든 프로세스에는 설계할 수 없는 복잡성의 핵심이 있으므로 시스템이나 사용자가 가정해야 한다. 2. 설계 및 개발 과정에서 내재된 복잡성을 처리하여 사용자의..