私達の旅

多言語ウェブサイトのレイアウトのアイデア

ウェブサイトを作成または設計することは、あなたが最もクールと考えるもののテンプレートの品揃えから選択するほど簡単ではありません。ウェブサイトのルックアンドフィールは非常に重要な要素ですが、決定を下す前に考える必要があるのはそれだけではありません。

それは事実です:あなたのウェブサイトの成功は、そのレイアウト、ユーザーがそれを使用しているか、閲覧している間にどのように感じるかにリンクされています。これは間違いなくあなたのサイトの意見や彼らが購入を検討するかどうかの良くも悪くもあなたの訪問者に影響を与えます。

まさか! デジタル機関協会(SoDA)の報告によると、ウェブサイトのユーザーエクスペリエンスが低いのは企業に悪影響を及ぼします。したがって、完璧なレイアウトを持つことは、ウェブサイトとユーザーエクスペリエンスの設計の極めて重要な側面です。

また、他のすべての業界と同様に、トレンドもデザインの世界を嵐に巻き込むため、彼らはいくつかの機能を共有していることに気づいたかもしれません。今日では、フルブリード画像と3列のデザインは、デザイナーで大流行しています。

しかし、ここでの問題は、どちらかのパスが有効であることを事前に知っておくべきです、彼らは両方とも長所と短所を持っています。それで、あなたは何をすべきだと思いますか?オプションは、集合的な想像上のこれらの要素の親しみやすさを利用することです、またはあなたは目立って、乱暴に異なる何かをすることによって、あなたの店に注意を引くことを決定することができます!答えるのは簡単な質問ではなく、あなたの選択はターゲットオーディエンスに依存します。

素晴らしいウェブサイトの特徴

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

Adobeによると、3分の2の人は時間を押されたときに何か明白なものよりも美しくデザインされたものを読みたいと思っています。魅力的でない場合は、38%の人がウェブサイトを離れます。これらは、多くの特異性を欠いている非常に一般的な声明のように思えます。しかし、UXとUIは常にデザインの専門家によって研究されているので、見知らぬ人に従って「美しい」という定義を探すのではなく、美しいものに変えることができるものを探し、美しさが私たちの文脈で何を意味するのかを定義する必要があります。

すべてのビジネスが同じではないため、良いウェブサイトの基準も一致しませんが、ウェブサイトを設計するタスクを構成するすべての異なる要素について話すことができますし、ビジネスエリアや原則についても考えながら、それらを振り返ることができます。

  1. クラッターフリー:コンテンツの間にスペースを入れて、ユーザーが興味を持っているものだけを表示してみてください。「装飾品」を取り除く。要素がより読みやすくなるように、節痛負のスペースを持ちます。
  2. インターフェイス: ナビゲーションを簡単にします。あるセクションから別のセクションへの簡単なパスを持っています。
  3. 視覚的階層: グラフィック要素を重要度順に並べ替えます。最も重要なものは、最初に来ることができるか、ほとんどのスペースを占有することができ、あなたの訪問者が異なる要素を通して自分の目を導くことによってナビゲートするのを助けます。例えば、 人々は最初に大きなことを読みます.
  4. カラーパレットと画像の選択: 一言で言えば、明るい色が目立つためアクセントとして素晴らしい仕事をし、右の画像と組み合わせることで、訪問者の興味を長く保つことができます!
  5. モバイルフレンドリー: 2019 年 7 月現在、すべての新しい Web ドメインのデフォルトは モバイル優先インデックス作成 であり、検索におけるモバイル対応ウェブページの ランクも向上しています 。モバイル版のレイアウトもうまく機能するようにしてください。
  6. 言語切り替えボタン: あなたが住んでいる国がどこから購入できるかを制限しない国境を越えた経済に住んでいると事実が言われている場合、多言語のウェブサイトを持たないことは、あなたが繁栄しようとしている場合は選択肢ではありません。

多言語のウェブサイトはどのように見えますか?

素晴らしいニュース!リラックスして、多言語のウェブサイトを作成することは試練ではありません、それはConveyThisを使用して、ウェブサイトのレイアウトのコーナーのいずれかに小さな言語ボタンを追加するのと同じくらい簡単です.オンラインでのビジネスは、これまでより容易になりました。

いくつかのウェブサイトのレイアウトを見て、それらをとても魅力的にするものを分析してみましょう。

クラブツリーとエブリン

ドイツで始まったが、素晴らしいレイアウトと言語オプションでビジネスグローバルを取り入れたボディ&フレグランス企業、クラブツリー&エブリンから始めましょう。

多様な製品が非常に広いので、彼らはレイアウトの世話をし、最初にホームページの画面を簡単なメッセージで満たすような慎重なデザインの決定を行うことによって訪問者を圧倒しないことを選択しました。

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

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

そして、これは言語ボタンの種類に関する記事で以前に話したことであり、誰もが自分の言語や国でブラウジングしているわけではないことを知っているので、彼らは2つのオプション、1つは領域用、もう1つは言語用です。このウェブサイトは、よく行われたローカリゼーションの仕事の完璧な例です。ConveyThisチーム連絡して、世界中のユーザーにウェブサイトをより歓迎する方法の詳細を確認してください!

デジタルミント

まず第一に、素晴らしい仕事。あちこちで素晴らしい決断を下していると思いませんか?コントラストとフォーカス領域を確立するための色の素晴らしい使用。このサイトに関するすべての良い点を挙げてみましょう:負のスペース、異なるサイズのフォント、カスタムアートワーク、色と色合い。

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

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

少なくとも最も重要なこと:軽い色調のビジネスパートナー、小さなフォントで「それを実現する」、黒い背景と白い文字の「話そう」ボタン、大きくて太字のフォントの「進化デジタル」、以前と同じフォントの「マーケティング」が緑色で強調表示されています。

さらに、「それを実現する」と「話そう」という命令も訪問者のブラウジング体験を助けます。

ナビゲーションバーはクラブツリー&イブリンと同じくらいシンプルで明確で、右側のソーシャルメディアバーは、ツールとしてソーシャルメディアに大きく依存している企業にとって最適な選択肢です。

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

ヨガング

ここに、整頓されたWebサイトの愛らしい例があります。ネガティブな空間がたくさんあり、カラーフィギュアがアニメ化されているので、来場者に好奇心を掻き立てられます!カジュアルなブラウザは間違いなく残り、ウェブサイトの残りの部分を見て、Yogangについてもっと学びます。華麗なデザイン。

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

同時に愛らしいとあなたの子供の子供時代のヨガンを作るための行動への呼びかけ。彼らは「購入」ボタンで衝動バイヤーにアピールし、また潜在的な顧客がチュートリアルにそれらを導くことによって、最初に製品についての詳細を学ぶのを助けます。

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

彼らの言語ボタンは、オプション"EN"と"FR"と控えめなボタンです。彼らは狭い言語オプションを持っていますが、彼らは明確に彼らの最大の市場を特定し、ユーザーのために可能な限り最高の経験を提供することに重点を置いています。

ネイビーまたはグレー

このリストにはたくさんのカスタムアートワークがあります。それは非常に汎用性の高い要素であり、これらのウェブサイトは、特定のルックアンドフィールを作成するために非常によくそれらを使用しています。

ネイビーとグレーはこのリストの最後の例ですが、以前に賞賛した機能もありますが、あなたもそれらを識別しましたか?それは非常に洗練された経験のために作る、それは魅惑的です。それは私が落ち着いた感じになります, すべてのその負のスペースを見て, 私はこのウェブサイトを閲覧するという考えに全く圧倒されていませんし、明確なメニューバーは、私は何の苦労もせずに探しているものを見つけることを保証します.

私は彼らがメニューで「シャツ」と「スーツ」を分離した方法に感謝し、それは仕立てビジネスのための適切な決定であり、他の多くの店舗がこれらの製品のサブページを作成したであろう、そしてそれはまた合理的な決定ですが、ネイビーやグレーのために、それはその洗練された外観に貢献しています。

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

あなたの聴衆のための素晴らしいウェブサイトをデザインする

リストされているウェブサイトは、優れたデザインの一般的な考え方に従うので素晴らしいですが、すべての決定が正当化されるため、理由はビジネス領域になることができますが、ターゲットオーディエンスになる可能性もあります。意思決定を行う際には、ビジネスのアイデンティティ、理想、オーディエンスを念頭に置いてください。

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

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

あなたは国際的に販売する準備ができている見て、おそらくこの記事を読んでいる間に素晴らしいアイデアの多くを思いついた。ConveyThisの詳細を学び、オンライン販売を促進しましょう!

著者

セシリア・モーリン

コメント(1)

  1. すべてを正しく行っている4つの刺激的なeコマース
    2020年2月20日 応答

    [...]ノミネート者は、偉大なデザイナーが全力を尽くし、ブランドのすべての理想を反映するすべての最高のアイデアを、訪問者を顧客に変える素晴らしい仮想ストアに持ち込んでいます。[...]

コメントを残して

メールアドレスは公開されません。必須フィールドには * のマークが付いています。