👍좋은 UI를 위해 고려해야 할 20가지 케이스

좋은 서비스는 사용자들에게 어떠한 혼란도 의문도 남기지 않습니다. 매끄럽게 설계된 UX와 명확히 디자인된 UI는 어떤 사용자라도 저마다 원하는 목적을 쉽고 빠르게 달성할 수 있도록 돕습니다. 이런 우수한 사용자 경험을 지닌 인터페이스를 디자인 개발하기 위해서는 크게 '정보 입력', '정보 출력', 그리고 '정보의 양'. 이 세 가지에 대한 적절한 상태와 속성이 필수적으로 고려되어야 하죠. 이에 대해 하나씩 알아볼까요? 👀 . . 1️⃣ 정보 입력 '사용자가 시스템에게 정보는 보내는 행동'을 의미합니다. '입력창(input)'이나 '버튼'처럼 사용자가 직접 눌러 정보을 입력하고 제출할 수 있는 요소들에 대해 고려할 필수 상태 및 속성은 다음과 같습니다. 1) Default Status 2) Active / Inactive Status 3) Touch Area 4) Type of Input/Information 5) Input Action . . 2️⃣ 정보 출력 '시스템이 사용자에게 알려주는 상태' 등의 정보를 의미합니다. 로딩 표현 방식은 어때야 하는지, 정보 입력 값에 대한 피드백은 어떻게 주어야 할 지, 정보 저장/새로 고침 시엔 언제 어떤 방식으로 진행되는 지 등 다양한 경우를 세심히 고려해야 합니다. 1) Loading 2) Correct / Incorrect 3) Success / Failure 4) Save Moment 5) Refresh Timing . . 3️⃣ 정보의 양 '특정 바운더리 안에 있는 텍스트나 형태 요소들의 상태'를 의미합니다. 입력 및 선택한 정보 양의 변화에 따라 상태값을 어떻게 주어야 할지 뿐만 아니라 아무런 정보가 없을 때 (empty page)의 케이스도 명확히 정의해 주어야 합니다. 1) None 2) Min 3) Some 4) Many 5) Max 6) Overflow . . 저도 디자이너 커리어 초기에는 다양한 상태와 케이스를 고려하는 경험이 부족했기에 개발팀 전달 후에 다시 화면 추가 요청을 받았던 적이 많았습니다. 😵 💦 그러나 이제는 경험이 쌓이면서 다양한 경우의 수들을 왜 세심하게 고려야 해야 하는지 이해하고 있기 때문에 필수적으로 정의해야 할 케이스를 놓치는 빈도도 점점 줄어가고 있습니다. 여러분들도 디자인하실 때 다양한 케이스를 고려하는 연습을 꾸준히 하셔서 앞으로도 멋진 서비스를 만드시길 바래요! 🤞 . . . P.S. 위 내용은 디자인 콘텐츠 큐레이션 서비스 '디자인 나침반'의 글을 참고하여 작성되었습니다. 더 자세한 내용이 궁금하시면 아래 링크를 살펴보세요!