[내일배움캠프] UX/UI4기 사전캠프 6일차 : 아티클 스터디 - UX UI 레벨 테스트 정리

아티클 링크👇

https://velog.io/@wns450/UX-UI-%EB%A0%88%EB%B2%A8%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A0%95%EB%A6%AC

 

 

✍️  핵심 내용

---

1 ) 어느 쪽이 더 오래 읽기 좋은가요?

정답 . A

• 한 글줄을 읽고 나면, 우리 눈은 자연스럽게 다음 글줄의 시작점을 찾음.
• 가운데 정렬 글줄은 시작점이 매번 달리지고, 읽는 사람이 비교적 쉽게 피로감을 느낌.
• 긴 글을 읽을 때는 왼쪽 정렬이 좋음

2 ) 어느 쪽이 더 적절한가요?

정답 . A

• 크기, 위치, 색상, 면적 등에 대비를 주면 중요한 정보를 식별하기 쉬움
• 중요 정보와 나머지 간에 뚜렷한 차이를 만들 것
• 모든 것을 크고 두껍게 한다고 잘보이는 것은 아님

3 ) 어느 쪽이 더 읽기 쉬운가요?

정답 . B

• 줄간격을 150% 이상으로 둘 것 (글자 크기의 1.5배 이상으로 지정)
• 줄간격이 지나치게 좁으면 장애가 있는 사용자는 내용을 식별하기 어려움
• 적어도 단어 사이보다 글줄 사이가 넓어야 함

4 ) 어느 쪽이 더 적절한가요?

정답 . B

• 상호작용을 나타내는 색상은 버튼과 링크에만 쓸 것
• 상호작용 가능한 요소와 아닌 요소에 색을 구분없이 지정하면 사용자에게 혼란을 줌

5 ) 어느 쪽이 더 적절한가요?

정답. A

• 옵션이 적은 경우 라디오 버튼을 사용
• 사용자가 모든 옵션을 명확하게 파악할 수 있으며, 보다 빠르게 입력 가능

6 ) 어느 입력 필드가 더 적절한가요?

정답. B

• 플레이스 홀더를 레이블 대신 쓰지 말것
• 플레이스 홀더는 사용자가 입력을 시작하면 보이지 않음
• 레이블이 없으면 사용자는 무엇을 입력하는지 알기 위해 기억에 의존해야 함
• 되도록 레이블이 항상 보이게 만들 것

7 ) 어느 쪽의 입력이 더 빠른가요?

정답 . A

• 가장 자주 선택되는 항목, 사용자에게 가장 도움이 되는 항목을 기본 옵션으로 지정할 것
• 사용자가 더 빠르게 최선의 선택을 내릴 수 있도록 도움

8 ) 어느 쪽이 더 적절한가요?

정답 . B

• 사용자에게 수치심을 주지 말것
• 특정 선택을 강제하기 위해 '비싸게 구매하기', '혜택 포기하기', '불편하지만 웹으로 보기' 등
• 착각을 일으키거나, 부끄럽게 만드는 말을 쓰지 말것

9 ) 어느 쪽이 더 편리한가요?

정답 . A

• 꼭 알아야 하는 정보를 툴팁에 감추지 말 것
• 툴팁은 사용자에게 익숙하지 않은 정보를 요청하거나, 공간이 제한적인 상황에 쓰는 것을 권장

10 ) 어느 쪽이 더 적절한가요?

정답 . B

• 작업 결과, 행동 등 실제 내용을 나타내는 말을 버튼에 적용할 것
• 사용자가 버튼만 읽고도 답변할 수 있음

 

 

🔎 인사이트

---

• 좋았던점 : 어플을 쓰다가 흔하게 보았던 UI들을 보니 익숙하기도 하고 재미있었다. 8번 문항 같은 경우 뭐가 더 좋을 지 조금 헷갈렸지만 항상 공감되는 부분이다. 할인을 해준다거나 '100원에 구매하기', '공유하고 선물받기' 등의 문구를 보고 들어가면 꼭 회원가입을 유도하거나 멤버쉽 결재를 유도하는 등의 경우가 있는 데 어쩔 때는 참 불쾌하기까지도 하다. 100원에 구매하려면 회원가입을 해야하고, 공유하고 선물을 받으려면 공유를 하면 자동으로 응모가 되지만 당첨이 된 경우에만 선물을 준다던가,,, 하하ㅎㅎ,, 뭔가 속은 기분,, 마케팅적인 부분도 있겠지만 이럴 때는 속으로 '에라이 또 속았네.' 하곤 한다. 장기적으로는 소비자에게 좋은 영향이 끼칠 것 같지는 않으니 이 부분은 항상 염두에 두어야 겠다. 
• 아쉬웠던 점 : 없음.
• 알게된 개념 (제목, 설명) :

플레이스 홀더 : 인풋 박스 내에 위치하는 검색어 입력창 등에서 도움을 주기 위해 미리 입력되어 있는 텍스트

레이블 : 잇푼 박스 상단 혹은 좌측에 위치하는 입력받을 내용의 제목

 

🔎 플레이스 홀더와 레이블에 대해 더 알아보기

 🔺입력을 눌렀을 때 예시가 사라지는 것 말고, 예시 텍스트는 입력란 아래에 배치하는 것이 좋다

 

🔺도움말은 입력란 안쪽보다는 별도로 텍스트 영역을 사용하는 것이 좋다

 

🔺마찬가지로 하단에 보조 레이블을 사용하면 양식의 유용성이 높아진다.

 

💡플레이스 홀더는 가급적 보조적인 수단으로 사용하지 않는 것이 좋지만 꼭 사용하고 싶은 경우에는

🔺 입력란에 적는 텍스트는 옅은 색을 사용한다. 연하기를 조절하여 모든 스크린에서 잘보이도록 할 것

 

🔺 사용자가 클릭했을 때 사라지지 말고 입력란을 누르면 사라져야한다.

 

---

출처 :

https://blog.naver.com/meetmeinyourd/223156553325

https://coyleandrew.medium.com/alternatives-to-placeholder-text-13f430abc56f#.9ietfd7vn