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

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

これは事実です。Web サイトの成功は、そのレイアウト、つまりユーザーが Web サイトを使用または閲覧しているときにどのように感じるかに関係しています。これは、訪問者のサイトに対する意見や購入を検討するかどうかに、良くも悪くも確実に影響を与えます。

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

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

しかし、ここに問題があります。どちらの方法も有効であり、どちらにも長所と短所があることを事前に知っておく必要があります。それで、あなたは何をすべきだと思いますか？オプションは、集合的な想像の中でこれらの要素の親しみやすさを利用すること、または何か大きく異なることを行うことで目立ち、店舗に注目を集めることに決めることもできます。これは簡単に答えるのが難しい質問であり、選択は対象ユーザーによって異なります。

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

私たちは快適に偉大さの可能性は、多くの形で来て、多くの場所から、多くのオプション、多くの可能性で動作することがたくさんあると言うことができます。最適な選択肢は、ターゲット層と実行するビジネスの種類によって異なります。これらの選択肢は、ブランドイメージを形成し反映します。

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

すべてのビジネスが同じではないため、良い Web サイトの基準も一致するわけではありませんが、Web サイトをデザインするタスクを構成するさまざまな要素すべてについて話し合うことができ、自分のビジネス領域についても考えながらそれらを反映することができます。そして原則。

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

多言語 Web サイトはどのようなものですか?

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

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

クラブツリー＆エブリン

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

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

とても洗練された清潔感のある外観で、訪れた人はその体験に魅了されて長居してしまうこと間違いなしです。メニューに関しては、検索には 2 つのオプションがあり、探している内容を絞り込んだ場合はキーワードを入力できる検索ボタンが表示されます。または、ショップ ボタンをクリックして、カテゴリ別、コレクション別に、どこでどのように探索するかを選択するか、ギフト セットをチェックしてください。

そして今、これまでで最も驚くべきことに、言語スイッチャーがあります。ページの下部にあり、クリックすると、現在のストア設定が表示され、ドロップダウンメニューに選択肢が表示されます。

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

デジタルミント

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

さまざまなサイズの要素の配置は、読み始める場所を示し、空白は、読者が一時停止する時間を与えます。

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

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

さらに、「実現させてください」や「話しましょう」という命令も、訪問者のブラウジング体験に役立ちます。

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

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

ヨガ

ここでは、整頓されたウェブサイトの愛らしい例を紹介します。ネガティブスペースがたっぷりとあり、カラーのフィギュアがアニメーションで描かれているので、訪問者の好奇心を刺激します。カジュアルなブラウザは間違いなく残り、Web サイトの残りの部分を見て、Yogang についてさらに学ぶでしょう。鮮やかなデザイン。

ヨガンは、身体活動、リラクゼーション、共有と創造性を兼ね備えた子供のための楽しいゲームであり、彼らのホームページはそれを反映しています。ヨガのポーズをとっている異なるキャラクターのアニメーションは、プログラミングスキルを披露することではなく、製品の精神を反映しています。

愛らしいと同時に、ヨガンをお子様の幼少期の一部にするための行動喚起でもあります。これらは、「購入」ボタンで衝動買い者にアピールするだけでなく、チュートリアルに誘導することで潜在的な顧客が最初に製品について詳しく学べるように支援します。

彼らの長いメニューバーは、B2B と B2C を販売しているという点で正当化されます。そのため、さまざまな種類の訪問者がさまざまなものを探しており、全員が探しているものを素早く見つける必要があります。

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

ネイビーまたはグレー

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

ネイビーとグレーはこのリストの最後の例です。これには、以前に賞賛した機能もあります。あなたもそれらを特定しましたか?それは非常に洗練された体験をもたらし、魅力的です。ネガティブなスペースをすべて見ると、気持ちが落ち着くので、この Web サイトを閲覧するという考えにまったく圧倒されません。また、明確なメニュー バーのおかげで、探しているものは苦労せずに見つかることが保証されます。

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

特にこのウェブサイトは、右上に言語ボタンを置いており、彼らが選択したフォントは、ウェブサイトの残りの部分と同じです。そして、左下に、彼らは迅速な接触のためのWhatsappボタンを追加しました。

視聴者にとって素晴らしいウェブサイトをデザインする

リストされている Web サイトが優れているのは、優れたデザインの一般的な原則に従っているだけでなく、すべての決定が正当化されるためです。その理由は、その Web サイトが属するビジネス分野である可能性もありますが、対象ユーザーである可能性もあります。したがって、意思決定を行う際には、あなたのビジネスのアイデンティティ、理想、対象ユーザーを念頭に置くことを忘れないでください。

重要なのは、検索を簡素化する方法と、最小限のクリックで訪問者を探しているものに導く方法を考えることです。

簡単に言うと、訪問者がホームページにアクセスしたらすぐに行動を促すようにし、ネガティブスペースを使用してコントラストを生み出し、メッセージなどの重要なことを強調します。そして最後に重要なことですが、シンプルなメニューと言語ボタンがあります。

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