أفكار تخطيطية لموقعك الإلكتروني متعدد اللغات: تحسين تجربة المستخدم
اجعل موقعك متعدد اللغات في 5 دقائق
إن إنشاء أو تصميم موقع ويب ليس بالأمر السهل، حيث يتعين عليك اختيار القالب الذي تعتبره الأروع من بين مجموعة متنوعة من القوالب. ورغم أن المظهر العام لموقع الويب يشكل عاملين مهمين للغاية، إلا أنهما ليسا الأمرين الوحيدين اللذين يتعين عليك التفكير فيهما قبل اتخاذ القرار.
إنها حقيقة: إن نجاح موقعك الإلكتروني مرتبط بتصميمه، وكيف يشعر المستخدمون أثناء استخدامه أو تصفحه. وهذا يؤثر بالتأكيد على زوارك سواء بالإيجاب أو بالسلب في رأيهم في موقعك وما إذا كانوا سيفكرون في الشراء أم لا.
لا مزاح! وفقًا لتقرير صادر عن جمعية الوكالات الرقمية (SoDA) ، فإن تجربة المستخدم السيئة للموقع الإلكتروني تضر بالشركات. لذا فإن الحصول على التصميم المثالي يشكل جانبًا محوريًا في تصميم الموقع الإلكتروني وتجربة المستخدم.
ربما لاحظت أيضًا أنهما يشتركان في بعض الميزات، وذلك لأن الاتجاهات، مثل جميع الصناعات الأخرى، تكتسح عالم التصميم أيضًا. في الوقت الحاضر، أصبحت الصور الكاملة والتصميم ثلاثي الأعمدة رائجة بين المصممين.
لكن المشكلة تكمن في أنه يجب أن تعلم مسبقًا أن أيًا من الطريقين صالح، فكل منهما له إيجابياته وسلبياته. إذن، ما الذي تعتقد أنه يجب عليك فعله؟ الخيارات المتاحة هي الاستفادة من معرفة هذه العناصر في الخيال الجماعي، أو يمكنك أن تقرر التميز ولفت الانتباه إلى متجرك من خلال القيام بشيء مختلف تمامًا! الإجابة على هذا السؤال ليست سهلة، وسيعتمد اختيارك على جمهورك المستهدف.
خصائص الموقع الرائع
يمكننا أن نقول بكل راحة أن إمكانيات العظمة تأتي في أشكال عديدة ومن أماكن عديدة، وهناك الكثير للعمل به، والكثير من الخيارات، والكثير من الإمكانات. ستعتمد أفضل اختياراتك على جمهورك المستهدف ونوع العمل الذي تديره. تشكل هذه الاختيارات وتعكس صورة علامتك التجارية.
وفقًا لشركة Adobe ، يفضل ثلثا الأشخاص قراءة شيء مصمم بشكل جميل بدلاً من شيء عادي عندما يكون الوقت ضيقًا؛ وسيغادر 38% من الأشخاص موقع الويب إذا لم يكن جذابًا. تبدو هذه وكأنها عبارات عامة جدًا تفتقر إلى الكثير من التفاصيل. لكن خبراء التصميم يدرسون دائمًا تجربة المستخدم وواجهة المستخدم، لذا بدلاً من البحث عن تعريف "الجمال" وفقًا لشخص غريب، يجب أن نبحث عن أشياء يمكننا تحويلها إلى جميلة، ونحدد ما يعنيه الجمال في سياقنا.
نظرًا لأن جميع الشركات ليست متشابهة، فإن معايير موقع الويب الجيد لن تتطابق أيضًا، ولكن يمكننا التحدث عن جميع العناصر المختلفة التي تشكل مهمة تصميم موقع الويب ويمكنك التفكير فيها مع التفكير أيضًا في مجال عملك ومبادئك.
- خالٍ من الفوضى : ضع مسافة بين المحتوى الخاص بك، وحاول عرض ما يهتم به المستخدم فقط. تخلص من "الزخارف". احتفظ بمساحات سلبية كبيرة حتى يسهل قراءة العناصر.
- الواجهة : اجعل التنقل بسيطًا. احصل على مسارات واضحة من قسم إلى آخر.
- التسلسل الهرمي البصري : رتِّب العناصر الرسومية حسب الأهمية. يمكن أن تأتي الأشياء الأكثر أهمية أولاً أو تشغل أكبر قدر من المساحة، وساعد زوارك على التنقل من خلال توجيه أعينهم عبر العناصر المختلفة. على سبيل المثال، يقرأ الأشخاص الأشياء الأكبر أولاً .
- لوحة الألوان واختيار الصورة : باختصار، الألوان الزاهية تبرز وبالتالي تعمل بشكل رائع كلمسات جمالية، وعند دمجها مع الصور المناسبة يمكنك إبقاء زوارك مهتمين لفترة أطول!
- متوافق مع الأجهزة المحمولة : اعتبارًا من يوليو 2019، أصبح الإعداد الافتراضي لجميع نطاقات الويب الجديدة هو الفهرسة التي تركز على الأجهزة المحمولة ، كما تم تعزيز ترتيب صفحات الويب الملائمة للأجهزة المحمولة في عمليات البحث. لذا، تأكد من أن تصميم إصدارك المتوافق مع الأجهزة المحمولة يعمل بشكل جيد أيضًا.
- زر تبديل اللغة : عندما تقول الحقائق أننا نعيش في اقتصاد عابر للحدود حيث لا تحدد الدولة التي تعيش فيها الأماكن التي يمكنك الشراء منها، فإن عدم وجود موقع ويب متعدد اللغات ليس خيارًا إذا كنت تتطلع إلى الازدهار.
كيف تبدو مواقع الويب متعددة اللغات؟
أخبار رائعة! يمكنك الاسترخاء، فإنشاء موقع ويب متعدد اللغات ليس بالأمر الصعب، بل إنه سهل مثل إضافة زر لغة صغير إلى إحدى زوايا تصميم موقع الويب الخاص بك باستخدام ConveyThis. لم يكن ممارسة الأعمال التجارية عبر الإنترنت دوليًا بهذه السهولة من قبل.
دعونا نلقي نظرة على بعض تخطيطات مواقع الويب ونحلل ما يجعلها جذابة للغاية.
كرابتري وإيفلين
دعونا نبدأ مع Crabtree & Evelyn، وهي شركة متخصصة في مستحضرات الجسم والعطور بدأت في ألمانيا ولكنها أخذت أعمالها إلى العالمية من خلال خيارات التصميم واللغة الرائعة.
وبما أن تنوع المنتجات واسع جدًا، فقد اختاروا عدم إرباك زوارهم من خلال الاهتمام بتصميمها واتخاذ قرارات تصميم دقيقة، مثل ملء شاشة الصفحة الرئيسية أولاً برسالة بسيطة، في هذه الحالة، حول موسم العطلات، وعندما تقوم بالتمرير لأسفل أو النقر فوق الزر "تسوق الآن"، يتم توجيه الزائر إلى المنتجات.
إنه مظهر أنيق ونظيف حقًا، وسوف يظل الزوار هناك لفترة أطول بالتأكيد، مفتونين بالتجربة. فيما يتعلق بالقائمة، هناك خياران للبحث، زر بحث حيث يمكنك كتابة كلمة رئيسية، إذا قمت بتضييق نطاق ما تبحث عنه؛ أو انقر فوق زر المتجر، ثم اختر المكان أو الطريقة التي تريد استكشافها، حسب الفئة، حسب المجموعة، أو تحقق من مجموعات الهدايا.
والآن نصل إلى أكثر الأشياء إثارة للدهشة على الإطلاق، وهو تبديل اللغة. يمكنك العثور عليه في أسفل الصفحة، وعندما تنقر عليه، فإنه يعرض لك إعدادات المتجر الحالية، مع قوائم منسدلة تحتوي على بدائل.
وهذا شيء تحدثنا عنه سابقًا في المقالة حول أنواع أزرار اللغة، ومن الرائع أن لديهم خيارين، أحدهما للمنطقة والآخر للغة، لأننا نعلم أن ليس كل شخص يتصفح بلغته أو في بلده. هذا الموقع هو المثال المثالي لعمل توطين جيد. اتصل بفريق ConveyThis لمعرفة المزيد من المعلومات حول كيفية جعل موقع الويب الخاص بك أكثر ترحيبًا بالمستخدمين في جميع أنحاء العالم!
النعناع الرقمي
أولاً وقبل كل شيء، عمل مذهل. قرارات رائعة في كل مكان، ألا تعتقد ذلك؟ واستخدام رائع للألوان لتحديد التباين ومناطق التركيز. دعنا نسرد كل الأشياء الجيدة في هذا الموقع: المساحات السلبية، والخطوط ذات الأحجام المختلفة، والأعمال الفنية المخصصة، والألوان والظلال.
يوضح لك ترتيب العناصر ذات الأحجام المختلفة مكان بدء القراءة، كما تمنح المساحة البيضاء القارئ وقتًا للتوقف.
وهنا لدينا مثال واضح للتسلسل الهرمي البصري:
من الأقل إلى الأكثر أهمية: شركاء العمل بألوان أفتح، "اجعل الأمر يحدث" بخط صغير، زر "دعنا نتحدث" على خلفية سوداء وأحرف بيضاء، "التطور الرقمي" بخط كبير وغامق، و"التسويق" بنفس الخط السابق ولكن مميز باللون الأخضر.
بالإضافة إلى ذلك، فإن العبارات الإلزامية "اجعل الأمر يحدث" و"دعنا نتحدث" تساعد الزائر أيضًا في تجربة التصفح الخاصة به.
يعد شريط التنقل بسيطًا وواضحًا مثل شريط Crabtree & Evelyn، كما يعد شريط الوسائط الاجتماعية الموجود على اليمين خيارًا رائعًا للشركات التي تعتمد بشكل كبير على الوسائط الاجتماعية كأداة.
يمكنك العثور على أزرار اللغة الخاصة بهم في أسفل الصفحة، وهي صغيرة الحجم، ولكن جميع الخيارات مرئية وألوانها زاهية ومختلفة تمامًا عن لوحة ألوان Digital Menta، لذا يمكن العثور عليها بسهولة.
اليوغا
لدينا هنا مثال رائع لمواقع ويب خالية من الفوضى. هناك الكثير من المساحات السلبية والأشكال الملونة متحركة، وهذا يغرس شعورًا بالفضول لدى الزائرين! سيبقى المتصفحون العاديون بالتأكيد وينظرون إلى بقية الموقع ويتعلمون المزيد عن Yogang. تصميم رائع.
Yogang هي لعبة ممتعة للأطفال تجمع بين النشاط البدني والاسترخاء والمشاركة والإبداع، وتعكس الصفحة الرئيسية هذه الحقيقة. لا تهدف الرسوم المتحركة للشخصيات المختلفة التي تؤدي أوضاع اليوجا إلى إظهار مهارات البرمجة، بل إنها تعكس روح المنتج.
إنها جذابة في الوقت نفسه وتدعو إلى العمل لجعل اليوجا جزءًا من طفولة أطفالك. فهي تجذب المشترين الاندفاعيين من خلال زر "الشراء" وتساعد أيضًا العميل المحتمل على معرفة المزيد عن المنتج أولاً من خلال توجيهه إلى البرامج التعليمية.
إن شريط القائمة الأطول لديهم مبرر لأنهم يبيعون منتجات B2B وB2C، لذلك لديهم أنواع مختلفة من الزوار الذين يبحثون عن أشياء مختلفة ويتعين عليهم جميعًا العثور على ما يبحثون عنه بسرعة.
إن زر اللغة الخاص بهم هو زر غير بارز مع خياري "EN" و"FR". لديهم خيارات لغة محدودة ولكنهم حددوا بوضوح أكبر أسواقهم وركزوا بشكل كبير على توفير أفضل تجربة ممكنة للمستخدم.
أزرق داكن أو رمادي
نحن نعلم أن هذه القائمة تتضمن الكثير من الأعمال الفنية المخصصة. إنها عنصر متعدد الاستخدامات وتستخدمها هذه المواقع الإلكترونية بشكل جيد لإنشاء مظهر وشعور محددين.
يعد Navy and Grey المثال الأخير في هذه القائمة، كما أنه يحتوي على الميزات التي أشادنا بها من قبل، هل تعرفت عليها أيضًا؟ إنه يوفر تجربة متطورة للغاية، إنه آسر. إنه يجعلني أشعر بالهدوء، فعندما أرى كل هذه المساحة السلبية، لا أشعر بالإرهاق على الإطلاق من فكرة تصفح هذا الموقع الإلكتروني، كما أن شريط القائمة الواضح يضمن لي أنني سأجد ما أبحث عنه دون أي صعوبة.
أقدر كيف قاموا بفصل "القمصان" عن "البدلات" في القائمة، إنه قرار مناسب لشركة خياطة، حيث كانت العديد من المتاجر الأخرى قد أنشأت صفحات فرعية لهذه المنتجات، وهذا أيضًا قرار معقول، ولكن بالنسبة للون الأزرق الداكن أو الرمادي، فإنه يساهم في هذا المظهر المصقول.
هذا الموقع على وجه الخصوص، وضع زر اللغة في أعلى اليمين، والخط الذي اختاروه هو نفس الخط المستخدم في بقية الموقع. وفي أسفل اليسار، أضافوا زر واتساب للتواصل السريع.
صمم موقعًا رائعًا لجمهورك
المواقع الإلكترونية المذكورة رائعة لأنها تتبع المبادئ العامة للتصميم الجيد، ولكن أيضًا لأن جميع القرارات يمكن تبريرها، وقد تكون الأسباب هي مجال العمل الذي تعمل فيه، ولكن قد تكون أيضًا الجمهور المستهدف. لذا تذكر أن تضع في اعتبارك هوية عملك ومثله العليا وجمهوره عند اتخاذ القرارات.
والمفتاح هو التفكير في كيفية تبسيط عملية البحث وكيفية توجيه الزائر إلى ما يبحث عنه بأقل عدد من النقرات.
باختصار، قم بإعطاء زائريك دعوة للعمل بمجرد وصولهم إلى الصفحة الرئيسية، واستخدم المساحة السلبية لإنشاء التباين وتسليط الضوء على الأشياء المهمة، مثل رسالتك؛ وأخيرًا وليس آخرًا، قم بتوفير قائمة بسيطة وزر لغة.
يبدو أنك مستعد لبيع منتجاتك على المستوى الدولي، وربما توصلت إلى العديد من الأفكار الرائعة أثناء قراءة هذه المقالة. تعرف على المزيد حول ConveyThis وعزز مبيعاتك عبر الإنترنت!
هل أنت مستعد للبدء؟
الترجمة ، أكثر بكثير من مجرد معرفة اللغات ، هي عملية معقدة.
من خلال اتباع نصائحنا واستخدام ConveyThis ، ستجد صفحاتك المترجمة صدى لدى جمهورك، وستشعر وكأنها تنتمي إلى اللغة المستهدفة.
رغم أن الأمر يتطلب جهدًا، فإن النتيجة مجزية. إذا كنت تترجم موقعًا إلكترونيًا، فإن ConveyThis يمكن أن يوفر لك ساعات من خلال الترجمة الآلية.
جرب ConveyThis مجانًا لمدة 7 أيام!
CONVEYTHIS