← العودة إلى المدونة

المشكلة مع قوائم التسوق المكونة من 100 عنصر

لا يتم تغيير حجم القوائم النصية. وإليك كيف يجعل التجميع المرئي المتاجر الكبيرة قابلة للإدارة.

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

قوائم النص تنهار تحت ثقلها

مع نمو القائمة:

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

إنك تقضي وقتًا أطول في التنقل بين القائمة مقارنة بـ التنقل في المتجر. تصبح الأداة عنق الزجاجة.

التجميع المرئي يحسن التنقل

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

في القائمة يمكنك أيضًا:

  • إعادة ترتيب العناصر لتتناسب مع مسار متجرك
  • المجموعة حسب المجلد أو الممر
  • مسح شبكة بدلاً من العمود

نفس المائة عنصر. تجربة مختلفة تماما.

##قبل وبعد

قبل: تمريرة طويلة واحدة من النص—الدقيق والسكر والزبدة والبيض والفانيليا والقشدة،...—كل سطر متساوي في الوزن، وكل عنصر عبارة عن مهمة قراءة صغيرة.

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

لا ينبغي أن يصبح استخدام القوائم الكبيرة أكثر صعوبة مع نموها. ينبغي أن تصبح أسهل في التنقل لأن البنية تنبثق من العناصر المرئية نفسها.


يجب ألا يصبح استخدام القوائم الكبيرة أكثر صعوبة.

جرّب Listic لمتجرك الكبير التالي، واسحب العناصر إلى طلب يطابق متجرك.