تساعد مواقع الويب المصغرة المستخدمين على التفكير بسرعة أكبر.
في عصر أصبح فيه المستخدمون الآن أكثر صبرًا وأصبح الإرهاق التكنولوجي أكثر شيوعًا ، فإن التصميم من أجل الهدوء والوضوح - بأقل قدر ممكن (الحد الأدنى) - ضروري لنجاح أي عمل تجاري عبر الإنترنت.
دعنا نصف تصميم موقع الويب البسيط ونناقش المزايا التي يوفرها لك ولزوار موقعك.
سنلقي نظرة على:
- العلامات الجمالية للتصميم البسيط - تحقق من بعض سمات WordPress المبسطة.
- مزايا بساطتها من حيث واجهة المستخدم
- كيف يمنع التصميم البسيط الإرهاق التكنولوجي لدى المستخدمين ، ولماذا يعد أمرًا حيويًا لنجاح عملك
1. الجماليات البصرية
من الطبيعي أن نتخلف عن عوامل التقليلية التي يمكننا رؤيتها والتعامل معها عندما نفكر في التقليلية.
Appleجمالية التصميم ، على سبيل المثال ، يمكن التعرف عليها على الفور ورائد رئيسي في عالم التكنولوجيا. على الرغم من كونها بسيطة إلى حد ما ، إلا أن تصميمها يسعد العين دائمًا.
والسبب في ذلك أن أسلوبهم البصري بسيط للغاية.
دعنا ننظر إلى ما يعنيه ذلك ، العوامل المختلفة التي تدخل في إنشاء الحد الأدنى من الجمالية ، ولماذا تكون هذه العوامل مؤثرة للغاية.
2. أسود أو أبيض
حيادية وايت تهدئ ليس فقط للعين ولكن للعقل أيضًا. نظرًا لأن اللون ليس له معنى ، فلن يتم إزعاج المستخدمين أو إجبارهم على التفكير في ما يعنيه.
تجعل الخلفيات البيضاء جوانب مهمة مثل الدعوات إلى العمل والنص المفيد بارزًا لتحقيق أقصى تأثير مع ضمان تباين ألوان جيد. يعد سطوعه أداة رائعة لإمكانية الوصول عند إقرانه بألوان متباينة.
أما نظير وايت "الجاد" فهو أسود. لا يزال يحتوي على واجهة مستخدم بسيطة تركز على المحتوى ، ولكن لديه إحساس أكثر "بالملابس".
3. خط Sans-serif
تبدو أحرف Sans-serif أنظف من خطوط serif ، وهذا هو سبب استخدامها بشكل متكرر من قبل الشركات الكبرى. عندما نجمع بين طباعة sans-serif وحجم الخط الكبير و / أو وزن الخط الغامق ، يمكننا تحقيق أكبر تأثير وعاطفة ، ويمكن أن تكون كلماتنا أكثر العناصر جاذبية في مواقعنا الإلكترونية إذا اخترناها بذكاء. Less هو أكثر في هذه الحالة.
تحقق من بعض أنواع الخطوط المبسطة هنا.
4. الألوان التي تبرز
تبرز الألوان الجريئة مقابل كل من الخلفيات البيضاء والسوداء ، ولكن عند استخدامها كألوان خلفية ، يمكن أن تبدو بسيطة مثل الأبيض أو الأسود مع التعبير عن المزيد من المشاعر والمعنى.
تعد التدرجات طريقة رائعة لاستخدام الألوان الزاهية دون إثقال كاهل المستخدم ، خاصة عند استخدامها مع خط sans-serif. إليك مثال من Dribbble يوضح كيف يمكن أن يتخذ التقليلية أشكالًا عديدة ، وكيف يمكن أن تكون مواقع الويب المبسطة ذات أحجام وأشكال مختلفة.
عاطفي ، لكن مباشر.
5. تصميم مع سطح مستو
التصميم المسطح هو اتجاه لتصميم مواقع الويب بدأ في عام 2012 واكتسب شعبية منذ ذلك الحين.
على الرغم من أنها طريقة جذابة بصريًا في البساطة ، إلا أن NNGroup أثارت مخاوف جدية بشأن قابلية الاستخدام لأن التصميمات المسطحة طبقت مفاهيم مبسطة على ميزات تفاعلية مثل الأزرار ، مما يجعلها تظهر كما لو لم تكن تفاعلية على الإطلاق.
أدى ذلك إلى "Flat 2.0" ، والذي يستخدم حوافًا وظلالًا مستديرة لإعطاء هذه العناصر التفاعلية مزيدًا من التفاصيل دون تشويش واجهة المستخدم.
تعتبر الحواف المنحنية مفيدة لأنها تشبه الزوايا الدائرية لأزرار الحياة الواقعية. تجعل الظلال الأزرار أكثر ارتباطًا من خلال إضافة جانب ثلاثي الأبعاد إليها ، وتمييزها عن التصميم واستحضار عناصر الحياة الواقعية.
إذا لم نوضح أن أهداف النقر التفاعلية متفاعلة ، فسيصبح تصميمنا غير قابل للاستخدام لأنه يتعين على المستخدم معرفة ما هو قابل للنقر وغير قابل للنقر. يتناقض هذا المنطق المعقد مع كل ما تهدف البساطة إلى تحقيقه.
على الرغم من أن التصميم الجمالي البسيط سيجعل تصميماتنا أكثر إتقانًا ، إلا أنه لا ينبغي لنا أن نبالغ عندما يتعلق الأمر بتصميم واجهة المستخدم.
إعطاء الأولوية للوضوح وإمكانية النقر على الاهتمام المرئي.
6. يجب تجنب الفوضى البصرية
كقاعدة عامة ، عندما يكون شيء ما مفيدًا ، وإن لم يكن للغالبية العظمى من المستهلكين أو في السياق الحالي للمستخدم ، فيجب إخفاؤه.
نقل أ less-عنصر تنقل مهم في إيقاف-canvaقائمة s ، التي يتم الكشف عنها فقط عند الرغبة في ذلك بالفعل ، هي مثال على محاولة إخفاء شيء ما لتقليل العبء المعرفي.
السبب وراء ذلك هو السبب في إجبار المستخدم على التفكير في معناه عندما لا يكون من المحتمل أن يحتاج إلى رؤيته أو استخدامه في المقام الأول؟
يجب أيضًا أن نأخذ في الاعتبار حقيقة أنه إذا كان هناك الكثير من المحتوى ، فلن يتمكن المستخدمون من تذكر المعلومات المهمة في بعض الأحيان على وجه الخصوص.
تتأثر ذاكرتنا بالحمل المعرفي. نصبح مشلولين وغير متأكدين من أين نذهب عندما نواجه الكثير من الأشياء أو الخيارات. لا يبدو الأمر جيدًا.
7. استخدم التسلسل الهرمي المرئي
يجب الإشارة إلى أهمية كل عنصر بصريًا ، ويجب أن يتأثر الترتيب الذي يتم عرضها به.
هذا يعني أن بعض العناصر ستحتاج إلى تحديد أولوياتها بصريًا لمساعدة المستخدم على فهم ما يحدث. ضع في اعتبارك منتجًا يظهر سعره في حجم نص أكبر من اسم المنتج.
قد يتعلم المستخدم أن المنتج يكلف عشرة دولارات ، لكنه سيصاب بالحيرة لبضع لحظات لأنه ليس لديه فكرة عن ماهية المنتج.
بل إن الأمر أسوأ إذا اتضح أنهم لا يهتمون بالمنتج لأنهم عالجوا بالفعل معلومات ليست ذات صلة بهم.
8. اتخاذ عدد أقل من الخيارات للحصول على تجربة أكثر بساطة
الكثير من الخيارات للاختيار من بينها يساوي وقت استجابة أبطأ ، وفقًا لقانون هيكس. عندما يتم تقديم العديد من الخيارات للمستخدم ، فقد يعاني من شلل القرار ، والذي يُعرَّف بأنه عدم القدرة على اتخاذ قرار نتيجة العبء المعرفي.
على سبيل المثال ، تم إنشاء موقع Nike الإلكتروني ليعرض لك فقط عددًا قليلاً من المنتجات في كل مرة.
موقع Atoms هو مثال ممتاز على كيفية تقليل عدد الخيارات. يتم تضمين 4 عناصر تنقل فقط في التنقل الرئيسي ، مع ملحق less يتم نقل النقاط ذات الصلة إلى تذييل موقع الويب.
عندما يختار المستخدم "العثور على لياقتك" ، يتم تقديمه بنهج تحاوري واحد تلو الآخر لاختيار أفضل منتج.
9. تصميم الاحتكاك المفيد
تضيف الفوضى الوظيفية ، مثل الفوضى المرئية ، إلى الحمل المعرفي للمستخدم ويمكن أن تكون مصدر إلهاء كبير ، مما يؤدي إلى انخفاض كبير في التحويلات.
في حالة التجارة الإلكترونية ، يُعزى 34 بالمائة من عمليات الدفع الشاغرة إلى إجبار العملاء على إنشاء حساب جديد ، مما يؤدي إلى خسارة هائلة في الإيرادات.
لا يعني هذا بالضرورة أنه سيتعين علينا إجبار العميل على الخروج في هذه الحالة ، ولكنه يعني أنه يمكننا جعل إنشاء حساب أمرًا اختياريًا.
إذا أردنا حقًا تقليل العبء المعرفي للمستخدم ، فيمكننا أن نطلب منهم إنشاء حساب بعد تسجيل المغادرة ، حتى لا تكون فكرة إنشاء حساب مصدر إلهاء!
قبل التعمق في النماذج الأولية ، يعد إنشاء خريطة مخطط انسيابي طريقة رائعة لتقليل احتكاك موقع الويب.
بهذه الطريقة ، إذا كانت هناك أي نقاط احتكاك بسبب الفوضى الوظيفية ، فيمكننا إعادة النظر في رحلة المستخدم وخلق تجربة ممتعة أكثر.
منع الإرهاق التكنولوجي للمستخدمين
بهذه الطريقة ، إذا كانت هناك أي نقاط احتكاك بسبب الفوضى الوظيفية ، فيمكننا إعادة النظر في رحلة المستخدم وخلق تجربة ممتعة أكثر.
10. منع الإرهاق التكنولوجي
نحن نعيش حاليًا في أكثر نسخة مرئية من عالمنا تم إنشاؤها على الإطلاق. هناك الكثير من التطبيقات ، ومواقع الويب ، والأدوات الذكية للاحتفاظ بها محتواة.
نظرًا للتبني السريع للتكنولوجيا الجديدة ، أصبحت أغراضنا اليومية ، والمطابخ ، وحقائب الظهر - متجذرة رقميًا بتقنية وميزات جديدة تعد بتحسين حياتنا.
ومع ذلك ، فإن الحقيقة هي أن قلة مختارة فقط هي التي تنجح على المدى الطويل.
المزيد من التكنولوجيا ، المزيد من القضايا.
بصفتنا بشر معيبين ، يمكننا فقط التعامل مع قدر ضئيل من العبء المعرفي ، لكن كل شيء نراكمه يضيف إلى هذا العبء. هذا لا ينطبق فقط على السلع التي لدينا ولكن أيضًا بالنسبة للإعداد والصيانة التي تتطلبها ، فضلاً عن المعرفة والمعلومات المطلوبة لتشغيلها.
وهذا يفترض أننا نستخدم المنتج بالفعل — هل ألغيت يومًا اشتراكًا سنويًا بسبب less الوقت أم الدافع بعد بضعة أشهر فقط؟
من ناحية أخرى ، فإن وسائل التواصل الاجتماعي مختلفة قليلاً. كثير من المستخدمين مدمنون عليه ، حيث يقضي الكثير منهم ساعتين على الأقل يوميًا عليه.
ببساطة لا توجد ساعات كافية في اليوم لاستخدام كل ما نريده أو قراءته أو مشاهدته أو استهلاكه بأي طريقة أخرى ، ولكن المشكلة الحقيقية هي التأثيرات طويلة المدى على صحتنا العقلية.
يجعلنا نشعر بالثقل.
العبء هو مزيج من التوتر والمسؤولية. نحن متوترون لأننا لا نسمح لأنفسنا بالاسترخاء ، بدلاً من ملء كل دقيقة من الاستيقاظ بالتكنولوجيا.
الالتزام لأن العديد من المنتجات تستخدم التلعيب وعقود الإغلاق للاحتفاظ بالمستخدمين بشكل غير أخلاقي. ثم هناك هوسنا بأعظم الأشياء والمساومات التالية.
إن إغراء الإدمان على التكنولوجيا يحيط بنا في كل مكان.
11. آثار إثقال كاهل مستخدمي الموقع
عندما يكون المستخدمون مثقلين بالأعباء ، فقد يواجهون أحد المشاعر التالية:
نفد صبرهم: سيكونون مستعدين فقط لاستثمار قدر ضئيل من الوقت والجهد في موقع الويب ، وسوف يتخلون عنه إذا واجهوا عائقًا بسيطًا.
محبط: إذا كان المستخدم غارقًا في الخيارات أو الخيارات ، فهو كذلك less من المرجح أن يتحولوا ومن المرجح أن يتحولوا إلى منافس أو يتخلوا عن بحثهم تمامًا.
بعبارة أخرى ، عندما يتصفح المستخدمون الويب ، هناك فرصة جيدة لأن يغادروا مبكرًا بسبب نفاد الصبر وتضاؤل مدى الانتباه. لسوء الحظ ، بالنسبة لمعظم المستخدمين العاديين ، يعد هذا مجرد سلوك عادي
12. كيف يمكن للمستخدمين الاستفادة من تصميم مواقع الويب المبسطة؟
يمكننا تقليل العبء المعرفي لبضائعنا كمصممين رقميين ، مما يقلل من التوتر والتهيج والإحباط.
في عصر الإنترنت الذي يتطلب اهتمامنا باستمرار ، يمكن أن تكون مواقعنا الإلكترونية تغييرًا منعشًا.
المفتاح هو إنشاء مواقع ويب مبسطة لا تضيف إلى الحمل المعرفي الهائل بالفعل للمستخدم ، لذلك دعونا نلقي نظرة على كيف يمكن لنهج الحد الأدنى لتصميم موقع الويب أن يحسن موقع الويب UX. سنلقي نظرة أيضًا على بعض الأمثلة الملهمة حقًا لمواقع الويب المبسطة الرائعة على طول الطريق.
مواقع الويب ذات المظهر البسيط تدور حول أكثر من مجرد جماليات. التصميم البسيط هو طريقة لتكون واضحًا قدر الإمكان مع استخدام أقل قدر ممكن من المواد.
الأسئلة الشائعة حول موقع الحد الأدنى
ما هي بعض أهم خصائص التصميم البسيط؟
البساطة والخطوط النظيفة ومجموعات الألوان أحادية اللون تميزها. يتكون التصميم البسيط عادةً من عدد قليل جدًا من العناصر على الصفحة ، والكثير من العناصر الفارغة أو السلبية والتصميم الذي يركز على الشكل واللون والملمس لبعض العناصر الأساسية.
ما هي الألوان المستخدمة غالبًا في التصميمات المبسطة؟
يستخدم العديد من المصممين لوحات ألوان بسيطة عند إنشاء تصميمات بسيطة. الألوان مثل الأسود والأبيض و / أو الظلال الرمادية شائعة. بشكل عام ، تكلف معظم لوحات التصميم الدنيا ثلاثة ألوان كحد أقصى.
كيف يفعل الحد الأدنى الديكور؟
هناك ثلاث طرق رئيسية يستخدمها الحد الأدنى لتقديم مظهر توقيعهم. يزيلون الفوضى ويستخدمون لوحة أساسية محايدة ويزيلون كل شيء غير ضروري تمامًا من الصفحة.
من فضلك قم اترك أ مفيد علق بأفكارك ، ثم شارك هذا على مجموعة (مجموعات) Facebook الخاصة بك الذين قد يجدون هذا مفيدًا ودعونا نحصد الفوائد معًا. شكرا لك على المشاركة ولطفك!
تنويه: قد تحتوي هذه الصفحة على روابط لمواقع خارجية للمنتجات التي نحبها ونوصي بها بكل إخلاص. إذا قمت بشراء منتجات نقترحها ، فقد نربح رسوم إحالة. لا تؤثر هذه الرسوم على توصياتنا ولا نقبل مدفوعات للمراجعات الإيجابية.
و أكثر من ذلك بكثير ...