좋은 UI/UX를 위한 Tip

1. Alert 보다는 텍스트 validate

Alert로 화면의 중앙 시야를 가리는 것등 화면이 계속 바뀌는 것은 사용자에게 어지럽고 집중을 흐리게 합니다.

validate를 같이 체크해서 텍스트를 바꿔주어 정보제공하면 더욱 도움이 됩니다.

2. 추가 정보를 요구할때 기존 정보를 저장해둔다.

만약 사용자가 여러 옵션을 선택하다가 자주쓰는 옵션을 추가해주는 기능을 발견해서 사용하려고 합니다.

이때 사용자가 기존에 선택한 옵션 정보를 전달해주면 사용자는 확인만하고 바로 자주쓰는 옵션 추가를 할 수 있습니다.

이렇게 하면 사용자가 모든 옵션을 원하는 걸로 다시 선택할 필요가 없습니다.

또 다른 예시로는 어떠한 이벤트 동작에 추가 정보가 필요할 때 이벤트 동작의 value값을 저장해두고 사용자가 추가정보를 입력하고 돌아왔을때 다시 선택하지 않게 도와주는 것입니다.

3. 색상은 조합은 3~5가지 색상만을 선택한다.

맞지않는 색상 여러개는 산만해지고 집중도를 떨어뜨립니다.

명도를 잘 조절해줘도 다른 느낌의 색표현이 가능합니다.

4. 여러개의 Radio버튼의 경우 Radio Group에 백그라운들 줘보자.

사용자가 직관적으로 A, B, C 버튼 Group임을 인지할 수 있고, 디자인적으로 좀 더 깔끔합니다.

5. help text(Tooltip)을 적절하게 넣어 유저에게 기능을 소개하자.

유저가 모르는 기능들이 많습니다. 유저에게 적절한 help text는 유저가 모르는 기능도 소개해주고 적절한 인터페이스로 사용하도록 도와줍니다.

https://skybear.notion.site/UI-UX-Tip-12ad68f80cf680a39e97f2466e970282