最近、Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com を使用した際に、ユーザーの詳細にいくつかの小さな問題が見つかりました。これらの問題を解決するために、123WORDPRESS.COM は上記 4 つの Web サイトの処理方法を試しましたが、まだ学べる点があると感じました。 提案のための感情的なデザインの詳細: EBAY.COM ユーザーが提案を利用したくない場合、または提案が邪魔になると思われる場合は、提案をオフにすることができます。(提案は、ユーザーの流れを遮断し、ユーザーのメンタルモデルに影響を与える場合があります) ユーザーが再度サジェスト機能を使用したい場合、検索ボックスの右側にあるボタンをクリックすることで、サジェスト機能を復元することができます。このとき、マウスを復元ボタンの上に移動すると、ボタンの意味がわからないことを防ぐために、ボタンの機能を示すヒントが表示されます。 ヤフーショッピング YAHOOショッピングのオレンジボックスでは、自由にオフにできるサジェスト機能も発見しました。 要約:表面的には、これらの機能は単なるおまけのように思えますが、ユーザーの感情的なデザインの観点から見ると、これらの機能は、ユーザーが新しい検索機能を大胆に試し、頻繁に使用する自信を高めることもできます。 検索ボックスのコンテンツの詳細をワンクリックでクリア: APPLE.COM Apple はまさにユーザー エクスペリエンス デザインに細心の注意を払っている企業であり、そのことは同社の公式サイトの検索機能の詳細からも明らかです。 ユーザーが検索ボックスにキーワードを入力すると、検索ボックスの下に商品カテゴリーの候補が表示され、検索ボックスの右側(画像のオレンジ色のボックス内)に検索キーワードをクリアするボタンが表示されます。 写真の緑色のボックスのデザインは非常に巧妙で、Appleデザイナーの特徴を十分に反映しています。検索ボックスの近くに確認ボタンがないことに気付くでしょう(視覚的な美しさとバランスのため)。しかし、ユーザーはEnterキーを使用するか、緑色のボックス内のテキストリンクをクリックして、検索ボタンの機能を実現できます。このデザインは視覚的なバランスを満たすだけでなく、機能的なニーズも満たしています。完璧です! |
<<: HTMLページがincludeを使用してphpファイルをインポートした後に余分な空白行があります
序文この記事では、Windows で Mysql をバックアップするための簡単な BAT スクリプト...
序文エージェントの役割は何ですか? - 複数のドメイン名が同じサーバーに解決される- 1つのサーバー...
目次setStateを使用する理由setStateの使用法非同期または同期更新要約するsetStat...
1. Nginxの簡単な紹介Nginx は、無料のオープンソースの高性能 HTTP サーバーおよびリ...
ハードウェア上の理由により、機械は標準時間にある程度追いつけない場合があり、その誤差は 1 か月で数...
1. 外部CSSファイルの基本スタイルをインポートする<link> タグを使用して外部ス...
ページコンテンツ全体を中央に配置する方法と、コンテンツに合わせて高さを自動的に拡大縮小する方法。これ...
アプリケーションや Web サイトのパフォーマンスが成功の重要な要素であることは誰もが知っています。...
まず効果を見てみましょう: マウスを画像の上に移動すると、影の効果とテキスト/アイコンが追加されます...
参考までに、vueとbootstrapを使って比較的シンプルな生徒管理システムを作りました。具体的な...
img 画像タグに alt 属性を追加しますか?画像 img タグの alt 属性を見落とすことはよ...
テキストファイルの内容を並べ替える使用方法: ソート + オプション + ファイル名 (複数のファイ...
1. MySQL独自のストレステストツールMysqlslap mysqlslap は、mysql に...
Ubuntu 18.04では参考までにmysql 5.7をインストールします。具体的な内容は以下のと...
序文比較的複雑な大規模システムでは、複雑なロジックで処理する必要があるオブジェクトまたはデータ フロ...