UX/UI 이론 정리(TIL 10일차)

오늘은 어젯밤에 과제를 몰아서 하느라 그냥 강의만 앉아서 쭉 들었다.

몰랐던 부분만 메모해둔다!

 

애플은 iOS, 구글은 안드로이드 운영체제를 만드는 회사

두 회사가 운영체제 시장의 99%를 차지하고 있기 때문에, 애플의 Human Interface Guidelines과 구글의 Material Design 가이드라인이 ux/ui의 근간 취급을 받기 때문이다. (나는 그냥 큰 회사의 잘 정리된 가이드라인이기 때문인 줄...)

 

일부 특정한 화면에서는 운영체제의 이슈로 똑같이 적용할 수 없는 경우가 생겨서 디자이너는 두 가이드라인을 모두 숙지하는 것이 좋다.

 

애플의 Human Interface Guidelines 공식 문서 바로가기

Human Interface Guidelines | Apple Developer Documentation

나는 갤럭시+윈도우 유저라서 iOS의 인터페이스는 거의 모른다. 나중에 한번 차근차근 살펴봐야겠다...

 

구글의 Material Design 공식 문서 바로가기

Material Design

구글 머터리얼 디자인은 앞서 ui 컴포넌트 용어들을 정리할 때 쭉 살펴봐서 좀 눈에 익은 부분이 있다.

 

뉴모피즘/ 플랫 디자인의 단점인 시각적인 구분의 불명확함을 실물의 입체감을 구현하는 스큐어모피즘의 시각적 효과를 통해 보완

뉴모피즘이라는 단어는 들어봤는데 정확히 무슨 용어인지는 잘 몰라서 복습할 겸 사진을 가져왔다.

플랫한 디자인의 단점을 해결한 디자인 스타일인데... 

포켓몬 카드 게임 어플. 사진은 구글링해서 가져온 것

예전에 누가 SNS 계정에서 뉴모피즘 예시로 포켓몬 카드 게임을 든 걸 본 적이 있다.(기억이 가물가물)

3D 요소가 많이 쓰이는 어플에서는 뉴모피즘 디자인이 자연스럽게 녹아드는 것 같다. 다른 어플에서는 잘 본 적이 없는 듯. 아무래도 그림자가 시선에 거슬릴 수 있는 요소기도 하고.(꼭 필요한 요소는 아니니까)

 

그리고 디자인 카타를 하면서 실제 앱에 쓰인 예시를 찾을 때, 아무래도 자주 쓰는 앱이 한정되어 있으니까 예시를 찾기 힘들 때가 있는데... 그럴 때 wwit( What Was IT)이라는 사이트가 좋은 것 같다. 국내 어플만 보아볼 수 있는게 최대 장점인 듯!

 

디자인씽킹 부분에서는 모든 내용을 정리하지 않고 자주 떠올리면 좋을 부분만 간략히 메모

1.문제 정의하기에서 활용하는 방법들

   1-1친화도 분석 (Affinity Diagram)

            무작위로 정보 수집한 뒤 그룹을 묶어서 인사이트 정리

   1-2 페르소나 (Persona)

          서비스를 이용할 가상의 인물 만들기

   1-3 5 Whys

           5번의 질문을 반복(원인에 대한 질문)

   1-4 사용자 여정 지도(Customer Journey Map)

          사용자가 제품을 처음 만나는 시점부터 끝나는 시점까지의 경험의 흐름을 시간이나 순서 등에 따라 분석하는 기법(여러 단계로 나눈다)

  

2.프로토타입의 방법들

   2-1 와이어프레임 Wireframe: 선과 도형

   2-2 목업 Mockups: 실제 시각적인 화면

   2-3 프로토타입 Prototype: 실제 움직임 구현

        프로토타이핑 툴인 Invision혹은 Protopie, 피그마 프로토타이핑으로 구현

 

3.테스트 방법들

   3-1 사용성 테스트 (Usability Test): 사용자가 직접 테스트

   3-2 휴리스틱 평가 (Heuristic evaluation): 특정 기운을 세우고 평가

   3-3 린캔버스 (Lean Canvas): 9가지 질문을 기준으로 스스로 평가(사업성 측면)

림캔버스

   3-4  역할극 (Role Playing): 시나리오, 역할을 정하고 제작자가 테스트

 

이외 내용이 많지만 간단하게 여기까지 정리해둔다! 내일은 실습 복습을 다시 해봐야겠다...