아이콘 UI/UX

황희윤·2022년 11월 21일
0

제품 전반에서 일관된 아이콘을 사용한다

  • 아이콘을 대충 사용하지 않는다.

  • 아이콘 사용에 있어서 통일감을 준다.

한물간 아이콘을 사용하지 않는다

  • 최신 아이콘을 사용한다.

  • 텍스트 레이블을 아이콘과 함께 표시해 모호함을 줄인다.

  • 실제 사용자에게 아이콘을 테스트한다.

아이콘 위에 텍스트를 쓰지 않는다

  • 아이콘은 콘셉트를 표현하는 간단한 그림이다.

  • 아이콘은 사용자들이 클릭하려고 하는 것이 그들이 원하는 것이라는 것을 알려 주는 일종의 시각적 리마인더다.

  • 아이콘에 텍스트를 붙이면 번역이 안된다.

  • 텍스트 없어도 의미를 전달하는 아이콘을 사용한다.

  • 텍스트 레이블을 아이콘과 함께 제공해야 하지만, 아이콘 내부는 아니다.

항상 아이콘에 텍스트 레이블을 제공한다

  • 아이콘에 가까이 위치한 텍스트 레이블을 제공한다.

  • 모바일 사용자도 콘텍스트에 대한 레이블이 필요하다.

이모티콘은 세상에서 가장 널리 알려진 이모티콘이다

  • 이모티콘이 모든 상황에 적합하진 않겠지만, 이들은 매우 널리 알려졌고 쉽게 이해된다.

  • 이모티콘을 제품의 시각 언어 중 일부로 사용하는 것을 고려한다.

profile
HeeYun's programming study

0개의 댓글