강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

허혜진님의 프로필 이미지
허혜진

작성한 질문수

뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론

UI디자인 원리 - 과제를 드릴게요. 🗒️

UI 디자인 원리가 잘 적용된 사례와 아닌 사례

작성

·

61

·

수정됨

0

게슈탈트 이론이 잘 엮여진 사례

 

넷플릭스

제목 아래 영상들이 배치되어있고 그 사이에 행간이 좁다

같은 연관성이 있는 영상들끼리 서로 같은 그룹으로 묶여있다.

 

아닌 사례

요즘엔 워낙 다 웹사이트가 잘되어있어서 찾지 못하겠습니다

근데 토스랑 카카오뱅크를 제외한 모든 은행사이트들이 엄청나게 짜증나는 건 알겠습니다 ㅠㅠㅋㅋ

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 허혜진 님의 질문을 보고 UI 디자인에서 게슈탈트 이론이 잘 적용된 사례와 그렇지 않은 사례를 찾고 계신 것을 확인했습니다.

잘된 사례 - 넷플릭스:
넷플릭스는 게슈탈트 이론 중 ‘근접성의 원리’와 ‘유사성의 원리’가 잘 구현된 사례로 볼 수 있습니다. 넷플릭스의 UI는 유사한 콘텐츠들을 카테고리별로 묶어 사용자가 쉽게 콘텐츠를 찾고, 관련 항목들끼리 그룹화하여 사용자의 시각적 피로를 줄여주는 효과가 있습니다.

넷플릭스 UI Screenshot
(이미지는 예시이며 실제 이미지를 추가할 수 있습니다.)

아닌 사례 - 은행 웹사이트 UI:
어떤 특정 은행 사이트는 언급되지 않았지만, 일반적으로 많은 은행 웹사이트가 직관적이지 않거나 사용자가 필요한 정보를 찾기 어렵게 설계되어 있다는 피드백이 있습니다. 이는 ‘심미적-기능적 불일치’가 발생하거나 ‘정보 구조화’가 제대로 이루어지지 않은 사례일 수 있습니다.

관련하여 유사한 게시물을 참고하실 수 있습니다:
1. “UX 디자인 원리 과제 - 좋은/안좋은 UX 사례”
2. “UI 디자인 원리 적용된 좋은 사례, 나쁜 사례”

위 링크에서는 다양한 UI 디자인 원리를 실제 사례와 비교하여 설명하므로, 도움이 될 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

허혜진님의 프로필 이미지
허혜진

작성한 질문수

질문하기