أفضل 6 مواقع مصممة لعام 2020 – القائمة النهائية!

أفضل المواقع المصممةأفضل تصميمات مواقع الويب تجعلك تفكر حقًا. أنت’لقد تم النقر والتمرير طوال اليوم ، ثم توقف. يمكن أن يكون تفاعلًا مبتكرًا ، أو صورة استثنائية ، أو ببساطة شيء لك’لقد رأيت من قبل أبدا. مهما يكن ، أنت’إعادة مدمن مخدرات.


كيف؟ إنه’كل شيء وصولا إلى أحدث اتجاهات تجربة المستخدم (UX). وبعبارة أخرى ، رحلة العميل. وسيؤدي تحسين الرحلة إلى تحويل موقع ويب جيد إلى موقع رائع. ومثل كل الأشياء العصرية ، تتغير UX باستمرار.

فلماذا تهتم مع UX؟ حسنا إذا كنت’إعادة نشاط تجاري ، فإن أفضل مواقع الويب المصممة تجذب وتشارك وتبيع. اساسا ، سيطالب المستخدم’، ابقائها على الصفحة ، ونأمل أن تؤدي إلى تحويل.

بالنسبة للمدونين والمحافظ ، سيبقيهم على القراءة والمشاركة. إنه’يستحق أن نتذكر أن 75 ٪ من الناس يحكمون على موقع على شبكة الإنترنت’مصداقية على كيف يبدو. لذا’حيوي أن يركز كل مالك موقع الويب على المستخدم.

لذا ، أدناه ، نحن’سلطت الضوء على أحدث اتجاهات UX وجمعت ستة من تصاميم مواقع الويب المفضلة لدينا لعام 2019. دعنا’انظر ما رأيك…

اتجاهات UX

وماذا في ذلك’ساخنة في عام 2019؟ دع’تبدأ مع الأساسيات: العنوان. الأكبر هو الأفضل هذا العام ، حيث أصبحت الخطوط العريضة مقترنة بالرسوم المتحركة الأنيقة أكثر شيوعًا. يقضي المستخدمون وقتًا أقل على مواقع الويب هذه الأيام ، وسيغادر 46٪ منهم تقريبًا إذا كانت الصفحة ‘تفتقر إلى رسالة’.

هذا هو المكان الذي يساعد فيه عنوان كبير ، وملون أيضًا. وجدت دراسة أن الألوان تزيد من التعرف على الموقع بنسبة 80٪. نوصي بتعليق كبير في Sans Serif على خلفية نظيفة وملونة.

لذلك لإشراك جمهورك حقًا ، يجب أن تأخذهم في رحلة (رحلة ممتعة!) ، وتحكي قصصًا بمحتوى لا ينسى. الرسوم المتحركة التي يتم تشغيلها بالتمرير هي رواة قصص رائعين ، ولكن لا تفعل ذلك’ر تعقيد التخطيط.

هذا مجرد مثال ، ولكن افعل كل هذا ونحن’إعادة تأكيد لك’سوف تجني المكافآت.

غير محلى بجدية

الاقل هو الاكثر. كليشيه ، نعم ، لكن’s أيضًا أحد أهم اتجاهات التصميم لعام 2019. أنتجت هذه العلامة التجارية للمياه الفوارة موقعًا بسيطًا للغاية ولكنه مثير للتفكير.

تم إنشاؤها على سكوير سبيس, يعرض ألوانًا جريئة خلف زجاجات شفافة (واحدة لكل نكهة) ، مع تدفق مرئي يمكن مسحه بسهولة أدناه. كما يتميز بشعار على شكل حرف X طوال الوقت ، مما يعزز الاعتراف بالعلامة التجارية بشكل حاسم.

الصفحة الرئيسية لموقع الويب غير المحلى بشكل خطيرتجذب هذه الصفحة الرئيسية البسيطة والملونة حقًا الانتباه.

في WBE ، نطلق سراح الحد الأدنى الداخلي الخاص بك. بإزالة ما يسميه المصممون ‘الجهد المعرفي’ أي تصميمات المستخدم المعقدة ، فإنك تجعل الحياة أسهل لجمهورك. يتم تحميل الصفحة بشكل أسرع ، مما يقلل من معدل الارتداد (الزوار الذين يغادرون من الصفحة الأولى) ، ويركز على علامتك التجارية’غرض ق.

وكيف؟ استخدم المساحة البيضاء بمخططات ألوان بسيطة ولكنها متناقضة ، وركز على التفاصيل الصغيرة ، مثل تنويعات الشعار ، واستخدم الرؤوس التي تصف بوضوح كل صفحة.

رمز عرض Squarespaceاستخدم كود العرض "البنك الدولي" عند الدفع للحصول على خصم 10٪

احصل على خصم 10٪ على أي خطة Squarespace
[عدل]
هل أنت مستعد لتجربة Squarespace؟ لدينا رمز عرض حصري لقرائنا يوفر لك 10٪ على حساب أي خطة Squarespace! لاسترداد هذا الخصم ، أدخل ببساطة:
كود العرض: “البنك الدولي”
عند الخروج.

عصير الليمون

عندما تعطيك شركات التأمين الليمون ، اصنع عصير الليمون. هذا هو موقع لتغيير قواعد اللعبة. باستخدام تكامل واجهة المستخدم (CUI) ، فإنه يوفر أسعار التأمين في خمس دقائق فقط.

يعد Lemonade أيضًا مثالًا ممتازًا على موقع الويب الجذاب المكون من صفحة واحدة. متناثرة مع أزرار عمل في وضع جيد مثل ‘احصل على الأسعار والتبديل’, عليه’سهل للغاية للتنقل. تنتهي مع مايا ، برنامج الدردشة.

تتفاعل مايا معك على المستوى البشري. لديها حتى وجه! هذا النوع من تصميم الويب فعال للغاية بسبب تفاعله مع المستخدم ، وينضح المصداقية. تكون الانتقالات سلسة أيضًا ، مع أشكال إجابات محددة بوضوح.

مثل الفكرة؟ نصيحة مفيدة هي كتابة نص برنامج الدردشة الآلي الخاص بك في أجزاء صغيرة ، والتنبؤ بكل رد مستخدم ممكن. وتعليمها الأخطاء الإملائية الأكثر شيوعًا للمستخدم!

نحن نحب عصير الليمون’يركز تصميم UX ، من العنوان الجريء لـ ‘ننسى كل ما تعرفه عن التأمين’ إلى الأزرار الوردية. وعلى الرغم من أن برامج الدردشة الآلية ليست بأي شكل من الأشكال فكرة جديدة ، إلا أننا نعتقد أنها’إعادة واجهة المستقبل ، حتى الحصول على متن الطائرة.

موقع الدردشةأحد المايا’توضح الأسئلة البسيطة والودية كيف يمكنك تصميم برنامج الدردشة لديك ليبدو أكثر إنسانية.

تجارة الكريبتون

واحد لعشاق التكنولوجيا. تعد Crypton Trading مركزًا للعملات المشفرة باستخدام الذكاء الاصطناعي للتنبؤ بالاتجاهات وفترات الشراء المثلى. لست من محبي التشفير؟ نعتقد أن الرسوم المتحركة المذهلة التي تم تشغيلها ستبقيك على القراءة.

مع كل لفة ، يتم الكشف عن حرف ، يشكل جملًا على مهل. يتم نقلك في رحلة تشفير تدريجيّة. لكن لا’ر تقلق بالتفصيل, واجهة المستخدم التحادثية (UI) يجعل من السهل هضم الأشياء التقنية – مثل تعلم لغة جديدة تمامًا.

هل تعرف جافا سكريبت؟ ثم يمكنك بسهولة تحريك صفحتك باستخدام مخطوطات. إذا لم يكن كذلك ، فلا’ر تقلق. لدى معظم منشئي مواقع الويب الكثير من ميزات الرسوم المتحركة للاختيار من بينها!

ومع ذلك ، ملاحظة سريعة. وجدت دراسة حديثة أجراها NNG ، باحثو سوق UX ، أن معظم المستخدمين واجهوا سرعات بطيئة للصفحة بسبب الإفراط في استخدام الرسوم المتحركة للتمرير ، ووجدوا أن المفهوم العام محبط عند المبالغة. لذا ، انتقل بسهولة إلى المحفزات ، أو خاطر بإجازة الزوار.

الصفحة الرئيسية لموقع crypton tradingكريبتون’رسالة الترحيب التفاعلية s مؤثرة بشكل خطير.

تفاحة

مثل الكثير من الفطائر محلية الصنع ، يمكن لقائمة من المواقع الرائعة’ر تذهب بدون آبل. وقد حقق العمالقة المبتكرون نجاحًا كبيرًا هذا العام.

تحدثنا إلى غانيش ، كبير مهندسي UX في MVF Global ، الذي قال إنه يحبهم “صور مثيرة واقعية للغاية مفرطة تم التقاطها من زوايا غير تقليدية للترويج لمنتجاتها”. كما أنه قال “عليه’الإضاءة الفريدة التي تجعل أجهزة iPhone تقفز على موقعها الإلكتروني.”

صفحة اي فون الموقعتفاحة’صورة منتج iPhone Xs المذهلة بصريًا تبرز حقًا.

حسنًا ، لا يمكن لأي شخص التنافس مع هذا. نحصل على ذلك. لكن المبدأ الأساسي لا يزال هو نفسه: بيع صور منتجات عالية الجودة. لذا استثمر الوقت (والمال ، بالطبع) في صورك ، وفكر في من يشتري.

هل تريد أن تلهم اقتراحات الاستخدام؟ أو ببساطة إبلاغ مع قرب نظيفة؟ بعد كل شيء، صورة تساوي ألف كلمة. و (محتمل) ألف تحويل.

لياندرو بيدريتي

هل تتطلع لبناء حضورك الشخصي على الإنترنت؟ المحافظ لا’ر أفضل بكثير من لياندرو بيدريتي’موقع محفز بصريا ، تم إنشاؤه في Wix. يحتوي العنوان على فيديو كامل يعرض الشركة’مهارات التصميم. بنقرة واحدة وأنت’إعادة اعجاب على الفور.

ما مدى فعالية مقاطع الفيديو؟ تثير العاطفة. أكثر بكثير من الصور. لذا نوصيك بالاستفادة من زيادة سرعات الإنترنت قدر الإمكان. ولكن اجعل المحتوى قصيرًا ولطيفًا ، مع تشغيل كتم الصوت تلقائيًا. هناك’لا شيء أسوأ من ضوضاء موقع الويب التي لا يمكن تعقبها ، أليس كذلك؟ إنه’مثل محاولة إيجاد ذبابة في غرفتك.

عنوان موقع leandro pedrettiيجذب لياندرو بيدريتي الزائرين برأس فيديو.

هاري

رجال’شركة الحلاقة ، هاري’s ، يزيد من أداء الهاتف المحمول بمظهره المحلق النظيف. خطوة حكيمة ، بالنظر إلى استطلاع حديث أجري أن 83٪ من المتسوقين حول العالم خططوا لإجراء عمليات شراء عبر الهاتف المحمول في المستقبل القريب.

اذا أنت’إعادة بناء متجر للتجارة الإلكترونية ، أولاً ، تأكد من أنك تستثمر في أحدث المظاهر المستجيبة للجوال. ثم قدم المستخدمين’ معظم المهام الشائعة بوضوح (على سبيل المثال ‘ابدأ النسخه التجريبيه’) ، وجعل الترقيات قابلة للرفض بسهولة ، وجعل القوائم قصيرة!

يجب أن يعرض موقع التجارة الإلكترونية الخاص بك أيضًا صورًا احترافية للمنتج. وهذا يزيد من ثقة العلامة التجارية ويعرض مخزونك بدون متجر من الطوب والملاط. هذا ما نحبه في هاري’s ، الذي تم بناؤه باستخدام Shopify

موقع ويب هاريسهاري’s هو مثال رئيسي لمظهر جوّال نظيف وبسيط يعمل بشكل جيد.

أفضل المواقع المصممة: خاتمة

ويوجد لدينا ذلك. ستة من أفضل مواقع الويب المصممة لعام 2019. لذا دعنا’نلخص ما نحبه في هذه الصفحات:

  1. غير محلى بجدية – بساطتها الرائعة.
  2. عصير الليمون – التركيز على المستخدم ، مع التفاعل المبتكر.
  3. كريبتون تجارة – الرسوم المتحركة التمرير رائعة.
  4. تفاحة – صور المنتج القوية.
  5. لياندرو بيدريتي – رأس الفيديو.
  6. هاري’س – صنع للجوال.

يمكنك أن تجعل مظهرك يبدو جيدًا أيضًا ، مع القليل من التفكير. أولا, اعرف جمهورك. أنشئ موقعًا يناسبهم ، وفكر في علم الجمال. هل سيستمتع متابعوك المحبون للتكنولوجيا بالرسوم المتحركة؟ أم أن منتجك الجريء لا يحتاج إلى مساعدات بصرية.

مهما كان موقع الويب الخاص بك ، لا تنس أبدًا من سيقرأ وينقر ويمرر. ابق على اطلاع على اتجاهات التصميم ، ويمكنك الحصول على موقع ويب يجعل الناس يفكرون أيضًا.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map