ユーザーエクスペリエンスの距離がユーザーの効率と満足度を向上させる方法

優れたユーザー エクスペリエンスにより、あなたとユーザーとの距離をより簡単に縮め、タスクを完了する際の効率を向上させ、使用プロセス中の満足度と快適性を高めることができます。いくつかの細かい点からユーザー エクスペリエンスの距離について説明しましょう。

1. バブルフローティング層

ユーザーが画像を削除する必要がある場合、「削除ボタン」をクリックすると、バブルポップアップウィンドウが表示され、ユーザーに削除の確認を求めます。ユーザーは画像に集中するだけでよいため、視覚的な負担が軽減され、マウスを長距離移動して「OK」ボタンをクリックする必要がないため、ユーザーの操作の物理的な負担が軽減されます。ポップアップモーダルウィンドウと比較して、ユーザーの視覚的な注意範囲が狭まり、思考スイッチがより近くなり、マウスの移動距離も短くなります。

iPad で写真を削除する同様の操作もあります:

泡立つ浮遊層により、視覚、思考、身体操作の距離が縮まります。

2. Google+サークルグループ化

Google+ では、他のユーザーをフォローしてサークルに参加したい場合は、マウスを「フォロー」ボタンに移動してクリックするだけですべての操作が完了します。新しいサークルを作成する必要がある場合は、同じフローティング レイヤーで完了するだけでよく、操作エクスペリエンス全体が非常にスムーズです。ユーザーの視覚的な注意と操作は非常に狭い領域で完了します。

Sina Weibo で誰かをフォローするには、まず「フォローに追加」ボタンをクリックし、「コメント名」を入力、「グループを選択」し、「保存」ボタンをクリックしてフォロープロセス全体を完了する必要があります。「フォローに追加」ボタンをどこでクリックしても、視覚的なフォーカスを画面中央のポップアップウィンドウに切り替える必要があり、そのためにはユーザーの視覚的なフォーカスとマウスを長距離移動させる必要があります。

3. Googleのインスタント検索結果

Google の検索を見てみましょう。コンテンツを入力すると、入力ボックスの下のフローティング レイヤーに関連キーワードが表示されます。ユーザーは完全なフレーズを入力しなくても、キーワードを直接選択できます。同時に、下の検索結果が同期して更新され (現時点では英語版のみサポートされています)、「Enter」キーをクリックする必要はありません。この高速で便利な検索エクスペリエンスにより、ユーザーの操作プロセスと検索結果の時間が短縮されます。

4. 対称的な相互作用

Google+では、ユーザーのコメント、展開されたコメント、非表示のコメントが同じ場所に配置されており、ユーザーが展開したり折りたたんだりするのに便利です。コメントの下部にはコメントを非表示にするアイコンもあります。同じ場所からコメントを展開したり折りたたんだりすることで、ユーザーがコメントを発見して認識しやすくなり、ユーザーの心理的な期待にも応えます。

YouTube のフルスクリーンとフルスクリーン終了の操作は、どちらもプレーヤーの右下隅に配置されています。フルスクリーンに入る場所からフルスクリーンを終了できるので、わかりやすくなっています。

対称的な相互作用は、単に「入るところ（または入力するところ）から出るところ（または出力）ができる」と理解できます。

対称的なインタラクションは理解しやすく、習得しやすいため、ユーザーの認識と認知が加速され、発見性と操作性が向上します。

5. フリック画像編集（インライン編集、見た通りの編集）

Flick で画像を編集する場合、ファイル名をクリックするだけで名前を変更し、元の場所にある画像の説明を追加できます。編集はインラインで実行でき、表示したものがそのまま得られるため、ユーザーの操作と体験の距離が短くなります。

6. Skype入力とQQの比較（タイムリーで効果的なフィードバック）

Skype チャットでは、友人が入力しているときに鉛筆のアニメーションが表示されます。友人が入力を間違えたり、内容を削除したりすると、鉛筆が逆さまになって内容を消去します。この即時かつ効果的なフィードバックにより、ユーザーに優れたエクスペリエンスがもたらされます。この細かいデザインは、ユーザーが鉛筆で書くシーンをシミュレートし、インターネットと現実の生活の距離を縮めます。

QQ のこの領域でのエクスペリエンスはあまり良くありません。友人が入力しているとき、ウィンドウの上部の領域にフィードバックが表示されますが、これは見つけにくいです。このとき、ユーザーの焦点は下のチャットコンテンツ領域にあり、ユーザーの視線は前後に移動する必要があります。

ここでは個人的な要約をいくつか紹介しましたが、他にも検討する価値のあるやり取りの詳細がいくつかあります。 。 。

原文: http://jenson2012.diandian.com/post/2012-09-12/40038984756

元のタイトル: ユーザーエクスペリエンスの距離がユーザーの効率と満足度を向上させる方法

キーワード: ユーザー、経験、距離、改善方法、効率、満足度、簡単、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化