🎨 UX UI
스터디 5주차
오브 🧙♂️
2023. 8. 13. 02:35
<aside> 💡 사용성에 대해 이해하기
</aside>
- 사용성은 매우 중요
- 사용성은 효율성
사용성의 정의
- 사용성과 유용성은 나누기 힘들다.
- 효과적이냐 아니냐(유용성) / 효율적이냐 아니냐(사용성) 의 차이
정량적으로 표현이 가능해지면서 개발자와 소통이 가능해짐. 과학적으로 우선순위를 결정할 수 있게 됨.
사용성의 속성
- 기본적 차원 : 기본적인 것, 필수적인 것.
- 효율성이 높아지면 정확성이 낮아지고, 정확성이 높아지면 효율성이 낮아진다.
- 부수적 차원 : 있으면 좋은 것.
- 사용성은 매우 중요
- 사용성은 효율성
사용성의 정의
- 사용성과 유용성은 나누기 힘들다.
- 효과적이냐 아니냐(유용성) / 효율적이냐 아니냐(사용성) 의 차이
- 기본적 차원 : 기본적인 것, 필수적인 것.
- 효율성이 높아지면 정확성이 낮아지고, 정확성이 높아지면 효율성이 낮아진다.
- 부수적 차원 : 있으면 좋은 것.
기본적 차원-효율성
- 어디에서 딜레이가 잡히는지가 중요 2. 물리적 시간이 아닌 지각적 시간으로 생각
휴대용 기기에서 단축성이 더 강조됨.
기본적 차원-정확성
사용자가 사전에 미리 오류를 덜 만들도록 하나? / 사용자가 오류를 만들었음을 어떻게 빨리 전달하나? / 사용자에게 오류 수정 방법을 어떻게 전달하나?
복구가 힘들면 힘들수록 경고를 크게 전달
청각과 촉각 이용 (ios가 잘함)
후방 : undo 전방 : 백업
부수적 차원-의미성의 차원
- 어디에서 딜레이가 잡히는지가 중요 2. 물리적 시간이 아닌 지각적 시간으로 생각
휴대용 기기에서 단축성이 더 강조됨.
무엇이 바뀌었는지 보여줌.
얼마나 잘 읽히느냐? / 말이 되냐?
메뉴얼이 쉽고 적합하냐?
부수적 차원-유연성의 차원
사용자가 컨트롤하고 있냐?
멀티태스킹
응용성은 사람이 (ex)facebook 프로필 커스터마이징) / 적응성은 시스템이 (시스템이 추천 내지 제안하는 것)
부수적 차원-일관성의 차원
사용성 속성 간의 상충 관계
핵심 속성을 찾는 것이 중요. 시간에 따라 변한다.
실습
<aside> 💡 1⃣ 프로덕트(기존 서비스 ex. 카카오톡, 무신사 등) 중 수강 내용과 부합한 프로덕트 화면 2개 피그마로 만들어보기
네이버 블로그 앱
2⃣ 해당 프로덕트를 선택한 이유
단축성과 개인화을 고려
- 단축성
- 두 번째 화면에서 (…)버튼을 누르면 인용구, 구분선 등의 버튼이 나타남. 블로그 앱을 사용하면서 이 단축기를 사용해 글을 편하게 작성했던 내 경험을 비추어 보았고, 단축성을 살린 예시라고 생각해 제작하였음.
- 개인화-응용성
- 개인 프로필과 블로그 홈을 꾸밀 수 있는 편집 기능이 개인화의 예시라고 생각해 제작하였음. </aside>무엇이 바뀌었는지 보여줌.얼마나 잘 읽히느냐? / 말이 되냐?메뉴얼이 쉽고 적합하냐?부수적 차원-일관성의 차원