(DAY29) 휴리스틱 평가 10가지 원칙 알아보기

 

안녕하세요:)

오늘은 휴리스틱 평가에 대해 알아보았습니다.

이번 기회에 처음 접하는데 하나하나 뜯어보고 검증하는게 재밌었습니다 🍀

 

 

---

 

 

 

 

✏️오늘의 학습

실습 1) 휴리스틱 평가 10가지 이해하고 실제 서비스 평가해보기

실습 2) UI 그리기 미션, 스케쥴 UI 그려보기

실습 3) 실제 서비스에 대한 UX 분석 내용 공부하기

미니 미션 ) 컬러 워크 Green 인증하기

 

 

 

 

📖오늘의 핵심

UI 그리기 미션 → 미션 UI가 작동하기 위한 경우의 수 생각하면서 작업하기 (ex '아얘 기능을 안할 때 화면 UI는?')

스누피에 나오는 라이너스의 소중한 담요 >,< 처럼 각자 자신에게 소중한 것이 있다.

 

 

 

 

📌 휴리스틱 평가 10가지 원칙

1. 시스템의 가시성
2. 현실과의 부합
3. 통제의 자유
4. 일관성과 표준
5. 오류 방지
6. 기억보다 인식
7. 유연성과 효율성
8. 미적 최소주의
9. 에러 인식과 진단, 복구
10. 도움말과 문서화

 

📝수업 내용 메모장

 

휴리스틱 평가란?

닐슨 노먼 그룹의 제이콥 닐슨이 만든 유저 인터페이스의 사용성을 평가하기 위한 보편적인 UX분석 방법론

+ 보통 프로토타입 나왔을 때 한다.

 

 

 

 

 

휴리스틱 평가 - 10가지 원칙이 있음

 

1. 시스템의 가시성

항상 적절한 시간 내에 적절한 피드백을 줄 것.
유저가 앱에서 가능한 빠르게 상호작용을 예측할 수 있어야 한다.

 

2. 현실과의 부합

디자인은 전문 용어보다 사용자에게 친숙한 단어, 개념을 활용해야 한다.

 

 3. 통제의 자유

사용자가 긴 과정을 거치지 않고 실행취소/다시 실행 등을 할 수 있도록 명확한 방법을 보여줄 것.

 (통제의 자유 예시) 브레드 크럼

 

4. 일관성 표준

유저가 고민하지 않도록 해야 한다.
(서로 다른 단어, 상황, 액션이 같은것을 의미하는지에 대한 고민)

UI디자인 뿐만 아니라 단어, UX라이팅, OK버튼의 위치 등 전반적인 일관성

(일관성 표준 예시) 넷플릭스

 

5. 오류 방지

사용자에게 검토할 기회를 제공해야 한다.

오류가 발생하지 않도록 예방하고 사용자가 작업을 실행하기 전 확인 옵션을 제공해야 한다.

ex 비밀번호가 잘못되었습니다. 오류메세지

 (오류 방지 잘못된 예시)

기존 하이라이트보다 명확하지 않다는 예시 (맨왼쪽 체크표시 회색)

 

6. 기억보다 인식 = 최소한의 인식 부담

사용자가 기억해야 할 정보를 줄일 것.
필요한 정보는 쉽게 표시되거나 쉽게 검색할 수 있어야 한다.

 

 7. 유연성과 효율성

사용자에 맞게 콘텐츠 기능을 맞춤화 할 것.

초보 유저는 쓰기 쉽게 만들어져야 한다.

헤비유저는 단축키 or 터치 제스처 등으로 사용하기에 유연하고 효율성이 있어야 한다.

초보자, 숙련자 모두에게 유연성이 좋게 만들어야 함

 (유연성과 효율성 예시)

아이폰 앱 꾹 누르면 퀵메뉴 뜸

듀오링고 ㅋㅋㅋㅋ

 

 

8. 미적 최소주의

불필요한 정보 포함하지 않기
콘텐츠와 디자인을 필수 요소에 집중시키기

 

 

 

 9. 에러 인식과 진단, 복구

유저가 오류메시지를 쉽게 알아차리고 이해할 수 있어야 한다.

해결책을 제시해줘야 한다 > 이게 키포인트!

굵은 빨간 텍스트 - 전통적인 오류 시각표현 사용

 (에러 인식과 진단, 복구 예시)

return to the homepage도 제시함

 

10. 도움말과 문서화

추가적인 설명이 필요 없으면 최적,

필요하다면 도움말을 쉽게 찾을 수 있도록 제공

 온보딩, 튜토리얼, 툴팁, 'i' 또는 '?' 아이콘으로 가이드 제시 등 다양한 방법이 있다.

 

 

휴리스틱 평가 단계

- 보통 3~5명이 진행

- 서로의 평가를 보지 않도록 조심하기 (각자가 진행)

- 평가 범위를 좁게 잡고 진행함

- 보통 1~2시간동안 이루어짐

- 인터페이스에 익숙하지 않다면 평가할 수 없음.

  → 시스템에 익숙해지도록 한번 먼저 이용하는 단계를 거쳐야 함.

- 어피니티 다이어그램 들을 활용해 문제 정리

- 평가 결과 정리 및 보고까지 해야 평가가 끝남

 

 

 

 

---

+ 인사이트 사이트 추천

https://www.handheld.design/

Handheld | Cam | Substack

 

https://sneakpeek.design/

Sneak Peek

 

색깔 인사이트

https://savee.com/

Savee

 

 

 + 미니 미션, 컬러 워크 하기

https://www.marieclaire.co.uk/life/health-fitness/colour-walk-every-day

I've been stressed so tried the viral colour walk every day for a week - and am blown away by how calm I feel

 

 

 

 

 

실습 1) 휴리스틱 평가 직접 해보기

저는 오늘의 집 앱으로 진행해봤습니다.

오랜만에 들어갔더니 쇼츠 기능도 생기고 아얘 새롭게 바뀌었더라고요 !

(바뀐지 꽤 됐을수도 있어요...ㅎ 1년 이상 안들어갔던 서비스여서...) 

 

 

💡 원래는 조를 짜서 휴리스틱 평가를 진행해야 했는데 수업 시간을 고려하여 오늘은 개인으로 진행했다.

처음엔 하면서 '이렇게 하는게 맞아..?' 긴가민가 하면서 분석했는데 멘토님이 잘 캐치했다고 해주셨다. 어라 나 UX 분석 좋아하네😳 다른 과제들에도 시간분배를 하다보니 많이 분석하진 못했지만, 뭔가 꾸준히 하다보면 도움이 많이 될 것 같은 느낌이 들었다.

 

내일 이어서 조를 짜서 진행한다고 해서 기대된다. 다른 분들의 관점도 어서 보고 싶다.

 

 

 

 

UI 그리기 미션 ) 스케쥴 UI 그려보기

 

 

 

💡 또 과제 이해를 잘못했다 ! 🫠😖

UI 그리기 미션이라길래, 정말 '피그마로 어떻게 그리는지'에 몰두해버렸다. 그런데 멘토님이 이 과제를 내주신 의도는 아무래도 지금 배우고 있는 챕터가 UX챕터다 보니, 단순히 UI 그려보기가 아니라, 스케쥴 UI니까 일정을 짤 때의 플로우는 어떤 게 있는지, 데일리 안에서 일정을 여러 개 잡았을 때의 화면 UI는 어떻게 되는지, 반대로 아얘 일정이 비어있는 화면 UI는 어떻게 되는지 등등을 파악하고 리디자인 해보는 과제 였다고 한다..😭

 

그치만 멘토님 의도대로 과제 하려면 시간이 더더 많이 필요하답니다...ㅜㅠㅜㅠ 오늘도 시간 잘게잘게 열심히 쪼개서 달렸는걸요ㅠ

 

엇 지금보니까 내가 만든거 글씨가 더 진하네용..ㅜㅠ

 

 

 

실습 3) 실제 서비스에 대한 UX 분석 내용 공부

 

출처 : UX해적단

 

가변적 보상

• 사용자가 또 다른 보상을 바라며 동일한 행동을 반복하도록 하는 것
• 인간은 보상 자체보다 다음에 무엇이 나올지에 대한 기대에서 더 큰 즐거움을 느낀다.
• 가변적 보상은 ‘Hook 모델‘에서 나온 이론

후크 모델

 

✏️ Hook 모델 4단계

• 트리거 Trigger - 사용자가 제품 사용을 시작하도록 유발
• 행동 Action - 사용자가 가장 적은 노력으로 제품을 사용할 수 있도록 만드는 단계
• 보상 Variable Reward - 사용자의 행동을 보상함으로써 만족감을 제공하고, 다시 사용하고 싶은 욕구를 일으킴
• 투자 Investment - 사용자가 제품에 시간/데이터/노력 등을 투자하게 만들어서, 제품의 의존도를 높리고 내부 트리거를 강화함.

 

---

💡UX 법칙들이 대부분 해외에서 넘어온 것들이라 한 번에 이해하기엔 번역된 용어가 낯설었다... 안그래도 영어 잘 못하는데 영어 공부 해야겠다. 그냥 토익 오픽 취업용 이런거 말고, 진짜 UX를 이해하고 다루기 위한 디자인영어?를 공부해야겠다는 생각이 들었다. (일단 생각만 들었ㄷ..) 기억을 더듬어보니 대학교 시절에도 전공영어 수업이 있었던 것 같은데? 뭘 배웠더라...? 나 산디과 나왔는데,,,?

 

 

 

 

미니 미션, 컬러 워크 Green

동네를 누비며 사진찍기

 

💡 우히히 쌤이 사진 잘찍었다고 칭찬해줬다😚 아이폰 기본카메라 최고~~~🍀🍀

 

과제 핑계 삼아 산책할 수 있는 시간을 주신 것에 감사하다. 요즘 시간 없어서 산책 못해 인간 돼서 너무 슬펐는데 오늘 컬러워크 덕분에 해 떠있을 때 바깥 공기도 마시고 해도 쬐고 리프레쉬 체고다! 내일은 어떤 색깔이 되려나~~