الخريطة الباب ٢: التنظيم

البساطةSimplicity

كل عنصر إضافي يطالب بجزء من انتباه المستخدم.

٠ من ٦ تمارين

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

الانتباه ميزانية محدودة

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

اسأل عن كل عنصر: هل يساعد المستخدم على إتمام هذه المهمة؟ إن لم يكن، انقله إلى مكانه أو احذفه.

خطأ
السلة
بدلة رمادية كلاسيكيةالمقاس: M · اللون: رماديSKU: GS-2291-M-GRY · Poly 65% 4.6 (312 تقييم) · الأكثر مبيعاً شاهده ٣٢١ شخصاً اليومالإرجاع مجاني خلال ٣٠ يوماً بشرط عدم الاستخدام والاحتفاظ بالفاتورة الأصلية.$699 1
بدلة رمادية كلاسيكيةالمقاس: M · اللون: رماديSKU: GS-2291-M-GRY · Poly 65% 4.6 (312 تقييم) · الأكثر مبيعاً شاهده ٣٢١ شخصاً اليومالإرجاع مجاني خلال ٣٠ يوماً بشرط عدم الاستخدام والاحتفاظ بالفاتورة الأصلية.$699 1
ملاحظة المصحّح: هذه سلة شراء، لا صفحة منتج
الإجمالي (٢ قطعة)$1,398
إتمام الشراء
صح
السلة
بدلة رمادية كلاسيكيةالمقاس: M · اللون: رمادي$699 1
بدلة رمادية كلاسيكيةالمقاس: M · اللون: رمادي$699 1
الإجمالي (٢ قطعة)$1,398
إتمام الشراء
نفس المنتجات ونفس الزر — الفرق فيما قررنا ألا نعرضه.
أيّهما أفضل؟+١٠ XP

المستخدم على بُعد نقرة من الدفع. أي شاشة تساعده أكثر؟

افهم ما يهم المستخدم أولاً

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

اكتشف الخطأ+٢٠ XP

في شاشة تأكيد الطلب عنصر لا علاقة له بالمهمة. انقر عليه.

وضع التفتيش: مرّر على عناصر التصميم وانقر على موضع الخطأ — أو تنقّل بـ Tab واضغط Enter.

تأكيد الطلب
جدة، حي الروضةتغيير
حمّل تطبيقنا! تجربة أسرع وإشعارات بالعروضApp Store
الإجمالي$1,398
تأكيد ودفع
أصلحه بنفسك+٣٠ XP

هذا عنصر في سلة الشراء. أبقِ فقط ما يحتاجه المستخدم ليراجع طلبه ويدفع.

السلة
بدلة رمادية كلاسيكيةالمقاس: M · اللون: رماديSKU: GS-2291-M-GRY · Poly 65% 4.6 (312 تقييم) · الأكثر مبيعاً شاهده ٣٢١ شخصاً اليومالإرجاع مجاني خلال ٣٠ يوماً بشرط عدم الاستخدام والاحتفاظ بالفاتورة الأصلية.$699 1

عناصر لا تخدم المهمة4

الخصائص

اختبر نفسك

اختبار سريع+١٠ XP

١. ما المعيار الأول لإبقاء عنصر على الشاشة؟

اختبار سريع+١٠ XP

٢. أين المكان الأنسب لإعلان «حمّل تطبيقنا»؟

اختبار سريع+١٠ XP

٣. البساطة في التصميم تعني: