信頼のための設計レイアウトに信頼の要素を追加する方法
信頼を築きにくい まだ素晴らしいウェブサイトには必要です。あなたがあなたの読者から信頼を生み出すことができないならば、なぜ彼らはあなたのサイトに戻ってくるのでしょうか?
ブログ、SaaS製品、クライアントの代理店のいずれを運営している場合でも、信頼を築くのは簡単ではありません。通常、それには時間がかかります あなたの聴衆との関係を築く. それでも、いくつかの設計手法があります。 信頼を築く可能性を高める.
このガイドでは、私が従うことができるいくつかの基本的なヒントをカバーします 信頼の要素を追加する あなたのウェブサイトに行き、新しい訪問者とのより強い関係を築きます.
デザインへの信頼
信頼はユーザーがいる環境を作り出す あなたのウェブサイトに参加したい. それはまたあなたのコンテンツを消費しそしてそれに基づいて行動することを心の状態にあるユーザーに取得させます.
これが、Googleの最初のページの結果の多くが挙げられる理由です 強力な.comドメインと大規模な機関サイトにつながる, あまり知られていないBlogspotブログではなく.
しかし、あなたのドメインはブランディングのほんの一部にすぎないので、優れたドメインがあなたが必要とするすべてであると仮定しないでください。 Webサイトを信頼できる機関に変えることができる多くの要因がありますが、おそらく最も重要なのは コンテンツ品質とユーザーエクスペリエンス.
あなたが素晴らしいコンテンツを配信しないならば、あなたはユーザーとの信頼を決して構築しないでしょう。これは与えられたものです。しかし、もしあなたが かなり素晴らしいコンテンツとしっかりしたブランド あなたはこれらのデザイン技術で信頼を売るはるかに簡単な時間があるでしょう.
TechCrunch これは、単なるブログであり、長年に渡るものの素晴らしい例です。 大規模な当局のWebサイトに拡大しました. 彼らの最新のデザインは、オンラインマガジンをより反映しています。.
周りを見回すことをお勧めします あなたのニッチで他のウェブサイトを研究する. 色の選択、タイポグラフィ、レイアウトスタイルを調べます。何が効いているか、そして何が最高の感覚を訪問者に伝えているかを見る.
クライアントブランドを紹介する
ビジネスを示す明確な方法の1つは 他の信頼できる第三者ブランドを通じて. 例えば、あなたのページにロゴを追加すると、あなたの会社は 他の大企業から信頼されている-常に良い兆候.
これは派手だと考えられるかもしれませんが、それは信頼をすぐに伝えるための素晴らしい方法でもあります。あなたのホームページがサービス/アプリケーションを販売するならば、あなたは訪問者にそれを知らせたいでしょう。 他の大企業があなたの製品を楽しく使っています.
インビジョン 彼らのホームページでこれを持っていて、それはとてもうまくいきます。ほぼみんな 一目でこれらのブランドのロゴを認識する. Twitter、Airbnb、Netflix、Dropbox、InVisionプロトタイピングツールに頼るすべての大企業.
これらのロゴに注意してください 大きくて派手である必要はありません. ほとんどの場合、彼らは レイアウトに溶け込む やや色あせた配色で。これは、あまり目立ちすぎたり、煩わしすぎたりすることなく、注意を引くのに最適です。.
あなたがブランドロゴをたくさん持っているなら、あなたも カスタムカルーセルローテーターを追加する. あなたは上の例を見ることができます pCloud ホームページラベルの付いた小さなセクションに気付くでしょう “によって使われた” 2本の矢印で 企業ロゴを切り替える. これらは、pCloudセキュリティ機能を使用する会社内のチームを表します。.
pCloudについて知らない人々はこのサイトを信頼する理由がありません。しかし、Uber、Nike、Ikea、BMW、およびAdobeがこの製品を使用していることを確認したら、それらをテストする価値があるかもしれません。.
ユーザーの声
普通の人 他人の意見を信頼する. 一見しても、紹介文が迅速に訪問者との信頼関係を築くための即効性のある接着剤のような理由です。.
あなたが望むようにあなたは証言をすることができます。 直接引用符、ビデオ録画、ユーザー評価、またはその他の完全なもの. 目標はただ他の人を持つことです あなたのサービスを保証する 即時の信頼を築く.
スポットデイケア 個々のデイケアセンターでこれを行います。各地 5つ星の評価機能が含まれています, Yelpのレビューにリンクしているメイン画像の横に埋め込まれています.
これらのレビューはYelpからのものであるため、それらは一般に信頼できるものです。第三者から来るものすべて 本物の裏書のように見えます それは消極的な顧客との信頼を築くのに役立ちます.
あなたはまだこれらの紹介文をページに追加する必要があります 不快ではない. 私はホームページが 注目を集めるのに最適な場所 そして、あなたはどこでもこれらの証言ウィジェットを寄り添うことができます.
の ジャズHR ホームページは本当に面白いです ユーザーの声とともに、クライアントのロゴを使用します。. 一目見ていると、すぐに信頼が生まれます。 このサービスを明確に使用している非常に多くの信頼できる人々. どのようにそれらのすべてが間違っている可能性があります?.
また、各紹介文には 2-5単語のpithyヘッダー, 続いて 実際の見積もり. これは、短い文章で注意を引くためのもう1つの堅実な設計手法です。.
あなたがこのアイデアが好きならあなたも試すことができます クライアントのロゴと紹介文を1つのウィジェットにまとめる. 机 彼らのホームページでこれを持っていて、それはあなたがこの傾向をどれだけ遠くまで取ることができるかの素晴らしい例です.
覚えている 人は他の人を信頼する, 現実的に感じ、潜在的な顧客/顧客に価値を提供するような声を得る.
一貫したブランドデザイン
読者ができるなら あなたのブランディングに慣れる 彼らはあなたのウェブサイトを信頼する可能性がはるかに高いでしょう。素晴らしいブランド あなたのサイトを会社のように感じさせる. その情報ははるかに信頼できるものと見なされ、たくさんのリピーターが訪れるでしょう。.
例えば、 AdEspresso. それらのレイアウトのほとんど Facebookのブランドから色やアイデアを借りる このサイトはFacebookの直接の広告パートナーであるため.
によって サイト全体でこれと同じブランド設定を維持する, それはすぐに信頼を築きます。このデザインはあなたがサイトが実際に何を提供しているか見るためにあなたを魅了して読んで保ちます.
あなたの生活の中でAdEspressoブランドのことを聞いたことがなかったとしても彼らのサイト 一貫したテーマをにじみさせる そしてそれはすべて非常に信頼できると感じています。イラスト、ブランドのロゴ、色、すべて.
あなたもすることができます 同様のページ要素を使用して独自のブランドをデザインする アイコンやベクトルイラストなど.
例えば, スカート 彼らの車の予約ビジネスの本質を視覚化するために彼らのホームページの魅力的なグラフィックを使います。これらのスマートなイラストはにうまくいくことができます サイトの機能を通して訪問者を案内する.
あなたのサイトに最適なブランドアイディアを見つけて、試してみてください。. 分割テストを実行する さまざまなアイデアを見るために 他のものよりもパフォーマンスが高いもの.
確実なブランディング方法はありません。 多くのユーザーテストによる試行錯誤.
プロのUXワーク
のアイデア “プロのUX” 少しあいまいに思えるかもしれませんが、それは信頼を築く上で重要な側面です。あなたのウェブサイト 他のすべてと同じように動作するはずです “信頼できる” ウェブサイトオンライン. 多くのデザイナーが他のWebサイトを研究し、既存のWebサイトに基づいてレイアウトを変更するのはこのためです。.
自分のウェブサイトに似たウェブサイトをGoogleで検索. どのような共通点がありますか？それらは異なるページ要素をどのように処理しますか？具体的には、次の点に注意してください。
- ナビゲーション
- ヘッダーhttps://assets.hongkiat.com/uploads/designing-for-trust-add-elements-to-layouts/photos
- 見出し/段落タイプ
- CTAボタン
- 列、グリッド、空白
優れたUXを適用することで、エンゲージメントを高め、信頼を高めることができます。 正しく機能するサイトを作る.
その一例が TechTargetサイト Googleで技術用語を調査すると、多くの定義が表示されます。ドメインやブランド自体についてはあまり知りません。しかし、彼らのウェブサイトのデザインは絶妙であり、それは 最初のページロードからの信頼の品種.
これはそれが見えるようになります 優れたコンテンツを持つ機関のようなもの. それはタイポグラフィや色やブランディングだけではありません。それは 全体の構成 そしてそれはどのように すべて一緒に働く 信頼できるユーザーエクスペリエンスを創造するため.
UXデザインで輪を作り直そうとしないでください. 代わりに、他の人のために働くように思われるものに従って、それにあなた自身のスピンをかけてください。 Webを検索し、よくデザインされたWebサイトを見つける. 好きな機能をメモしてください そしてなぜ彼らは働くのか.
やがて、あなたは 素晴らしいデザイントレンドを手に入れる そしてそれらを正しく複製する方法を学ぶでしょう.
ここにあなたができるいくつかのギャラリーがあります デザインのインスピレーションを見る：
- ワンページラブ
- ランディングページNinja
- CSSの勝者
- Webデザインのインスピレーション
