إن إنشاء أو تصميم موقع ويب ليس سهلاً مثل الاختيار من بين مجموعة متنوعة من القوالب التي تعتبرها الأفضل. في حين أن شكل ومظهر موقع الويب عاملان مهمان للغاية ، إلا أنهما ليسا الشيء الوحيد الذي يجب عليك التفكير فيه قبل اتخاذ أي قرار.
إنها حقيقة: يرتبط نجاح موقع الويب الخاص بك بتنسيقه ، وكيف يشعر المستخدمون أثناء استخدامه أو تصفحهم. هذا بالتأكيد يؤثر على زوارك للأفضل أو للأسوأ في رأيهم في موقعك وما إذا كانوا سيفكرون في إجراء عملية شراء.
لا تمزح! وفقًا لتقرير صادر عن جمعية الوكالات الرقمية (SoDA) ، فإن التجربة السيئة لمستخدم موقع الويب تضر بالأعمال التجارية. لذا فإن وجود التصميم المثالي هو جانب محوري في تصميم الموقع وتجربة المستخدم.
ربما لاحظت أيضًا أنها تشترك في بعض الميزات ، وذلك لأنه تمامًا مثل جميع الصناعات الأخرى ، فإن الاتجاهات أيضًا تأخذ عالم التصميم من خلال العاصفة. في الوقت الحاضر ، أصبحت صور الهوامش الكاملة وتصميم ثلاثة أعمدة من الغضب لدى المصممين.
ولكن هذه هي المشكلة ، يجب أن تعرف مسبقًا أن أيًا من المسارين صالح ، ولكل منهما إيجابيات وسلبيات. لذا ، ماذا تعتقد أنك يجب أن تفعل؟ تتمثل الخيارات في الاستفادة من معرفة هذه العناصر في الخيال الجماعي ، أو يمكنك أن تقرر التميز ولفت الانتباه إلى متجرك من خلال القيام بشيء مختلف تمامًا! ليس من السهل الإجابة عن هذا السؤال ، وسيعتمد اختيارك على جمهورك المستهدف.
خصائص الموقع الرائع
يمكننا أن نقول بشكل مريح أن إمكانيات العظمة تأتي في أشكال عديدة ومن أماكن كثيرة ، هناك الكثير للعمل معه ، والكثير من الخيارات ، والكثير من الإمكانات. ستعتمد أفضل الخيارات على جمهورك المستهدف ونوع العمل الذي تديره. هذه الخيارات تشكل وتعكس صورة العلامة التجارية الخاصة بك.
وفقًا لـ Adobe ، فإن ثلثي الأشخاص يفضلون قراءة شيء مصمم بشكل جميل بدلاً من قراءة شيء عادي عند الضغط عليه للوقت ؛ وسيغادر 38٪ من الأشخاص موقع الويب إذا كان غير جذاب. تبدو هذه عبارات عامة جدًا تفتقر إلى الكثير من التحديد. ولكن دائمًا ما تتم دراسة UX و UI من قبل خبراء التصميم ، لذا بدلاً من البحث عن تعريف "الجميل" وفقًا لشخص غريب ، يجب أن نبحث عن الأشياء التي يمكننا تحويلها إلى أشياء جميلة ، وتحديد معنى الجمال في سياقنا.
نظرًا لأن جميع الأعمال التجارية ليست متشابهة ، فلن تتطابق معايير موقع الويب الجيد أيضًا ، ولكن يمكننا التحدث عن جميع العناصر المختلفة التي تشكل مهمة تصميم موقع ويب ويمكنك التفكير فيها أثناء التفكير أيضًا في مجال عملك والمبادئ.
- خالية من الفوضى : ضع مسافة بين المحتوى الخاص بك ، وحاول عرض ما يهتم به المستخدم فقط. تخلص من "الحلي". لديك مساحة سالبة شبه جزئية بحيث يمكن قراءة العناصر بسهولة أكبر.
- الواجهة : اجعل التنقل بسيطًا. لديك مسارات مباشرة من قسم إلى آخر.
- التسلسل الهرمي المرئي : رتب العناصر الرسومية حسب الأهمية. يمكن أن تأتي أهم الأشياء أولاً أو يمكن أن تشغل أكبر مساحة ، وتساعد زوارك على التنقل من خلال توجيه أعينهم من خلال العناصر المختلفة. على سبيل المثال ، يقرأ الناس الأشياء الأكبر أولاً .
- لوحة الألوان واختيار الصورة : باختصار ، تبرز الألوان الزاهية ، وبالتالي تعمل بشكل رائع كلكنات ، وعند إقرانها بالصور المناسبة ، يمكنك إبقاء زوارك مهتمين لفترة أطول!
- متوافق مع الجوّال : اعتبارًا من يوليو 2019 ، يكون الإعداد الافتراضي لجميع نطاقات الويب الجديدة هو الفهرسة الأولى للجوّال وأيضًا تعزيز تصنيف صفحات الويب المتوافقة مع الجوّال في عمليات البحث. لذا تأكد من أن تخطيط إصدار هاتفك المحمول يعمل بشكل جيد أيضًا.
- زر تبديل اللغة : عندما تقول الحقائق إننا نعيش في اقتصاد عابر للحدود حيث لا يحد البلد الذي تعيش فيه من المكان الذي يمكنك الشراء منه ، فإن عدم وجود موقع ويب متعدد اللغات ليس خيارًا إذا كنت تتطلع إلى الازدهار .
كيف تبدو المواقع متعددة اللغات؟
أخبار عظيمة! يمكنك الاسترخاء ، وإنشاء موقع على شبكة الانترنت متعددة اللغات ليست محنة ، انها سهلة مثل إضافة زر لغة صغيرة إلى واحدة من زوايا تخطيط موقع الويب الخاص بك باستخدام ConveyThis. ممارسة الأعمال التجارية عبر الإنترنت على الصعيد الدولي لم يكن أسهل من أي وقت.
دعنا نلقي نظرة على بعض تخطيطات مواقع الويب ونحلل ما يجعلها جذابة للغاية.
كرابتري وإيفلين
لنبدأ مع Crabtree & Evelyn ، وهي مؤسسة للعطور والجسم بدأت في ألمانيا ولكنها أخذت أعمالها إلى العالمية من خلال خيارات تخطيط ولغة رائعة.
نظرًا لأن تنوع المنتجات واسع جدًا ، فقد اختاروا عدم إرباك زوارهم من خلال الاهتمام بالتخطيط واتخاذ قرارات تصميم دقيقة ، مثل ملء شاشة صفحتهم الرئيسية أولاً برسالة بسيطة ، في هذه الحالة ، حول موسم العطلات ، وعندما تقوم بالتمرير لأسفل أو النقر فوق الزر "تسوق الآن" ، يتم توجيه الزائر إلى المنتجات.
إنه مظهر متطور ونظيف حقًا ، وسيبقى الزوار بالتأكيد لفترة أطول ، مفتونين بالتجربة. فيما يتعلق بالقائمة ، هناك خياران للبحث ، زر بحث حيث يمكنك كتابة كلمة رئيسية ، إذا قمت بتضييق نطاق ما تبحث عنه ؛ أو انقر فوق زر التسوق ، ثم اختر المكان أو الطريقة التي تريد استكشافها ، حسب الفئة ، حسب المجموعة ، أو تحقق من مجموعات الهدايا.
والآن إلى أكثر الأشياء المدهشة على الإطلاق ، محوّل اللغة. يمكنك العثور عليه في أسفل الصفحة ، وعند النقر فوقه ، فإنه يعرض لك إعدادات المتجر الحالية ، مع القوائم المنسدلة مع البدائل.
وهذا شيء تحدثنا عنه سابقًا في المقالة حول أنواع أزرار اللغة ، إنه لأمر رائع أن يكون لديهم خياران ، أحدهما للمنطقة والآخر للغة ، لأننا نعلم أنه لا يتصفح الجميع بلغتهم أو بلغتهم دولة. هذا الموقع هو المثال المثالي لوظيفة توطين متقنة. اتصل بفريق ConveyThis لمعرفة المزيد من المعلومات حول كيفية جعل موقع الويب الخاص بك أكثر ترحيباً بالمستخدمين في جميع أنحاء العالم!
النعناع الرقمي
بادئ ذي بدء ، عمل مذهل. قرارات رائعة في كل مكان ، ألا تعتقد ذلك؟ واستخدام رائع للألوان لإنشاء مناطق التباين والتركيز. دعنا ندرج كل الأشياء الجيدة حول هذا الموقع: المساحة السلبية ، والخطوط ذات الأحجام المختلفة ، والعمل الفني المخصص ، واللون والصبغة.
ترتيب عناصر مختلفة الحجم يظهر لك أين تبدأ القراءة والمساحة البيضاء يعطي القارئ الوقت لوقفة.
هنا لدينا مثال واضح للتسلسل الهرمي البصري:
من الأقل إلى الأكثر أهمية: شركاء العمل في درجات ألوان فاتحة ، و "حقق ذلك" بخط صغير ، وزر "دعنا نتحدث" بخلفية سوداء وأحرف بيضاء ، و "التطور الرقمي" بخط كبير وجريء ، و "التسويق" بنفس الخط كما كان من قبل ولكن مظلل باللون الأخضر.
بالإضافة إلى ذلك ، تساعد ضرورات "حقق ذلك" و "لنتحدث" الزائر في تجربة التصفح الخاصة به.
شريط التنقل بسيط وواضح مثل Crabtree & Evelyn ، وشريط الوسائط الاجتماعية على اليمين هو خيار رائع للشركات التي تعتمد بشكل كبير على وسائل التواصل الاجتماعي كأداة.
يمكنك العثور على أزرار اللغة الخاصة بهم في أسفل الصفحة ، وهي صغيرة ، ولكن جميع الخيارات مرئية وألوانها زاهية ومختلفة تمامًا عن لوحة ألوان Digital Menta بحيث يمكن العثور عليها بسهولة.
يوجا
هنا لدينا مثال رائع لمواقع الويب التي تم التخلص منها. هناك الكثير من المساحات السلبية والأشكال الملونة متحركة ، وهذا يغرس شعورًا بالفضول لدى الزائرين! ستبقى المتصفحات غير الرسمية بالتأكيد وتلقي نظرة على بقية الموقع وتتعرف على المزيد حول Yogang. تصميم رائع.
Yogang هي لعبة ممتعة للأطفال تجمع بين النشاط البدني والاسترخاء والمشاركة والإبداع ، وتعكس صفحتهم الرئيسية ذلك. الرسوم المتحركة من الشخصيات المختلفة التي تقوم اليوغا يطرح لا يتعلق الرياء مهارات البرمجة ، انها انعكاس لروح المنتج.
في نفس الوقت رائعتين ودعوة للعمل لجعل Yogang جزءًا من طفولة أطفالك. إنهم يجذبون المشترين الدافعين باستخدام زر "شراء" ويساعدون أيضًا العميل المحتمل على معرفة المزيد عن المنتج أولاً من خلال توجيههم إلى البرامج التعليمية.
هناك ما يبرر شريط القائمة الأطول الخاص بهم في أنهم يبيعون B2B و B2C ، لذلك لديهم نوعًا مختلفًا من الزوار يبحثون عن أشياء مختلفة وعليهم جميعًا العثور على ما يبحثون عنه بسرعة.
زر لغتهم هو زر غير مزعج مع الخيارين "EN" و "FR". لديهم خيارات لغة ضيقة لكنهم حددوا بوضوح أكبر أسواقهم وركزوا بشدة على توفير أفضل تجربة ممكنة للمستخدم.
البحرية أو الرمادي
نعلم الكثير من الأعمال الفنية المخصصة في هذه القائمة. إنه عنصر متعدد الاستخدامات وهذه المواقع تستخدمه جيدًا لإنشاء مظهر ومظهر معينين.
Navy and Gray هو المثال الأخير في هذه القائمة ، كما أنه يحتوي على الميزات التي أشادنا بها من قبل ، هل حددتها أيضًا؟ إنه يجعل تجربة متطورة للغاية ، إنها آسرة. إنه يجعلني أشعر بالهدوء ، ورؤية كل تلك المساحة السلبية ، لست مندهشًا على الإطلاق من فكرة تصفح هذا الموقع ويؤكد لي شريط القوائم الواضح أنني سأجد ما أبحث عنه دون أي صراع.
أقدر الطريقة التي فصلوا بها بين "القمصان" و "البدلات" في القائمة ، إنه قرار مناسب لأعمال الخياطة ، فالعديد من المتاجر الأخرى كانت ستنشئ صفحات فرعية لهذه المنتجات ، وهذا أيضًا قرار معقول ، ولكن بالنسبة إلى Navy أو Gray ، إنه يساهم في هذا المظهر اللامع.
هذا الموقع على وجه الخصوص ، وضعت زر لغتهم في أعلى اليمين ، والخط الذي اختاروه هو نفسه مثل بقية الموقع. وفي أسفل اليسار، وأضافوا زر ال WhatsApp للاتصال السريع.
صمم موقعًا رائعًا لجمهورك
تعد مواقع الويب المدرجة رائعة لأنها تتبع المبادئ العامة للتصميم الجيد ، ولكن أيضًا ، نظرًا لأنه يمكن تبرير جميع القرارات ، يمكن أن تكون الأسباب هي مجال العمل الذي يوجدون فيه ، ولكن يمكن أيضًا أن يكون الجمهور المستهدف. لذلك تذكر أن تضع في اعتبارك هوية عملك ومُثلك وجمهورك عند اتخاذ القرارات.
المفتاح هو التفكير في كيفية تبسيط البحث وكيفية توجيه الزائر إلى ما يبحث عنه بأقل قدر من النقرات.
باختصار ، امنح زوارك دعوة لاتخاذ إجراء بمجرد وصولهم إلى الصفحة الرئيسية ، واستخدم المساحة السلبية لخلق تباين وإبراز الأشياء المهمة ، مثل رسالتك ؛ وأخيرًا وليس آخرًا ، لديك قائمة بسيطة وزر لغة.
كنت تبدو على استعداد لبيع دوليا، وربما جاء مع الكثير من الأفكار الرائعة أثناء قراءة هذه المادة. تعرف على المزيد حول ConveyThis وزيادة مبيعاتك عبر الإنترنت!
4 شركات إلكترونية ملهمة تفعل كل شيء بشكل صحيح
20 فبراير 2020[...] المرشحين المذكورة المصممين كبيرة تعطي كل ما لديهم وتقديم كل الأفكار التي من شأنها أن تعكس كل من المثل التجارية في متجر الظاهري مذهلة من شأنها أن تحول الزوار إلى عملاء. [...]