5주차 강의 숙제: 디자인 원칙의 실제 사례 찾아보기

1.  게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요.

 

1. 유사성의 원리 (스퀘어모피즘 같은 거): 네비게이션 바, 아이콘  

 

대다수의 어플은 좋아요는 하트, 댓글은 이모티콘 아이콘을 사용하여 표시함 

네비게이션 바는 표시와 배치는 조금씩 다르기는 하지만, 대다수가 홈을 맨 왼쪽에 배치하고 아이콘을 5개 정도로 배열하고 있음 (당근, 에브리타임, 인스타그램, 밀리의 서재 등)

 

2. 근접성의 원리

스파르타코딩클럽 이외에도 여러 웹사이트에서는 최상단에 타이틀을 적고, 그 아래에 해당 타이틀과 연관된 페이지를 일렬로 나열해놓음. 그리고 각 타이틀 별로 내용의 거리가 있음을 표현하기 위해 충분한 여백을 두어 연관성을 암시함  

 

3. 페쇄성의 원리

 

밀리의 서재에서는 서적을 가로로 스크롤할 수 있음을 사용자들에게 자연스럽게 알려주기 위해 책과 제목을 의도적으로 일부만 보여주었다. 

 

2.  UX 비주얼 디자인 원칙에서 3가지를 골라 실제 사례를 찾아보세요.

1. 스케일: 밀리의 서재 

가장 중요한 부분은 맨 위 광고로 배치함으로써 강조하고 있음

3. 균형

인스타그램은 기본적으로 가로로 3개의 컨텐츠가 들어가도록 대칭적인 그리드를 유지하고 있다. 

 

4. 대비

에브리타임 뿐만 아니라 대다수의 알림 표시는 바탕색에 대비하여 채도가 높은 색을 사용함으로써 사용자들에게 쉽게 눈에 들어오도록 함 

 

3. 아래에 1가지를 골라 좋은 사례라고 생각되는 제품의 화면을 찾아보고 그 근거를 게슈탈트 심리학, UX 비주얼 디자인 원칙, UX/UI 심리학 법칙을 활용해서 설명해 보세요. (이건 이따해야지...)

1. 온보딩
2. 로딩
3. 검색
4. 회원가입
5. 리스트