تصميم موقع مينيميت للشركة المحسنة للمستخدمين في شركة آيوس

الفلسفة وراء تصميم مينيماليست

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

مطروحا منه: السياق التاريخي

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

التركيز على القوة المعرفية والمستعمل

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

Aligning with Apple’s Human Interface Guidelines

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

المبادئ الأساسية للمبادرة الموحدة بشأن تطبيق المعايير الدولية لمراقبة المناخ

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

البساطة والتخفيض الفعّال

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

Consistency Across Screens

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

هرمية المحتوى

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

الملاحة والأثاثات الملائمة

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

الفضاء السلبي كعنصر تصميم

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

استراتيجيات التصميم العملي للشبكة المتوسطة

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

اختيار محلول محدود

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

التأشيرات والقابلية للقراءة

(ب) استخدام النظام المخصّص (سان فرانسيسكو) لضمان إمكانية تطبيقه على جميع أجهزة الإيوس، وربط نفسك بوزنين من نوع واحد للجسم والعناوين، وتجنب الخلط بين أكثر من أسرتين من الطراز، واستخدام نطاق منفرد للأحجام الفواكهة (مثل 12 و14 و17 و20 و24) للحفاظ على الإيقاع العمودي، وفيما يتعلق بنص الجسم، يوصى بالحد الأدنى من 16 جمل من الوزن عند الرسوب).

Iconography and Button Design

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

استخدام الهرمية البصرية لتوجيه الانتباه

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

العيون المستجيبة والتصميم التصحيحي

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

أمثلة عالمية حقيقية على تطبيقات نظام المعلومات البيئية

ويدل العديد من تطبيقات نظام المعلومات المتكامل الناجحة على مدى الحد الأدنى من التركيز على المستعملين، ويُقدِّم فحص قرارات تصميمهم إلهاما عمليا.

موسيقى تفاح

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

اهدأ

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

الدب

ويستخدم جهاز كتابة الملاحظات، وهو جهاز أخذ ملاحظات، تصميماً جانبياً بنظام تريبي محسن، ويستخدم محرر المذكرة صورة نصية وحيدة الكُرم، مع الحد الأدنى من الكروم - لا من حُفر الأدوات، ما لم تُسجِّل زر " آ " ، ويظهر اختيارات صياغة كفريق عائم، ويبقي مجال الكتابة مثبتة، وهذا التركيز على المحتوى النصي يساعد المستعملين على الكتابة دون صرف انتباه.

الأشياء 3

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

Overcast

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

استحقاقات المينيما المدرجة في القائمة UI ما بعد التخصيب

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

تعزيز تركيز المستعملين والإنتاجية

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

تحسين الأداء والزمن العرضي

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

ارتفاع معدل استبقاء المستعملين والترضية

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

انعدام التوقيت ومفهوم براند

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

اعتبارات التنفيذ

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

اختبار تصميمات المينيمان مع المستخدمين

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

الموازنة بين الأقليات والوظيفة

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

إمكانية الوصول إلى الخدمات وشموليتها

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

خاتمة

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