web-dev-qa-db-ja.com

ユーザーがカテゴリツリーを作成するための最良の方法

クライアントは多くのカテゴリとサブカテゴリを持つショップ構造を作成する必要があり、現在のシステムはそれらにとって非常に簡単ではありません。

最善の方法は、空白のテキスト領域-名前を入力してEnterキーを押してカテゴリを作成することと、タブを押して名前を入力してサブカテゴリを作成することだと思いました。

Text area category creation

それはおそらく最も速いですが、その一方で、それは十分に明白ではないかもしれませんし、カテゴリの他の属性を設定することもできないと思います。

ユーザーがカテゴリのセット全体をすばやく作成できるようにするためのベストプラクティスは何ですか?

1
djilt

次のように単純にテキスト領域を提供することはお勧めしません。

  • 必要な構造はユーザーには明らかではありません
  • 無効な構文を入力する機会を紹介します。

ただし、Wordpressで使用される以下のメソッドは、よりUXフレンドリーであり、他の属性を入力できます。

  1. ドラッグアンドドロップ
  2. リストから親を選択

Drag-and-Drop

代わりに、WordpressドラッグアンドドロップMenu Structureシステムがうまく機能します。

Wordpress Menu Structure

これは、ユーザーが階層を視覚的に再配置できるドラッグアンドドロップシステムです。

ドラッグアンドドロップを実装する場合は、次のようになります Nielsenのアドバイス

ドラッグアンドドロップデザインは、何かがドラッグできるかどうかまたはどこにドロップできるかが明らかでない場合、最悪の違反者であることがよくあります。 (または、ドラッグまたはドロップするとどうなりますか?)

知覚されたアフォーダンスの欠如の一般的な症状は次のとおりです。

  • ユーザーは、「ここで何をしますか?」と言います。
  • ユーザーは、彼らを助けるであろう機能の近くに行きません。
  • 大量の画面テキストがこれら2つの問題を克服しようとしています。

リストから親を選択

または、Wordpressには別の方法もあります:ドロップダウンリストから親を選択します

Select parent from drop-down

これは:

  • 実装が簡単です。
  • 引きずりやすさをアフォーダンスにする必要はありません。
  • しかし、階層は視覚的にわかりにくくなっています。
1
Joel Tebbett