ある種の「完了するタスク」レイアウトの設計を求めるアドバイス/リソース
ユーザーが自分でいくつかのタスクを実行する必要があるサイトを作成しています。テーマは、ユーザーが何かをオンラインで売りに出す市場サイトの近くにあります。
- 画像のアップロードについて考えてください。
- テキストを書き、
- 複数の情報フィールドに入力し、
- さらなる行動に影響を与えるいくつかの選択を行います（例：コピーライターの写真家を雇うか、彼らが自分でそれらのタスクを実行するように言う）
- いくつかのタイプのデータを検証するために実行する必要があるいくつかのプロセスを含む、さらにいくつかのもの。
私は「ダッシュボードデザイン」、「todoデザイン」などの用語をグーグルで検索してきましたが、次のようなものは見ていません。
- 直感的（一部のユーザーは、自分がしなければならないタスクや自分がしなければならない選択に圧倒される場合があります。もちろん、どのような状況でもユーザーを怖がらせたくない）
- すべてが自然なプロセスであるかのように見える、クリーンでオーデン
以下の3つのアプローチが思い浮かびました。
かんばんのようなソリューションかんばんボードのようなものに出くわしましたが、その場合、ユーザーは「Todo」、「進行中」、「応答を待っています」、「確認中」のようなステータスを明示的に設定する必要があります'および'完了 '。したがって、ユーザーが完了しなければならない追加の必要なアクティビティのために、これが実用的なアプローチになるかどうかはわかりません。
タブ付きインターフェースタブ付きインターフェースは論理的に見えますが、すべてが一度にあり、ユーザーは自分がやりたいと思うだけのフィールドに入力します。しかし、個人的には、タブ付きのインターフェースは、データを投稿する際の入力の検証に関しては、少し使いにくいと思います。
タスクを含むテーブルリストこれは、ユーザーが一度に1ステップずつ実行できるが、同時に別のテーブルを表示するのはまったく退屈であり、少し不明瞭に思えるかもしれないので、私にとって最も実用的なアプローチのようですユーザーに期待していること。もちろん、Webアプリケーションの他の部分もテーブルリストを使用しており、それらはすべて、リソースの部分的なタスクを完了するのではなく、特定のリソースへのアクセスを提供します。
私はあなたの考え、議論、そしてできれば先に進む前に見たはずの興味深い読み物を楽しみにしています。
私はリストのデザインでこれに取り組み、上にいくつかのゲーミフィケーションを加えると思います:)
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
ユーザーがタスクを完了すると、スターが付き、下部の合計にポイントが加算されます。これは、星に微妙なアニメーションが表示されて飛び出し、ポイントが新しい番号にスクロールするので、非常に遊び心のあるものになるはずです。
次に、新しいタスクがリストに表示されます。もちろん、すべてのステップが保存され、ユーザーが次回ログインするときから続行できるようになります。
タスクの性質を見て、情報アーキテクチャにグループ化を作成できますか？それはデザインに役立つかもしれません。おそらく、ページの各メインコンテンツ領域は、一度に1つのタスクまたはステップに制限されています。したがって、大きなタスクは小さなTo Doに分割できます。何が売れてるの？ （製品のタイプ名、カテゴリバケットの選択、寸法、重量の追加）どのように見えますか？ （写真を追加するか、写真家のステップを雇います）。ステップは直線的ですか、それとも任意の順序で実行できますか？すべて必要ですか、それとも一部のみですか？写真なしの商品を投稿しても販売できますか？