비활성 및 숨겨진 구분

웹 앱을 만들면 피할 수 없는 것이 비활성과 숨김입니다.

넷 서핑해도 꽤나 이 손의 이야기가 나오지 않는다.

엔터프라이즈용 비즈니스 앱과 소비자용 웹 앱의 UI 설계
생각할 기회가 있었으므로 정리해 보았습니다.

비활성과 숨겨진 차이를 알아

모든 UI가 표시되고 있는 통상 표시와 비활성과 비표시를 비교.

버튼을 예로 비활성과 숨기기의 차이를 드러냅니다.

정상 및 비활성

우선 비활성

비활성은 버튼이 표시되어 있지만 누르지 않는 상태.

뭔가 필요한 정보가 입력되어 있지 않으면 누를 수 없는 경우에 자주 사용됩니다.

예를 들면, 로그인 버튼으로 사용자 ID나 패스워드가 입력되어 있지 않을 때의 UI로서 자주 사용됩니다.

일반 및 숨기기

숨기는 버튼이 원래 표시되지 않은 상태입니다.
물론 사용자는 조작할 수 없습니다.
권한 등으로 사용할 수없는 버튼의 경우에 사용됩니다.
ex) 관리자 메뉴

소비자용 앱에서는 숨기기와 비활성을 많이 사용하지 않습니까?

소비자용 앱은 필요한 기능을 기본적으로 사용자에게 제공하는 것을 목적으로 하고 있을 것이다.

만일, 사용자 등록을 해야 하는 앱이었다고 해도 기본적으로는 버튼을 누를 수 있도록(듯이) 하기 위해(때문에),
표시하고 활성 상태로 둡니다. 버튼을 사용자가 눌렀을 때 등록되었는지 판단한다. 그렇게 함으로써 이탈률을 낮추고 있습니다.

엔터프라이즈용으로는, 숨기기와 비활성은 자주 사용한다!

내가 지금까지 해온 엔터프라이즈 용 앱이라고 자주 숨기고 비활성 개념을 사용합니다.

왜냐하면 엔터프라이즈 용 앱은 종종 버튼 수와 입력 영역 수가 많습니다.

예를 들어, 이전에 제가 사용한 앱에서는 목록의 한 목록에서 할 수 있는 메뉴가 20개 이상 있었습니다.

이유는 사람이 사용하는 버튼이 바뀝니다.

회사에서 행해지는 업무를 충당하도록 만들어지기 때문에 기능이 몰리모리가 되어 조작이 많아져 버립니다.

어떻게 구분할까?

비활성

사용자가 조작할 수 없습니다. 무언가의 가동하면 할 수 있다.

UI를 사용할 수 없지만 표시되기 때문에 우울합니다

숨기기

사용자가 조작할 수 없습니다. 원래 모르겠다.

숨겨지면 UI가 어긋납니다

제 견해로는, 기본적으로는 소비자용이겠지만, 엔터프라이즈용이겠지만 표시해, 활성 상태인 것이 바람직합니다.
즉, 비활성과 비표시를 최대한 사용해서는 안된다고 생각합니다.

누를 수 없는 버튼이나 입력할 수 없는 폼, 사라지고 있는 버튼이 많이 발생하는 경우는,
원래 사용자에게 사용하기 쉬운 도선이 되어 있지 않은 것이 생각됩니다.

도선의 재검토나 기능분할을 해야 한다.

사용자에게 최대한 개방적인 UI! 그리고 심플 이즈 베스트!