2017-10-05 4 views
0

웹 인터페이스를 재 설계하여 현재는 동일한 기능을 제공하지만 좋은 UX 디자인을 통해 더 쉽게 사용할 수 있습니다. 나는 두부 모양에 대해 덜 걱정과 느낌여러 항목을 선택하고 작업을 수행하는 데 유용한 UX 웹 디자인은 무엇입니까?

Current Design

내가 처음 UX 기능을 못 할, 나중에 올 수 : 현재, 여기에 같은 디자인이 모습입니다. 이 탭의 아이디어는 사용자가 확인란을 통해 항목을 선택하고 "수행 할 작업"드롭 다운 (작업에 따라 다른 모달 대화 상자를 여는)의 작업을 수행 할 수 있다는 것입니다. 목록의 항목 오른쪽에있는 3 개의 줄임표는 사용자가 다른 드롭 다운 컨트롤을 통해 동일한 작업을 수행 할 수 있도록합니다.이 드롭 다운 컨트롤을 사용하면 여러 항목에 대해 작업을 수행 할 수 있습니다. 줄임표 3 점 메뉴 한 항목에 대해

이 컨트롤의 불쾌한 부분은 목록에 수백 개의 항목이 포함될 수 있으며 확인란의 정확성이 너무 높아서 신속하게 확인할 수 없다는 것입니다. 사용자는 순차적으로 작업을 수행 할 항목을 선택한 다음 페이지 상단으로 스크롤하여 작업을 선택해야합니다. 스크롤하는 데 5 초가 걸릴 수 있습니다. 좋은 UX 패턴을 개발하여 적은 클릭 수, 스크롤링 및 좌절감으로 동일한 기능을 제공하고자합니다.

내 생각은 플로팅 액션 버튼을 제공하는 것이 었습니다. 그런 다음 사용자는 * 여하튼 * (적어도 더 큰 체크 박스는 최소한 아이디어를 생각하지 못했습니다) 여러 항목을 선택한 다음 플로팅 작업 버튼을 통해 원하는 항목을 선택합니다. 화면의 상단에 끔찍한 스크롤 대신 ("스크롤 가기"버튼이 중 하나에 대한 좋은 해결책이라고 생각하지 않습니다).

그래서 UX 패턴에 대한 권장 사항이나이 프로세스를 사용자에게 덜 좌절시키는 방법에 대한 일반적인 제안이 필요합니다. 저는 지금 재료 디자인의 팬입니다. 그러나 저는 제안에 대해 개방적입니다. 재료 디자인 가이드는 이와 같은 어떤 패러다임을 가지지 않는 것 같습니다.

답변

0

아주 적은 노력으로이 기능을 더 유용하게 만들 수있는 두 가지 간단한 일을 볼 수 있습니다.

  1. 확인란을 선택 취소하고 전체 행을 선택 표시하여 선택을 강조 표시합니다. 기본적으로 각 행은 확인란의 레이블이되며 확인란 자체는 보이지 않게됩니다.

  2. Fix the header 사용자가 아래로 스크롤하면 위쪽으로 이동합니다.

1

나는 UX 단계가 좋은 궤도에 있다고 생각한다 : 먼저 그들을 선택한 다음 동작을 설정한다.

클릭하기 만하는 체크 박스가 아니라 각 항목의 전체 상단 부분을 클릭하여 항목을 선택할 수 있습니다. 이렇게하면 사용자가 훨씬 쉽게 작업 할 수 있으며 체크 박스를 누르지 않아도 안심할 수 있습니다.

상단에 머리글을 고정하면 "모두 선택/선택 취소"옵션을 추가하고 항상 사용할 수있는 작업을 수행하는 데 유용합니다. 긴 목록을 생각하는 경우 필터에 검색 창을 추가하는 것도 좋은 옵션 일 수 있습니다. 검색 창과 '모두 선택'옵션을 함께 사용하면 사용자가 작업을 수행하는 데 도움이됩니다.

그 화면에서 수행해야 할 가장 중요한 조치 인 경우 "수행 할 작업"버튼을 조금 더 두드러지게 만들면 사용자가 수행 할 보조 옵션과 기본을 구분하는 것이 좋습니다.

관련 문제