لماذا تكون تصاميم الويب المبسطة جذابة للغاية

لماذا تعتبر تصاميم الويب المبسطة جذابة للغاية: أهم 9 نصائح

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

يمتلك حوالي 96 بالمائة من الأمريكيين نوعًا من الهواتف المحمولة و 81٪ يمتلكون هاتفاً ذكياً. خلق شيء تصميم بسيط بالنسبة لمستخدمي الجوّال ، يجب أن يكون سببًا كافيًا لتقليل تصميمك ، ولكن هناك مزايا أخرى أيضًا. يساعدك التصميم البسيط على التميز عن المنافسة ، ويجذب مستخدمي المحمول ويضع ضغطًا أقل على خطة استضافة الويب الخاصة بك.

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

1. اظهار UVP الخاص بك

عرض القيمة الفريد الخاص بك (UVP) هو ما تقدمه لعملائك ولا يقدمه أي شخص آخر بنفس الطريقة تمامًا. يمكن أن يكون UVP الخاص بك أي شيء من أفضل خدمة عملاء في الصناعة إلى منتج فريد يحل مشكلة لزوار الموقع. ربما يكون UVP الخاص بك هو أنك تهتم بالبيئة وتعطي الجميل للمنظمات التي تعمل على تقليل استخدام الطاقة. المفتاح هو العثور على شيء فريد في شركتك تكون متحمسًا له بالفعل.

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

2. التركيز على واجهة المستخدم (UI)

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

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

تصاميم الويب المبسطة

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

3. أضف الكثير من المساحة البيضاء

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

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

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

4. التركيز على CTA

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

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

ركز على CTA

SuperShuttle يضع التركيز الكامل على حجز مكوك من خلال الحفاظ على التصميم بسيطًا. لديهم شعار رسم متحرك في الجزء العلوي الأيسر ، وشريط تنقل بسيط ، ثم يقومون بتركيز التركيز على CTA من خلال جعل المستخدم يدخل بعض المعلومات الأساسية ودعوتهم إلى "اختيار رحلة".

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

5. إخفاء التنقل

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

فكر في المساحة التي تم تحريرها عندما لم تعد مضطرًا إلى استخدام جزء كبير من العنوان في التسلسل الهرمي للتنقل. يمكنك الآن إضافة عنوان جريء يلفت الأنظار أو ببساطة اترك المساحة فارغة بحيث ينتقل تركيز المستخدم إلى UVP أو CTA الخاص بك. يبدو التصميم العام وكأنه إعلان لمجلة أنيقة أكثر من كونه موقع ويب ويظهر أنك على مستوى أحدث اتجاهات التصميم.

6. تسريع موقعك

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

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

تسريع موقعك

فيشر-برايس يقوم بعمل ممتاز في الحفاظ على الحد الأدنى من الميزات الموجودة على صفحته الرئيسية. هذا يسمح للصفحة بالتحميل بسرعة فائقة. حتى الصور هي الأمثل لذلك تحميل بسرعة الالتفاف. لا يتعين على المستخدمين الانتظار حتى يتم تحميل العناصر الفاخرة لأن فيشر برايس لا يضيفها إلى الموقع.

7. تجنب الانتقالات الحادة والخطوط المتعارضة

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

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

8. يرش في التفاصيل الصغيرة

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

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

تصاميم بسيطة

Airtable لديه مزيج مثالي من النقاط الجيدة المثيرة للاهتمام والتصميم المبسط. يتم التركيز على زر CTA ، والذي يتميز بحقل نموذج لعنوان بريد إلكتروني وزر يقول ، "ابدأ". ومع ذلك ، فإنهم يضيفون أيضًا بعض الرسوم التوضيحية الشيقة التي تظهر الأشخاص في حالة حركة بألوان زاهية تنبثق على المساحة البيضاء للخلفية. التصميم بسيط ولكنه جذاب.

9. حذف البرامج النصية والإضافات غير المستخدمة

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

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

أجرينا مقابلات مع العديد من خبراء الصناعة حول هذا الموضوع.
ها هي ردودهم.

فانيسا (ماكولاي) بروس ، المؤسس المشارك في عجين يكتب

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

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

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

www.daily-harvest.com
www.summersalt.com
www.grammarly.com

Ysmay من Agency109.com يكتب

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

هذا النداء بسيط: يسهل على زائر موقع الويب العثور على المعلومات ومعالجتها عندما يكون هناك القليل منها.

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

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

المشكلة في هذا النهج هي أن العملاء ليسوا هم زوار الموقع المثاليين. غالبًا ما يكون ما يعتقد العميل أن موقع الويب يحتاج إليه وما يريده مختلفًا تمامًا.

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

إليك كيفية التخطيط لتصميم موقع ويب بسيط.

أولاً ، احصل على وضوح بشأن هدف الموقع. ما هو الغرض؟ مبيعات؟ قيادة؟ التمركز في الصناعة؟

ثانيًا ، كن واضحًا بشأن كل ما يريده العميل على موقع الويب. لتسهيل الأمر ، قم بذلك أثناء عملية الإعداد.

ثالثًا ، ارجع إلى الغرض من الموقع ، وشطب كل ما لا يقرب الموقع من هذا الهدف.

هدفك هنا هو تقليل عناصر الموقع إلى الحد الأدنى. قد تتفاجأ عندما تعلم أنه يمكنك عادةً إزالة ما يتراوح بين 50٪ و 80٪ مما يريده العميل ، أثناء إنشاء موقع ويب أكثر تأثيرًا.

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

تصاميم الحد الأدنى المفضلة:

1. جمعية الطقس اليابانية: www.jwa.or.jp

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

2. في الأعشاب نحن نثق ”iwwt.shop

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

3. فنون الوضوح: www.clarityarts.com

تعتبر Clarity Arts ، المتخصصة في الأثاث المصمم حسب الطلب ، مثالًا على موقع ويب متطور لسوق المنتجات الفاخرة. ما أحبه: يستخدم هذا الموقع صورًا جريئة ونصًا صغيرًا للتعبير عن خبراتهم والظهور كعلامة تجارية فاخرة في صناعة تهيمن عليها ايكيا.

ضع خطة دقيقة

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

هناك سبب يجعل التصميمات المبسطة تحظى بشعبية كبيرة عامًا بعد عام: فهي تتيح للمصمم التركيز على الهدف الرئيسي للصفحة وإنشاء تصميم مبهج بصريًا يجذب المستخدمين. ابدأ اليوم عن طريق تقليل الفوضى على موقعك ومعرفة هدفك الرئيسي. كل شيء آخر هو مجرد مسألة ترتيب العناصر وإضافة البساطة إلى أي تصميم.

ليكسي لو

كاتب السيرة الذاتية

Lexie هو مصمم جرافيك واستراتيجي UX. تم عرض أعمالها في Manta و Marketo و Website Magazine و Creative Bloq و Sunlight Media.

تحقق من مدونة التصميم الخاصة بها ، Design Roast ، وتابعها على Twitterlexieludesigner.

أضف تعليق

التعليقات خاضعة للإشراف. بريدك الإلكتروني يبقى خاصا. الحقول المطلوبة محددة *