[제로베이스 PM 파트타임스쿨] 91일차 - Usability 휴리스틱, PPT 10분컷 18일

위 화면은 와이파이가 끊기면서 화면이 다 안나온 것이다. 사용자는 와이파이가 끊긴건지 뭔지 알수가 없어서 서비스의 오류라고 인지하게 된다. 이때 와이파이가 끊겼다는 내용이 표시되었다면 사용자는 바로 문제를 인식할 수 있었을 것이다.

 

카드번호를 입력하는 화면이다. 번호를 입력후 cvc번호를 입력하는 화면이 나오면 카드가 뒤집히면서 어디에 cvc가 있는지 보여준다. 사용자는 그것을 보고 쉽게 cvc번호 위치를 알 수 있다.

 

실수로 어떤 행동을 했을때 다시 되돌리는 기능을 제공해야한다. 파일을 삭제했을때 undo 토스트 팝업을 띄워준다던지, 휴지통 기능이 있어서 복원이 된다던지 할 수 있다.

OS 별로 가이드라인이 있으니 참고해서 개발하면 일관된 사용자 경험을 제공할 수 있다.

플로팅 버튼이라는 것은 이미 사용자들이 여러서비스에서도 사용하고 있어서 쉽게 접근할 수 있다. 장바구니 아이콘은 어느나라 서비스여도 비슷하기때문에 인지할 수 있다 또 햄버거 메뉴도 아 이걸 누르면 메뉴 리스트가 뜨겠구나 인지하고 있다. 

 

사용자가 실수로 삭제할 수도 있고 입력폼에 잘못 입력할 수 있어서 삭제시에 컨펌버튼을 통해 에러를 방지하고 입력폼에 맞지 않는 데이터를 입력하면 바로 빨간 글씨로 알려준다(폼 제출전에) 또한 입력폼에 아무것도 입력되지 않으면 버튼을 비활성화한다던지

 

사용자들이 문제를 직면했을때 방안과 어떤 에러인지 알려줘야한다.

위와 같이 사용자는 이런 에러를 보면 무슨 구분자를 말하는 건지 호출은 뭔지 알 수 없다. 직관적으로 알 수 있게 하거나 사용자가 어떤 조치를 해야하는지 알려줘야한다.

---

 

배경이 영상이어서 다채롭게 할 수 있다.

 

위와 같이 영상을 삽입할 수 있다.

 

자동재생이 될 수 있도록 설정해준다

그리고 나서 영상 위에 텍스트상자를 넣어준다.

 

 

영상 크기를 잘라서 사용할 수도 있다.

 

아래와 같이 글자 안에 영상을 넣을 수 있다.

동영상을 삽입 후 사각형으로 전체를 덮어준다. 그 다음 텍스트상자로 텍스트를 입력한 뒤 덮어줬던 사각형과 텍스트상자를 선택해서 결합 혹은 조각을 이용한다.  그러면 위와 같이 보일 수 있다.