現在のソフトウェアプロジェクトの調査をしているときに、フォードの自動車ビルダーWebアプリケーションに出くわしました。上部にはウィザード形式のナビゲーションがあり、最初の2つの選択(または手順)が完了するまで、今後のリンクは無効になります。これらのリンクは無効化されていますが、視覚的には無効化されていません。有効にした場合と同じように見えますが、クリックすることはできません。先に進む前に最初の選択をしなければならないことを理解するのはかなり簡単なので、これは許容できる解決策だと思います。例を参照してください:
私にとっては、これにより、許可されるまで後続の手順を視覚的に無効化またはグレー表示にするよりも、視覚的なノイズが少なくなります。これにより、選択が行われたときに発生する動き、混乱、および変化が少なくなります。
これらの将来のステップを一時的に無効にされていることを視覚的に区別せずに無効にした方が便利ですか?
私にとって答えの鍵はあなたの質問にあります:「先に進む前に最初の選択をしなければならないことは、簡単に計算できるためです」 。 ユーザーは物事を理解する必要はありません。彼らに考えさせないでください*-明確にしてください。
Mattのコメントの後に更新:ステップ2にいるときも、できないことがわかりませんステップ1をクリックしますが、ステップ2はまだ無効です(外観は同じです)。それはそれをより明確にするもう一つの理由です。私はあなたがそれを灰色にする必要があるとは思いません-私はもっときれいな解決策があると確信しています(しかし私はグラフィックデザイナーではありません)。
私の推測では、このページはユーザーテストで失敗しませんが、エクスペリエンスを向上させることができないということではありません。それは明確かつ明白でなければなりません-ユーザーはインターフェースについてさえ考えるべきではなく、彼が設定している夢の車について考えるべきです。
*こんにちはクルーグさん;)
視覚的にはそうですが、注意散漫は少なくなりますが、相互作用に関しては注意散漫です。あなたが先にクリックして見ようとしたが、何も起こらなかったと言ったように、それは無効にされました。私もウィザードをクリックして先に進んでいることに気づきました。
ユーザーは何が起こっているのか、何が起こるのかを知りたいのです。彼らの時間は彼らにとって貴重なので、私たちにとっても貴重です。そのウィザードと9つのステップがあることを知ることは、知っておくと良い情報です。
したがって、他のステップ(または他のいくつかの処理)をグレー表示しない間は、視覚的に気が散ることが少なくなる可能性があります。
私の意見では、これには2つの異なる方法でアプローチします。
1)最初の2つの選択が行われるまで、残りの「ウィザード」を表示しないでください。外部、内部などに関わる前に、ユーザーが最初のモデル選択のみに集中できるようにします。これにより、線形選択が非線形から分離されます。
2)視覚的なデザインを変更して、これをウィザードのように見せます。ウィザードは、アクションの線形または論理パスを伴う場合があります。このウィザードの視覚スタイルは、水平ナビゲーションのように表示され、選択を混乱させます。
これらは2つの抜本的な変更であり、投資するのに時間がかかる可能性がありますが、インターフェースの混乱が少なくなると思われます(クリック数、選択範囲、構造が少なくなる)。
最後に、現在のビジュアルデザインが正しい方向に進んでいることを考えると、これらのリンクが無効になっているように見えることはないと思います。