التشغيل السلس: مفتاح التصميم الحديث.

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

ألاحظ التصميم الجيد أكثر عندما لا أضطر إلى التفكير فيه. يبدو موقع الويب سلسًا عندما أتمكن من العثور على الصفحة الصحيحة دون البحث في قائمة مزدحمة. يبدو تطبيق الهاتف المحمول أمرًا طبيعيًا عندما أعرف مكان النقر التالي. تبدو الخدمة جيدة التخطيط عندما لا أحتاج إلى تكرار معلوماتي في كل خطوة. هذه هي قيمة التصميم السلس. فهو يربط كل جزء من التجربة حتى يتمكن المستخدم من المضي قدمًا بجهد أقل. غالبًا ما يخلق التصميم السيئ لحظات صغيرة من الاحتكاك. يستخدم الزر صياغة غير واضحة. تطلب صفحة الدفع نفس العنوان مرتين. يعطي النموذج رسالة خطأ ولكنه لا يشرح كيفية حل المشكلة. قد تبدو كل مشكلة بسيطة، إلا أن العديد من المشكلات الصغيرة يمكن أن تجعل التجربة بأكملها متعبة. لقد تركت مواقع الويب لأنه كان من الصعب العثور على الخطوة التالية. لقد استخدمت أيضًا الخدمات التي بدت بسيطة لأن كل شاشة أعطتني المعلومات التي أحتاجها في الوقت المناسب. لم يكن الاختلاف دائمًا في عدد الميزات. كانت هذه هي الطريقة التي تعمل بها هذه الميزات معًا. تبدأ التجربة السلسة بمسار واضح للمستخدم. قبل أن أقوم بتصميم الصفحة، أسأل عما يريد المستخدم إكماله. يجب أن تكون الإجابة محددة: - ابحث عن منتج - احجز موعدًا - قارن بين خطتين - أرسل طلبًا - أكمل عملية دفع - اتصل بفريق الدعم الصفحة التي تحاول خدمة عدد كبير جدًا من الأهداف في وقت واحد يمكن أن تجعل كل هدف أكثر صعوبة. عندما تكون المهمة الرئيسية واضحة، يصبح التخطيط أسهل. الإجراء الأكثر فائدة يحصل على مكان مرئي. تظل المعلومات الداعمة متاحة دون صرف الانتباه عن هذا الإجراء. يلعب التنقل أيضًا دورًا كبيرًا. أتوقع أن تستخدم القائمة الكلمات التي تتوافق مع لغتي. تعد "التسعير" و"الخدمات" و"الاتصال" أسهل في الفهم من التسميات الإبداعية التي تتطلب التخمين. الكلمات المألوفة تقلل من الوقت الذي أقضيه في النظر حولي. كما يحافظ التصميم السلس على تناسق الأنماط. إذا نقلني الزر الأزرق إلى الخطوة التالية في إحدى الصفحات، أتوقع أن يقوم زر مماثل بنفس الشيء في صفحة أخرى. إذا ظهر سهم للخلف في الزاوية العلوية اليسرى، فلا ينبغي أن ينتقل فجأة إلى أسفل الشاشة. الاتساق يعطي المستخدمين شعورا بالسيطرة. ويمكنهم استخدام ما تعلموه على إحدى الشاشات عندما يصلون إلى الشاشة التالية. توضح النماذج مدى تأثير اختيارات التصميم الصغيرة على التجربة الكاملة. أفضّل النماذج التي تطلب فقط المعلومات المطلوبة في تلك المرحلة. يبدو النموذج القصير ذو التصنيفات الواضحة أكثر قابلية للإدارة من النموذج الطويل المليء بالحقول الاختيارية. يتضمن تصميم النموذج المفيد ما يلي: - التسميات التي تظل مرئية - الأمثلة الموضوعة بالقرب من الحقول الصعبة - رسائل الخطأ المكتوبة بلغة واضحة - رؤية واضحة للمعلومات المطلوبة - مؤشر التقدم للمهام الأطول - فرصة مراجعة التفاصيل قبل الإرسال عندما أكتب عنوان بريد إلكتروني بشكل غير صحيح، "الرجاء إدخال عنوان بريد إلكتروني صالح" لا يمنحني سوى القليل من المساعدة. "أضف عنوان بريد إلكتروني مثل name@example.com" يخبرني بما يجب تغييره. الرسالة الثانية تدعم الإجراء بدلاً من إضافة الارتباك. السرعة مهمة أيضًا، على الرغم من أن السرعة لا تقتصر على وقت التحميل. أريد أيضًا أن تتذكر الخدمة الاختيارات المفيدة. المتجر عبر الإنترنت الذي يبقي تفاصيل التسليم الخاصة بي متاحة يوفر الجهد أثناء الخروج. يساعدني تطبيق السفر الذي يعرض رحلاتي المحفوظة على العودة إلى مهمة دون البدء من جديد. وينبغي التعامل مع هذه الميزات بعناية. يجب أن تشرح الخدمة ما تخزنه وتسمح لي بتحديث التفاصيل المحفوظة أو إزالتها. لا ينبغي أن تأتي الراحة من الخيارات الخفية. يتضمن التصميم السلس الجيد اللحظات التي تسوء فيها الأمور. قد تفشل عملية الدفع. قد تفقد الصفحة اتصالها. قد لا يكون المنتج متاحًا بعد الآن. لا يستطيع النظام منع كل مشكلة، لكنه يمكنه إرشادي خلال الخطوة التالية. يجب أن تخبرني رسالة الخطأ المفيدة بما يلي: - ماذا حدث - ما يمكنني فعله الآن - ما إذا تم حفظ معلوماتي السابقة - كيفية الحصول على المساعدة إذا استمرت المشكلة على سبيل المثال، بعد حدوث مشكلة في الدفع، يمكن أن تقول الرسالة: "لم يتم إرسال طلبك. تحقق من تفاصيل بطاقتك أو جرب طريقة دفع أخرى. لا تزال سلة التسوق الخاصة بك محفوظة." هذا يعطيني طريقًا واضحًا ويقلل الشك. غالبًا ما تظهر الخدمات الحقيقية هذا المبدأ في مواقف الحياة اليومية. في المطار، تنتقل عملية تسجيل الوصول الواضحة عادةً من تفاصيل الحجز إلى معلومات الركاب واختيار المقعد والوصول إلى بطاقة الصعود إلى الطائرة. عندما تتبع كل خطوة ترتيبًا مألوفًا، يمكنني التركيز على التحضير للرحلة بدلاً من معرفة كيفية عمل النظام. يعتمد الدفع الذاتي للبقالة أيضًا على الخطوات المتصلة. أقوم بمسح عنصر ما ضوئيًا، وأرى اسمه وسعره، ثم أختار طريقة الدفع، وأتلقى تأكيدًا. إذا كانت الآلة تستخدم تعليمات مختلفة في كل مرحلة، فإن المهمة تبدو أطول مما ينبغي. أستخدم عملية مراجعة بسيطة عند التحقق من موقع ويب أو تطبيق: 1. أختار مهمة واحدة شائعة، مثل حجز خدمة. 2. أكمل المهمة كما يفعل المستخدم الجديد. 3. أكتب كل لحظة تثير الشك. 4. أقوم بإزالة الخطوات التي لا تدعم المهمة. 5. أقوم باختبار المسار على هاتف وشاشة أكبر. 6. أطلب من شخص آخر أن يكملها دون مساعدة. 7. أستخدم أسئلتهم لضبط الصياغة والتخطيط. غالبًا ما تجد هذه العملية مشكلات يسهل تفويتها عندما أعرف بالفعل كيفية عمل المنتج. الألفة يمكن أن تخفي الارتباك. مستخدم جديد يكشف ذلك بسرعة. لا يعني التصميم السلس إزالة كل التفاصيل أو جعل كل شاشة تبدو متماثلة. وهذا يعني إعطاء كل التفاصيل غرضا واضحا. لا تزال التجربة الهادئة توفر العمق والاختيار والمعلومات المفيدة. يساعد الهيكل المستخدم ببساطة على الوصول إلى تلك الخيارات دون الشعور بالضياع. عندما يربط التصميم بين المحتوى والتخطيط والإجراءات والدعم، تبدو التجربة أسهل. يقضي المستخدمون وقتًا أقل في العمل على النظام ووقتًا أطول في إكمال ما جاءوا من أجله. وهنا يكتسب التصميم السلس قيمته: ليس من خلال التأثيرات التي تجذب الانتباه، ولكن من خلال القرارات المدروسة التي تجعل كل خطوة تبدو طبيعية.

يمكن أن يبدو التصميم جذابًا ولكنه يجعل الأشخاص يعملون بجد أكثر من اللازم. لقد رأيت مواقع الويب ذات الألوان المصقولة والصور الكبيرة والرسوم المتحركة الذكية تفقد زوارها بسبب صعوبة العثور على القائمة، أو أن الرسالة كانت غير واضحة، أو أن نموذج الخروج يطلب الكثير من المعلومات. التصميم الجيد لا يتعلق بالمظهر فقط. فهو يساعد الناس على الفهم والاختيار والتصرف دون بذل جهد غير ضروري. عندما أقوم بمراجعة تصميم ما، أطرح سؤالاً واحدًا بسيطًا: هل يمكن للمستخدم الجديد التنقل خلاله دون الحاجة إلى شرح؟ يغير هذا السؤال كيفية تخطيط الصفحات والمنتجات والمواد التسويقية. ### ابدأ بالمهمة الرئيسية للمستخدم، يجب أن يدعم كل تصميم مهمة واضحة. قد يرغب الزائر في: - البحث عن منتج - مقارنة خيارين - حجز خدمة - قراءة المعلومات الأساسية - الاتصال بشركة - إكمال عملية الدفع إذا حاولت إحدى الصفحات دعم عدد كبير جدًا من الأهداف، فقد لا يعرف المستخدمون أين يبحثون. أفضل اختيار إجراء رئيسي واحد لكل شاشة مهمة. يمكن أن تظل الإجراءات الداعمة متاحة، لكن لا ينبغي لها أن تتنافس مع المسار الرئيسي. على سبيل المثال، قد ترغب عيادة أسنان محلية في أن يقرأ الزوار عن العلاجات، ويعرضوا الأسعار، ويجدوا العنوان، ويطلبوا موعدًا. الصفحة التي تعطي جميع الإجراءات الأربعة وزنًا مرئيًا متساويًا يمكن أن تشعر بالازدحام. قد يضع التخطيط الأكثر وضوحًا عبارة "طلب موعد" بالقرب من الجزء العلوي، ثم يقدم تفاصيل العلاج والموقع والسعر أدناه. تصبح الصفحة أسهل في المسح لأن الخطوة التالية للمستخدم مرئية. ### استخدم الأنماط المألوفة يجلب الأشخاص عادات من مواقع الويب والتطبيقات الأخرى. عادةً ما يؤدي الشعار إلى الصفحة الرئيسية. عدسة مكبرة تقترح البحث. تشير حقيبة التسوق إلى العناصر المحفوظة أو عربة التسوق. يخبر الزر ذو الصياغة الواضحة المستخدمين بما سيحدث بعد النقر. أنا لا أتعامل مع الأنماط المألوفة على أنها مملة. أنها تقلل من الجهد العقلي. قد تبدو القائمة التي يتم فتحها من الجانب الأيمن جديدة، ولكنها قد تبطئ المستخدمين الذين يتوقعون أن يكون رمز القائمة على اليسار. النموذج الذي يضع رقم الهاتف قبل الاسم قد يبدو غير معتاد عندما يتوقع المستخدم طلبًا أساسيًا. المفاجآت الصغيرة يمكن أن تخلق التردد. التصميم الجيد يترك مجالًا للشخصية في الألوان والنوع والصور والنغمة. يجب أن تظل الرحلة الأساسية سهلة الفهم. ### إنشاء ترتيب مرئي واضح نادرًا ما يقرأ المستخدمون كل كلمة في الصفحة. يقومون بمسح العناوين والتسميات والصور والأزرار. يجب أن يظهر التصميم ما يستحق الاهتمام. عادةً ما أقوم بإنشاء طلب بسيط: 1. الرسالة الرئيسية 2. التفاصيل الداعمة 3. إثبات أو سياق مفيد 4. الإجراء الرئيسي 5. معلومات إضافية قد تعرض صفحة المنتج اسم المنتج وبيان المزايا القصير والسعر والميزات الرئيسية وزر الشراء. يمكن أن تتحرك الفقرات الطويلة إلى أسفل الصفحة للزوار الذين يريدون المزيد من التفاصيل. يؤثر الحجم والتباعد والتباين والموضع على الترتيب البصري. عنوان كبير يجذب الانتباه. التباين القوي يجعل من السهل العثور على الزر. تفصل المساحة الفارغة بين المحتوى ذي الصلة وتمنع الصفحة من الشعور بالاكتظاظ. المساحة البيضاء ليست مساحة مهدرة. يمنح العيون مكانًا للراحة. ### حافظ على اللغة مباشرة: يعمل التصميم والنسخ معًا. لا يمكن للتخطيط الواضح إصلاح الصياغة غير الواضحة. غالبًا ما توفر الأزرار مثل "إرسال" أو "متابعة" أو "انقر هنا" القليل من الإرشادات. المزيد من التصنيفات المباشرة يمكن أن تساعد: - "حجز استشارة" - "عرض خيارات التسليم" - "حفظ التغييرات" - "تنزيل الدليل" - "مقارنة الخطط" يجب أن تتوافق الصياغة مع توقعات المستخدم. إذا فتح زر قائمة الأسعار، فإن "اطلع على الأسعار" يكون أكثر فائدة من "معرفة المزيد". وأتجنب أيضًا تقديم الوعود التي لا يمكن للشركة دعمها. يجب أن تصف صفحة الخدمة ما يمكن أن يتوقعه العملاء، مثل أوقات الاستجابة أو الميزات المتوفرة أو حدود الخدمة. المعلومات الصادقة تبني ثقة أكبر من الادعاءات العامة. ### تصميم للشاشات الصغيرة مبكرًا الصفحة التي تعمل على شاشة واسعة قد يصبح من الصعب استخدامها على الهاتف. يمكن أن يتقلص النص، ويمكن أن تتحرك الأزرار أسفل الجزء المرئي من الصفحة، وقد تصبح النماذج متعبة. أقوم باختبار تخطيط الهاتف المحمول قبل اكتمال إصدار سطح المكتب. يكشف هذا عن المشكلات مبكرًا: - يلتف العنوان في عدد كبير جدًا من الأسطر - الزر صغير جدًا بحيث لا يمكن النقر عليه بشكل مريح - يصبح من الصعب قراءة الجدول - الصور تبطئ الصفحة - تظهر المعلومات المهمة بعيدًا جدًا أسفل الشاشة الأولى غالبًا ما يؤدي تخطيط الهاتف المحمول البسيط إلى تحسين إصدار سطح المكتب أيضًا. إنه يجبر التصميم على التركيز على ما يحتاجه الناس أكثر. ### تقليل الاحتكاك في النماذج تعمل النماذج على إنشاء اتصال مباشر بين المستخدم والشركة. كما أنها تخلق العديد من الفرص للناس للتوقف. أحافظ على تركيز النماذج على المعلومات المطلوبة للخطوة التالية. قد يحتاج طلب الاتصال إلى اسم وعنوان بريد إلكتروني ورسالة وطريقة الاتصال المفضلة. إن طلب العنوان الكامل وحجم الشركة والمسمى الوظيفي والخلفية التفصيلية قد يثبط عزيمة الأشخاص الذين يريدون إجابة بسيطة فقط. يتضمن تصميم النموذج المفيد ما يلي: - مسح تسميات الحقول - أمثلة مفيدة - رسائل خطأ بالقرب من المشكلة - ملاحظة خصوصية مرئية عند الحاجة - زر يصف الإجراء - دعم استخدام لوحة المفاتيح والهاتف المحمول إذا أدخل المستخدم عنوان بريد إلكتروني غير صالح، فيجب أن توضح الرسالة كيفية إصلاحه. "الرجاء إدخال عنوان بريد إلكتروني صالح" أكثر فائدة من "خطأ". ### عرض التعليقات بعد كل إجراء يحتاج الأشخاص إلى معرفة ما إذا كان النظام قد تلقى الإجراء الخاص بهم. بعد إرسال النموذج، يمكن للصفحة إظهار رسالة تأكيد مع الخطوة التالية. بعد تحميل الملف، يمكن أن يُظهر مؤشر التقدم الحالة الحالية. بعد إضافة منتج إلى سلة التسوق، يمكن تحديث عدد سلة التسوق. لقد قمت ذات مرة بمراجعة صفحة تسجيل الحدث حيث ظهر التأكيد أسفل نموذج طويل. قام المستخدمون بالنقر فوق الزر أكثر من مرة لأنهم لم يكونوا متأكدين مما إذا كان أي شيء قد حدث. أدى نقل التأكيد بالقرب من الزر إلى تسهيل فهم العملية وتقليل عمليات الإرسال المتكررة. ردود الفعل لا تحتاج إلى أن تكون مثيرة. يحتاج فقط للوصول في اللحظة المناسبة. ### الاختبار مع أشخاص لم يكونوا جزءًا من المشروع يمكن أن يصبح فريق التصميم على دراية كبيرة بعمله. نحن نعرف سبب وجود الميزة، والمكان الذي يجب أن يكون فيه الرابط، وما يعنيه كل تصنيف. المستخدمون الجدد ليس لديهم تلك الخلفية. أقوم باختبار التصميمات مع عدد قليل من الأشخاص الذين يتناسبون مع الجمهور المستهدف. أعطيهم مهمة بدلاً من شرح الواجهة: - "ابحث عن الخطة الشهرية". - "أرسل سؤالاً إلى فريق الدعم." - "اختر تاريخ التسليم." - "أخبرني ما الذي تتضمنه هذه الخدمة." أشاهد أين يتوقفون، وما يتجاهلونه، والكلمات التي يسيئون فهمها. غالبًا ما يكشف سلوكهم عن المشكلات التي تتجاهلها مناقشة الفريق. الهدف ليس الدفاع عن التصميم. الهدف هو العثور على المكان الذي يطلب فيه التصميم الكثير من المستخدم. ### قياس السلوك بعد الإطلاق يمكن أن توضح تعليقات المستخدمين وبيانات الأداء ما إذا كان التصميم يعمل عمليًا. قد تتضمن الإشارات المفيدة ما يلي: - مصطلحات البحث المستخدمة في الموقع - الصفحات التي يغادر فيها المستخدمون - معدلات إكمال النماذج - الوقت المستغرق في المهام الرئيسية - أسئلة الدعم حول الميزات الأساسية - اختلافات الهاتف المحمول وسطح المكتب - النقرات على الإجراء الرئيسي لا يعني العدد الكبير من الزيارات دائمًا أن التصميم فعال. إذا وصل العديد من الزوار إلى صفحة الحجز ولكن القليل منهم أكمل النموذج، فقد تكمن المشكلة داخل النموذج، وليس في الحملة التي جلبتهم إلى هناك. أفضّل التغييرات الصغيرة والمركزة. اختبر تغييرًا واحدًا، ولاحظ النتيجة، واحتفظ بسجل لما حدث. وهذا يجعل من السهل تفسير القرارات ويمنع إعادة التصميم العشوائي. ### دع الثقة تدعم التصميم، يحكم الأشخاص على الأعمال التجارية من خلال التفاصيل الصغيرة. قد تبدو الصفحة ذات المسافات غير المتناسقة غير مكتملة. يمكن أن يثير الارتباط المعطل تساؤلات حول جودة الخدمة. يمكن لسياسة الإرجاع غير الواضحة أن تجعل المنتج يبدو محفوفًا بالمخاطر. يمكن أن تؤدي الصفحة البطيئة إلى مغادرة المستخدمين قبل رؤية العرض. تنمو الثقة عندما يتطابق التصميم مع تجربة العمل. يجب أن تسهل الخدمة المالية العثور على الشروط. يجب أن يقدم موقع الويب الطبي معلومات الخدمة بعناية ويتجنب المطالبات غير المدعومة. يجب أن يعرض المتجر عبر الإنترنت تفاصيل التسليم والدفع والإرجاع قبل التزام العميل. يساعد الصقل البصري، لكن الوضوح يحمل وزنًا أكبر. أعتقد أن التصميم الأقوى ليس هو الذي يتلقى أكبر عدد من التعليقات حول مظهره. إنه الذي يساعد الأشخاص على إكمال المهمة مع عدد أقل من الشكوك، وأخطاء أقل، ووقت ضائع أقل. ابدأ بهدف المستخدم. استخدم الأنماط التي يفهمها الناس. أعط كل صفحة ترتيبًا واضحًا. اكتب تسميات مباشرة، وأزل الخطوات غير الضرورية، واختبر مع مستخدمين حقيقيين، وراجع ما يحدث بعد الإطلاق. عندما يعمل التصميم بسلاسة، تصبح الواجهة أسهل في الملاحظة وأسهل في الثقة. هذا هو المكان الذي تبدأ فيه القرارات المرئية الجيدة في خلق قيمة عملية.

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

التصميم الجيد يجب أن يجعل المهام اليومية تبدو بسيطة. لا ينبغي أن أحتاج إلى دليل لفهم مكان النقر أو السحب أو الدوران أو الضبط. عندما يبدو المنتج مكررًا ولكن يصعب استخدامه، فإن جاذبيته البصرية تفقد قيمته بسرعة. كثيرا ما ألاحظ هذه المشكلة في المنازل والمكاتب والأماكن العامة. قد تحتوي لوحة التحكم على عدد كبير جدًا من الأزرار. قد يبدو مقبض الباب أنيقًا ولكنه لا يوفر قبضة واضحة. قد تستخدم الواجهة الرقمية رسومًا متحركة جذابة مع إخفاء الإجراء الذي أحتاجه. هذه النقاط الصغيرة تخلق التردد، والتردد المتكرر يتحول إلى إحباط. يبدأ التصميم الحديث بالتشغيل السهل. يمكن أن تتبع عملية التصميم المفيدة بعض الخطوات العملية. 1. شاهد كيف يستخدم الأشخاص المنتج، أبدأ بملاحظة المهمة بدلاً من تخمين ما يريده المستخدمون. أين يتوقف الإنسان؟ أي جزء يلمسونه أولاً؟ هل يحتاجون لطلب المساعدة؟ مثال بسيط هو الخروج الخدمة الذاتية. إذا وضعت الشاشة الإجراء الرئيسي في موضع مألوف واستخدمت لغة واضحة، فيمكن للعديد من المستخدمين التحرك خلال العملية بمساعدة أقل. إذا كانت خطوة الدفع مخفية خلف عدة أيقونات غير واضحة، فحتى عملية الشراء القصيرة قد تكون متعبة. الهدف ليس إضافة المزيد من التوجيه. الهدف هو تقليل الحاجة إلى التوجيه. 2. أعط لكل إجراء غرضًا واضحًا، يجب أن يساعد كل زر ومقبض وقائمة وإشارة مرئية المستخدم على إكمال المهمة. عندما تقوم عدة عناصر تحكم بإجراءات مماثلة، قد لا يعرف الأشخاص أي عنصر يختارونه. أفضل التصميم الذي يجعل من السهل التعرف على الإجراء الرئيسي. يمكن للتحكم في درجة الحرارة إظهار الإعداد الحالي واتجاه التعديل والنتيجة بعد التغيير. يمكن لنظام التخزين وضع العناصر التي يستخدمها الأشخاص غالبًا في متناول اليد بشكل مريح. التصميم الجيد يدعم الجسم والعقل في نفس الوقت. 3. استخدم الأنماط المألوفة بعناية: يجلب الأشخاص الخبرة السابقة إلى كل منتج جديد. عادةً ما يقترح شريط التمرير التعديل. غالبًا ما تقترح العدسة المكبرة البحث. عادةً ما يشير المقبض المرئي إلى السحب. يمكن لهذه الأنماط تقصير عملية التعلم، ولكن يجب أن تتوافق مع المنتج. الرمز الذي يبدو مألوفًا ولكنه يتصرف بشكل مختلف قد يؤدي إلى حدوث أخطاء. تكون التسميات الواضحة مفيدة عندما يكون للأيقونة أكثر من معنى واحد. 4. قم بإزالة الخطوات التي لا تضيف قيمة: أطرح سؤالاً بسيطًا أثناء مراجعة التصميم: هل تساعد هذه الخطوة المستخدم، أم أنها تؤدي فقط إلى إبطاء المهمة؟ على سبيل المثال، قد يوفر جهاز التحكم بالمنزل الذكي العديد من الإعدادات. قد يستخدم معظم الأشخاص عددًا قليلاً منهم فقط كل يوم. يجب أن يظل من السهل الوصول إلى عناصر التحكم اليومية، بينما يمكن وضع الخيارات الأقل شيوعًا في منطقة منفصلة. وهذا يحافظ على هدوء التجربة الرئيسية دون إزالة الوظائف المفيدة. الخطوات الأقل لا تعني دائمًا ميزات أقل. غالبًا ما تعني تنظيمًا أفضل. 5. اجعل التعليقات سهلة الفهم يحتاج الأشخاص إلى معرفة ما حدث بعد اتخاذ الإجراء. يمكن أن يظهر الضوء أنه قيد التشغيل. يمكن للشاشة عرض الحالة المحفوظة. يمكن للآلة أن تصدر صوتًا أو حركة قصيرة تؤكد الأمر. يجب أن تكون ردود الفعل سريعة وواضحة. إذا كانت النتيجة تستغرق وقتًا، فيمكن للمنتج إظهار أنه يقوم بمعالجة الطلب. قد يؤدي الصمت إلى قيام المستخدمين بالضغط على نفس الزر مرة أخرى، مما قد يتسبب في حدوث أخطاء أو تكرار الإجراءات. 6. اختبار مع الأشخاص الذين لم يصمموه أنا أعرف المنتج جيدًا لأنني عملت عليه. هذه الألفة يمكن أن تخفي المشاكل. ومن يراها لأول مرة قد يلاحظها خلال ثواني. اختبار بسيط يمكن أن يكشف الكثير. أعطِ الشخص مهمة واحدة وتجنب شرح الواجهة. شاهد ماذا يفعلون، وأين يتوقفون، وماذا يقولون بصوت عالٍ. غالبًا ما يظهر سلوكهم أكثر من مجرد مناقشة اجتماع. الشخص الذي لا يستطيع العثور على مفتاح الضوء في غرفة جديدة ليس مهملاً. قد لا يوفر التصميم إرشادات مرئية أو مادية كافية. 7. حافظ على ارتباط المظهر والتشغيل بالتصميم الحديث لا يقتصر فقط على الأسطح الملساء أو الألوان المتوازنة أو الخطوط الواضحة. يجب أن يساعد النموذج في شرح الوظيفة. قبضة واسعة يمكن أن تشير إلى مكان الإمساك. يمكن للحافة المرتفعة توجيه الإصبع. يمكن أن يؤدي التغيير في الملمس إلى فصل عنصري تحكم. تدعم هذه التفاصيل التشغيل دون ملء المنتج بالملصقات. أعتقد أن الاختيار البصري الأفضل غالبًا ما يكون هو الخيار الذي يجعل فهم المنتج أسهل. لا يعني التشغيل السهل أن كل منتج يجب أن يبدو عاديًا. وهذا يعني أن التصميم يحترم انتباه المستخدم ووقته وعاداته. يمكن أن يتمتع المنتج بشخصية بينما يظل سهل الاستخدام. عندما أقوم بمراجعة تصميم ما، أبحث عن ثلاث علامات: يسهل العثور على المهمة الرئيسية، ويبدو الإجراء طبيعيًا، والنتيجة واضحة. إذا عملت هذه النقاط معًا، فيمكن أن يبدو التصميم حديثًا دون الاعتماد على الديكور وحده. قد يكون التصميم الأقوى هو الذي يتوقف الناس عن ملاحظته بعد أن يتعلموه. إنهم ببساطة يستخدمونها، ويتنقلون خلال المهمة، ويستمرون في يومهم. هل أنت مهتم بمعرفة المزيد عن اتجاهات الصناعة وحلولها؟ اتصل بـ Hong Gaofeng: honggaofeng@163.com/WhatsApp +8613656885560.

1. دون نورمان - 2013 - تصميم الأشياء اليومية 2. ستيف كروج - 2014 - لا تجعلني أفكر في إعادة النظر 3. آلان كوبر - 2014 - حول الوجه: أساسيات التصميم التفاعلي 4. لوك فروبليوسكي - 2018 - تصميم نموذج الويب: ملء الفراغات 5. إيريكا هول - 2013 - بحث كافٍ فقط 6. جيسي جيمس غاريت – 2011 – عناصر تجربة المستخدم