Elements that are visually connected are perceived as more related than elements with no connection.
시각적으로 연결된 요소는 연결되지 않은 요소보다 관련성이 높은 것으로 인식됩니다.
균일한 시각적 속성에 의해 연결된 요소가 연결되지 않은보다 많은 요소가 관련되는 것으로 인식된다. 근접성 원칙과 마찬가지로, 균일한 연결성은 우리가 관련이 없는 개별적인 것보다는 그룹이나 무리를 쉽게 인식하게합니다.
실제로 균일한 연결성은 매우 간단합니다. 요소 그룹 주위에 상자를 그리면 관련이 있음을 나타냅니다. 또는 동일한 효과를 위해 한 요소에서 다음 요소로 연결선 (또는 화살표 또는 다른 유형의 연결 참조) 을 그릴 수 있습니다.
예를 들어 복잡한 인터페이스를 구성 할 때 균일 한 연결성이 얼마나 유용한 지에 대한 예는 다음과 같습니다. 자, 이것은 끔찍한 인터페이스이지만 그렇지 않은 것보다 낫습니다. 위의 예에서, 박스형 그룹이 제공하는 명확한 맥락이 아니라면 747 여객기의 대시 보드가 훨씬 더 혼란 스러울 것입니다. 특정 제어 그룹 주위의 경계는 컨텍스트와 관련된 관계를 나타내며 기능과 목적을 이해하기 쉽게 만들어줍니다. 많은 개별 요소가 아닌 소수의 그룹입니다.
웹 디자인에서는 컨텍스트를 표시하기 위해 균일 한 연결성을 사용하는 것이 일반적입니다. 탭 탐색은이 원칙의 주요 예입니다. 시각적으로 근접한 두 개의 고유 한 요소 (탐색 링크 – 및 – 페이지 복사)가있는 경우 관련 컨텍스트를 표시하는 가장 쉬운 방법은 다음과 같이 개별 요소를 묶는 것입니다.
'IT & SNS > UI&UX' 카테고리의 다른 글
Apple App Stoe Connent 앱 분석 지표 설명 (2) | 2020.02.07 |
---|---|
LAWS OF UX - 01. Aesthetic Usability Effect (0) | 2019.08.18 |
LAW OF UX - 14. Parkinson’s Law (0) | 2019.08.18 |
LAW OF UX- 12. Occam’s Razor (0) | 2019.08.18 |
LAW OF UX - 11. Miller’s Law (0) | 2019.08.18 |
LAW OF UX - 09. Law of Similarity (0) | 2019.08.18 |
LAW OF UX - 08. Law of Proximity (0) | 2019.08.18 |
LAW OF UX - 07. Law of Prägnanz (0) | 2019.08.18 |
LAW OF UX - 06. Law of Common Region (0) | 2019.08.18 |
LAW OF UX - 05. Jakob’s Law (0) | 2019.08.18 |