web-dev-qa-db-ja.com

UIの外部のアクションをUIのアクションと組み合わせる最良の方法は何ですか?

ウェアハウスアプリのピッキングフローに取り組んでいますが、次のフローを設計に変換するのに問題があります

スペースに移動->スペースをスキャン->製品をスキャン->選択したユニットの数を入力

このようなことを考えていますが、ユーザーに考えさせずにフローを通じてユーザーを誘導するために必要なフィードバックがないように感じます-また、このフローでは、ユーザーが選択した#ユニットを入力できるように入力フィールドを追加する場所がわかりません

皆様のご協力ありがとうございます!

enter image description here

私たちのチーム、ユーザー、そしてこの素晴らしいオンラインコミュニティからの多くのイテレーションとフィードバックの後、プロジェクトが一緒になりました。

Before and after

2
jam

進捗追跡が必要だと思います。水平である必要はありません。モバイルアプリケーションであることから、垂直に進むことができます。

進捗トラッカーとは何ですか?進行状況トラッカー(または進行状況インジケーター)は、シーケンスを複数の論理的および番号付きのステップに分割することにより、シーケンスの進行状況を表示します。これらは、指定されたタスクを完了するためのいくつかのステップをユーザーに案内します。適切な進行状況トラッカーは、次の側面についてユーザーに通知する必要があります。どのステップ(またはタスク)が完了したか(できれば適切な視覚的応答が必要)。現在のステップ(ユーザーのプロセス内の現在の場所)。残っているステップとステップの数(明確な指定が望ましい)。

enter image description here

(ソース)

2
Ren

ユーザーが3番目の画面に到着するとすぐに、UIAlertControllerに、数量の入力を求めるテキストフィールドが表示されます。その後、「ピックx金額」ボタンをタップします。

私がこれを提案していて、ボタンの下にUITextFieldが同時にアクティブにならない理由は、ボタンが大きく、ユーザーがタップしたくてたまらなく、入力せずに誤ってタップしたくないためです。番号。

0
Do2

あなたのコメントについて理解したことから、ピックアップするアイテムの数はステップ3で表示されます。彼らは、何らかの理由で正しい数をピックアップしなかった場合にのみ、新しい数を入力する必要があります(たぶん十分なアイテムがなかった可能性があります) )。

私は、ユーザーがクリックして正しい数を選択したことを確認できるように、クリックするアイテムの数が多い大きなボタンを保持します(これはほとんどの場合です)。下部に「正しい番号」または「別の番号を選択しました」というリンクを追加して、ユーザーが選択した正確な番号を示す画面にユーザーを導きます。

進行状況トラッカーとステップ2〜4を繰り返す必要性について:ステップ1で、「[通路A3]を使用する」(以前にスキャンしたスペース)へのショートカットを追加できるため、ユーザーはこのステップをスキップして直接ステップ2に進むことができます。 。

0
celinelenoble