사용자에게 입력을 받아야 하는 폼 화면 디자인 팁

좋은 화면을 설계, 디자인 하기 위해 고려할만한 내용

웹개발이던, 앱개발이던 UI 디자인은 항상 어렵지만, 사용자에게 입력을 받아야 하는 화면을 특히 더 어렵다. 이와 관련해 생각해볼만한 좋은 내용의 글이 있어 정리해봤다.

원문 : Designing More Efficient Forms: Structure, Inputs, Labels and Actions

https://uxplanet.org/designing-more-efficient-forms-structure-inputs-labels-and-actions-e3a47007114f

번역문 : 보다 효율적인 Form 설계

https://brunch.co.kr/@blackindigo-red/3

원문은 영어인데, 정윤선님이 잘 번역을 해주셨다. 5년전 글이지만, 내용은 지금도 유용하다. 모바일 앱, 웹 사이트 개발시 특히 유용할 것 같은데, 데스크탑 앱 개발에도 동일하게 적용될만한 내용들이다.

비슷한 성격끼리 그룹화

입력창은 여러개로 나누지 말 것

레이블은 상단에, 혹은 플레이스 홀더로 표시

메인 버튼은 확실히 구분, 버튼명은 기능별 명칭

클릭 후 어떤 일이 벌어지는지 확실히 표시

쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.