web-dev-qa-db-ja.com

戻るボタンの外観bootstrapどれを使用しますか?

ユーザーが最初にいくつかの情報を選択し、インポートするファイルをアップロードするマルチページWebアプリがあります。その後、ファイルはバックエンドに送信されて処理されます。その後、結果は新しいページでユーザーに表示されます。そこで、ユーザーはインポートに含める年を選択できます。検査時にそのページでユーザーは満足していないので、ファイルアップロードページに戻って別のファイルをアップロードしたり、他のオプションを使用したりできます。ただし、通常のフローでは、サブミットを押してこれらをインポートします。そのページに戻るボタンがあります。問題は、それをどのように提示すべきかということです。

再起動するだけなのでアクションは危険ではありません。

bootstrap cssで利用可能なボタンにかなり制限されています

enter image description here

警告、デフォルト、リンクのいずれかを選択しています。そして、それは非常に中立的なものであり、ユーザーを最初のページにリンクするつもりであるので、リンクに傾いています(インポートリンクに直接移動することにより、最初から開始することもできます)

他に考慮すべきことはありますか?

3
Viktor Mellgren

ページの2番目の機能を復習することを検討します。配置が一貫していて、スタイルがページレベルのアクションと競合していない限り、あなたが提案したようにリンクを選択します。

1
Wander

ボタンvsリンク

リンクは通常、現在のタスク/コンテキストから移動しますが、ボタンは現在のタスク/コンテキスト内のアクションにつながります。この状況では、ユーザーが一連のドキュメントをプロファイル/フォルダーにアップロードしているので、戻るをクリックしても、プロファイル/フォルダーの作成タスクからそれらが取り出されないことを想定しています。

このボタンはタスクのフローに直接影響し、primaryアクションとして提示される必要があるため、このボタンは主要なアクションと言えます。審美性が気に入らない場合は、デフォルトのボタンにフォールバックできます。 また、CSSを使用してbootstrapスタイルをオーバーライドするか、独自のクラスをスタイルボタンに追加して、ブートストラップによる制約を受けないようにすることもできます。スタイル。

また、ボタンを強調するために、画像またはfont awesome/glyphiconsのようなアイコンをボタンに追加することも検討してください。 。

enter image description here

追加の提案

ユーザーをメインページから離してから戻るプロセスは、(コードの制限でない限り)少しから多くの作業のように見えます。ユーザーがデータを追加/選択するためのアップロードウィザードを備えたモデルウィンドウなどで、このプロセスを合理化することは可能ですか?.

例。私が理解しているプロセス(ユーザーがアップロードを行う->すべてのアップロード/送信を含むページに移動->特定のアップロードを選択/選択解除できる->ユーザーはアプリ内の他の場所で続行するか、別のアップロードを行うかを選択できますか?)

enter image description here

モデルウィンドウ:ユーザーがアップロードボタンを押す->ドキュメントを送信するためのフォームを取得+メタデータ->アップロードが成功すると、モデルウィンドウが閉じてすべてのアップロードのリストが表示されます

enter image description here

モデルウィンドウソリューションを使用すると、ユーザーはアップロードコンテキストと編集コンテキストをシームレスに切り替え、絶えずページを変更してフローを中断することなくデータをすばやくカスタマイズできます。

3
Jason McFarlane

最近、同様の機能を提供するシステムを設計しました。プライマリボタン、セカンダリボタン、ネガティブボタンの配色と階層を作成しました。私が赤に配置したすべてのネガティブ、プライマリはグリーン、セカンダリはブルーで、すべてアクティブと非アクティブの状態でした。

実際に重要なのは、ユーザーに提供しているコンテキストです。使用するものが一貫している場合、ユーザーは常にそれを認識できるため、それほど重要ではありません。

あなたの質問については、より活気があるので、おそらくリンクを介して情報を探します。リンクは、行動を促すフレーズとして失われ、ページに溶け込むのではないかと心配しています。

1
J4G