통계 위젯 (화이트)

221495
8881
2514299

저작권

Do not be afraid to fail. Be afraid not to try. Pain is temporary, suck is forever. Keep it small and simple.

카카오 광고







사용자에게 입력을 받아야 하는 폼 화면 디자인 팁 by 미친병아리

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

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

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

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

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


비슷한 성격끼리 그룹화


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


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


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


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


[에버키] Atlas S15 아틀라스 S15 EKP121S15, 본상품선택 BOSE QC35 II 2세대 노이즈 캔슬링 헤드폰, 블랙, QuietComfort 35 II Apple 2020년 맥북 프로 13 (M1 칩셋 8코어 CPU 8코어 GPU), 8GB, SSD 256GB, 스페이스 그레이 키크론 K6 무선 기계식키보드 WHITE LED 핫스왑 갈축, 혼합색상 마이크로소프트 모바일 마우스 KGY-00060, 포피레드 한성컴퓨터 39.62cm FHD DEX 포터블 HDR 멀티터치 휴대용 모니터, TFX156T
쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 있습니다.

카카오 광고