기본으로 돌아가자 (UI Component Series)
원문: Taras Bakusevych / 번역: BUNDI
✍️ 큐레이터의 코멘트
Button / Text Fields / Selection Controls의 사용성을 자세히 들여다보는 연재 글입니다. 가장 본질적인 요소이기 때문에 종종 되새기면서 제대로 사용되고 있는지 살펴보는 것은 의미가 있습니다. 공간이 충분하지 않아서, 기존의 레이아웃을 유지하고 싶어서 또는 개발의 번거로움을 줄이려고 간과될 수 있기 때문인데요. 이 시리즈를 읽으며 제품에 대입해보았더니 몇 가지 놓쳤던 부분을 발견할 수 있었습니다.
👀 기억에 남는 Takeaways
🔸 명백한 Primary Action이 없는 상태에서는 모든 옵션을 동등한 레벨로 주는 것이 낫다.
🔸 Toggle은 반응이 즉각적으로 나타나는 환경에서 쓰여야 한다. 그렇지 않다면 Checkbox로 대체하자.
🔸 Checkbox 다음에는 긍정문을 두어 사용자가 클릭을 꺼리는 일이 생기지 않도록 하자.
🔸 필수 액션을 완료하기 전까지 Primary Button을 Disable로 두는 것보다, 무엇이 완료되지 않았는지 명확한 피드백을 줄 때 더 빠른 완수를 도울 수 있다.
🔸 입력해야 할 Form이 많을 땐 합치고 숨길 것이 없는지 생각해보자. 사용자의 인지 부하를 줄이고 매끄러운 경험을 만드는데 도움이 된다.
📕 UI Component Series 모두 읽기
🔸 Text field & forms https://brunch.co.kr/@bundi/36
🔸 Selection Controls https://brunch.co.kr/@bundi/38
🔸 Buttons https://brunch.co.kr/@bundi/39