多言語ウェブサイトのレイアウトアイデア: ユーザーエクスペリエンスの向上

ウェブサイトの作成やデザインは、さまざまなテンプレートの中から最もクールだと思うものを選ぶほど簡単ではありません。ウェブサイトの外観や雰囲気は非常に重要な要素ですが、決定を下す前に考慮しなければならないのはそれだけではありません。

事実、ウェブサイトの成功は、そのレイアウト、つまりユーザーがウェブサイトの使用中や閲覧中にどう感じるかにかかっています。これは、訪問者のサイトに対する印象や購入を検討するかどうかに、良い意味でも悪い意味でも確実に影響します。

冗談ではありません！ Society of Digital Agencies (SoDA) のレポートによると、Web サイトのユーザー エクスペリエンスが悪いと、ビジネスに悪影響を及ぼします。そのため、完璧なレイアウトは、Web サイトとユーザー エクスペリエンスの設計において極めて重要な要素です。

また、これらには共通する特徴があることに気づいたかもしれません。それは、他のすべての業界と同様に、トレンドがデザインの世界にも旋風を巻き起こすからです。今日では、フルブリード画像と 3 列デザインがデザイナーの間で大流行しています。

しかし、ここで問題があります。どちらの道も有効であり、どちらにも長所と短所があることを事前に知っておく必要があります。では、あなたは何をすべきだと思いますか? 選択肢は、集合的な想像の中でこれらの要素の親しみやすさを利用するか、まったく異なることをして目立ってストアに注目を集めるかのどちらかです。これは簡単に答えられる質問ではなく、選択はターゲット ユーザーによって異なります。

優れたウェブサイトの特徴

素晴らしい可能性はさまざまな形で、さまざまな場所から生まれ、取り組むべきこと、選択肢、可能性はたくさんあると自信を持って言えます。最適な選択は、ターゲット ユーザーと運営するビジネスの種類によって異なります。これらの選択によってブランド イメージが形成され、反映されます。

Adobeによると、時間に追われているとき、3 分の 2 の人は、地味なものよりも美しくデザインされたものを読みたいと考え、38% の人は、Web サイトが魅力的でない場合はそのサイトを離れるそうです。これらは、具体性に欠ける非常に一般的な発言のように思えます。しかし、UX と UI は常にデザインの専門家によって研究されているため、見知らぬ人による「美しい」の定義を探すのではなく、自分たちで美しくできるものを探し、自分たちの状況で美しさが何を意味するのかを定義する必要があります。

すべてのビジネスが同じというわけではないので、優れた Web サイトの基準も一致しませんが、Web サイトの設計タスクを構成するさまざまな要素について話し合い、ビジネス分野や原則を考慮しながらそれらを反映することができます。

1. すっきりと整理: コンテンツ間にスペースを設け、ユーザーが興味を持っているものだけを表示するようにします。「装飾」を取り除きます。要素が読みやすくなるように、十分なネガティブスペースを確保します。
2. インターフェース: ナビゲーションをシンプルにします。セクション間をわかりやすく移動します。
3. 視覚的な階層: グラフィック要素を重要度順に並べます。最も重要なものを最初に表示したり、最も多くのスペースを占めるようにしたりして、さまざまな要素に目を誘導することで訪問者のナビゲーションを助けます。たとえば、人々は大きなものを最初に読みます。
4. カラーパレットと画像の選択: 一言で言えば、明るい色は目立つため、アクセントとして最適であり、適切な画像と組み合わせることで、訪問者の興味をより長く引き付けることができます。
5. モバイル フレンドリー: 2019 年 7 月現在、すべての新しい Web ドメインのデフォルトはモバイル ファースト インデックスであり、検索におけるモバイル フレンドリーな Web ページのランクも向上しています。そのため、モバイル バージョンのレイアウトも適切に機能することを確認してください。
6. 言語切り替えボタン: 事実として、私たちは国境を越えた経済の中で暮らしており、あなたが住んでいる国が購入できる場所を制限していないため、成功を目指すなら多言語 Web サイトを持たないという選択肢はありません。

多言語ウェブサイトはどのような感じでしょうか?

素晴らしいニュースです！安心してください。多言語ウェブサイトの作成は大変な作業ではありません。ConveyThis を使用して、ウェブサイト レイアウトの隅に小さな言語ボタンを追加するだけです。国際的なオンライン ビジネスがかつてないほど簡単になりました。

いくつかのウェブサイトのレイアウトを見て、何が魅力的なのかを分析してみましょう。

クラブツリー＆エブリン

まずは、ドイツで始まり、優れたレイアウトと言語オプションでビジネスをグローバルに展開しているボディ＆フレグランス企業、Crabtree & Evelyn から始めましょう。

製品の種類が非常に多いため、レイアウトに気を配り、慎重にデザインを決定することで、訪問者を圧倒しないようにしています。たとえば、ホームページの画面を最初にシンプルなメッセージ（この場合はホリデー シーズンに関するメッセージ）で埋め、スクロールダウンするか [今すぐ購入] ボタンをクリックすると、訪問者が製品に誘導されます。

非常に洗練されたすっきりとした外観で、訪問者は間違いなくその体験に魅了され、より長く滞在するでしょう。メニューに関しては、検索には 2 つのオプションがあります。探しているものを絞り込んだ場合は、キーワードを入力できる検索ボタン、またはショップ ボタンをクリックして、カテゴリ別、コレクション別、またはギフト セットをチェックして、探索する場所や方法を選択します。

さて、これまでで最も素晴らしいのは、言語スイッチャーです。これはページの下部にあり、クリックすると、現在のストア設定と、代替案のドロップダウン メニューが表示されます。

これは、言語ボタンの種類に関する記事で以前に説明した内容ですが、地域用と言語用の 2 つのオプションがあるのは素晴らしいことです。なぜなら、誰もが自分の言語や国で閲覧しているわけではないことはわかっているからです。この Web サイトは、ローカリゼーションがうまく行われている完璧な例です。世界中のユーザーにとって Web サイトをより歓迎するサイトにする方法の詳細については、ConveyThis チームにお問い合わせください。

デジタルミント

まず第一に、素晴らしい作品です。至る所で素晴らしい決断が下されていると思いませんか? また、コントラストとフォーカス領域を確立するための色の使い方も素晴らしいです。このサイトの良い点をすべて挙げてみましょう: ネガティブスペース、さまざまなサイズのフォント、カスタムアートワーク、色と色合い。

さまざまなサイズの要素の配置により、どこから読み始めるべきかがわかり、空白により読者は一時停止する時間が与えられます。

ここに視覚的な階層の明確な例があります。

重要度の低いものから高いものの順に、ビジネス パートナーは明るい色調で、「実現しましょう」は小さなフォントで、「話し合いましょう」ボタンは黒い背景に白い文字で、「進化するデジタル」は大きく太字で、「マーケティング」は以前と同じフォントで緑色で強調表示されています。

さらに、「実現しましょう」や「話し合いましょう」という命令形も、訪問者の閲覧体験に役立ちます。

ナビゲーション バーは Crabtree & Evelyn と同様にシンプルで明確であり、右側のソーシャル メディア バーは、ツールとしてソーシャル メディアに大きく依存している企業に最適です。

言語ボタンはページの下部にあります。小さいですが、すべてのオプションが表示されており、色は明るく、Digital Menta のカラー パレットとはまったく異なるため、簡単に見つけることができます。

ヨガ

ここに、整理された Web サイトの素敵な例があります。ネガティブ スペースがたっぷりあり、カラーの図がアニメーション化されているため、訪問者の好奇心を刺激します。たまたまこのサイトを訪れた人は、間違いなく留まり、Web サイトの残りの部分を見て、Yogang についてさらに詳しく知るでしょう。素晴らしいデザインです。

Yogang は、身体活動、リラクゼーション、共有、創造性を組み合わせた子供向けの楽しいゲームで、ホームページにもそれが反映されています。さまざまなキャラクターがヨガのポーズをとるアニメーションは、プログラミング スキルを披露するためではなく、製品の精神を反映しています。

かわいらしさと同時に、Yogang を子どもの頃の一部にするための行動喚起にもなります。衝動買いをする人には「購入」ボタンでアピールし、また、チュートリアルに誘導することで、潜在的な顧客がまず製品について詳しく知ることができるようにもします。

彼らが B2B と B2C を販売しているため、メニュー バーが長いのは当然です。さまざまな訪問者がさまざまなものを探しており、全員が探しているものをすばやく見つける必要があります。

彼らの言語ボタンは、オプション「EN」と「FR」がある目立たないボタンです。言語オプションは限られていますが、最大の市場を明確に特定し、ユーザーに可能な限り最高のエクスペリエンスを提供することに重点を置いています。

ネイビーまたはグレー

このリストにはカスタム アートワークが多数含まれています。これは非常に用途の広い要素であり、これらの Web サイトでは、特定の外観と雰囲気を作成するためにカスタム アートワークを非常にうまく使用しています。

ネイビー＆グレーはこのリストの最後の例です。このデザインにも、私たちが以前称賛した機能が備わっていますが、あなたもそれを認識できましたか？ 非常に洗練された体験ができて、魅力的です。このネガティブスペースを見ると、落ち着いた気分になります。この Web サイトを閲覧するという考えにまったく圧倒されず、明確なメニューバーにより、苦労せずに探しているものを見つけられることが保証されます。

メニューで「シャツ」と「スーツ」を分けているのはありがたいです。仕立て屋にとっては適切な判断です。他の多くの店でもこれらの商品にサブページを作成しているでしょうし、それも合理的な判断です。しかし、ネイビーやグレーの場合は、洗練された外観に貢献しています。

特にこのウェブサイトでは、言語ボタンが右上に配置されており、フォントもウェブサイトの他の部分と同じものが選択されています。また、左下には、すぐに連絡できるように Whatsapp ボタンが追加されています。

視聴者のために素晴らしいウェブサイトをデザインする

リストされているウェブサイトは、優れたデザインの一般的な原則に従っているだけでなく、すべての決定が正当化できるため、優れています。その理由は、そのウェブサイトが属するビジネス分野である場合もありますが、ターゲット ユーザーである場合もあります。したがって、決定を下すときは、ビジネスのアイデンティティ、理想、ユーザーを念頭に置いてください。

重要なのは、検索を簡素化し、最小限のクリック数で訪問者を目的の場所に誘導する方法を考えることです。

簡単に言うと、訪問者がホームページにアクセスしたらすぐに行動を促すフレーズを表示し、ネガティブスペースを使用してコントラストを作成し、メッセージなどの重要なものを強調します。最後に、シンプルなメニューと言語ボタンを用意します。

あなたは海外で販売する準備ができているようで、この記事を読んでいる間にたくさんの素晴らしいアイデアが浮かんだことでしょう。ConveyThis について詳しく学び、オンライン販売を促進しましょう。