الآن بعد أن أصبح لدينا هذه القوائم الرائعة، هل فكرنا في أي طرق لتحسين مظهرها؟ أشعر بأن هناك مساحة مهدرة كثيرة (خاصة على الجوال) مما يجعل مناطق النقر أصغر بكثير.
لأغراض التوضيح، لم أواجه أي مشاكل في سهولة الاستخدام في التبويب الأول. ليس لأنني أستخدم ذلك التبويب كثيرًا، لكنني لا أتذكر أبدًا أنني نقرت عن طريق الخطأ على أي شيء عندما كنت أستخدمه.
أعتقد أن هذا جميل، لكن قد يكون من الجيد جعل زر تسجيل الخروج معزولًا عن الباقي. حسب فهمي، يمكنك ربط القوائم لإضافة خيارات، وقد يكون الأمر محيرًا إذا انتقل زر تسجيل الخروج فجأة من الجانب الأيسر إلى الأيمن أو العكس (حتى لو لم يتغير ذلك كثيرًا).
بالنسبة لي، أكثر شيء محرج هو المساحة الرأسية الفارغة الكبيرة على الجوال في جميع التبويبات، كما ذكر @rishabh في الأصل.
خياران بناءً على نماذج @rishabh، أميل إلى الخيار المكون من ثلاثة أعمدة، لكنه يحد من مساحة النص (يمكن اختصار عبارة “دخول الوضع المجهول” على الأرجح، وهي غير مفعّلة افتراضيًا anyway…)
تعديل: لكن الآن بعد تفكيري، يُعد الخيار المكون من عمودين أكثر أمانًا للثقافات المختلفة ذات الكلمات الأطول
نعم، أميل إلى المزيد من الاتساق (وهو أسهل في الصيانة أيضًا)، لكن النقر على العناصر يختلف عن النقر عليها بالفأرة… لذا فإن وجود تخطيطات مختلفة يكون مبررًا في بعض الأحيان.
لست قلقًا جدًا بشأن هذا لأن عدد العناصر قليل جدًا.
ربما يجب أن نفعل ذلك؟ يجب أن نبدأ من مكان ما. ربما يمكن تحويل قائمة الهامبرغر إلى أيقونة في المستقبل أيضًا.
لست معارضًا لهذا لتحقيق التكافؤ مع علامات التبويب في قائمة المستخدم، لكنني أشك في أن الشارات/الدعوات ليست مهمة حقًا في هذا السياق (الشارات موجودة بالفعل في قائمة الهامبرغر، ومعظم الناس لا يستخدمون الدعوات)، لذا قد تكون أكثر إزعاجًا من كونها مفيدة.
لا يبدو منطقيًا مع 6-7 عناصر في الواقع.
ربما أساءت الفهم، لكنها بالفعل بنفس الترتيب (وضع المسودات والوضع المجهول ليس لهما علامات تبويب كاملة في صفحة المستخدم، لذا فإن ذلك يكسر التسلسل قليلاً).
مر هذا بذهني، لكنني أريد الابتعاد عنه في الوقت الحالي. في الوقت الحالي، تتكون جميع هذه القوائم بالكامل من أشياء يمكنك النقر عليها للانتقال إلى مكان ما أو فعل شيء ما… لست متأكدًا من أنها المكان المناسب للمحتوى المعلوماتي البحت؟
هذا الأمر معقد قليلاً، لأن القائمة في أحسن الأحوال تحتوي على 7-8 عناصر فقط، وتكييفها لتعمل على iPhone X يختلف عن تكييفها لهاتف iPhone أقدم أو جهاز Android. أعتقد أن استخدام صناديق ذات عمودين هو أفضل استغلال للمساحة، ومع ذلك لا تزال هناك مساحات فارغة على الهواتف الكبيرة.
يمكننا أن نكون مبدعين جداً ونقوم بتغيير حجم هذه الصناديق ديناميكياً بناءً على ارتفاع نافذة العرض؟ إذا كانت أهدافنا هي استغلال المساحة وجعل مناطق النقر سهلة للغاية، فيمكننا المبالغة في ذلك. هذا الحل قد يكون متطرفاً جداً، لكنه يوضح أن حتى تكبير العناصر بشكل كبير يترك بعض المساحة.
إذا كنت ترغب في جعل القائمة في متناول اليد بيد واحدة، فمثلاً يجب أن تكون كل هذه القائمة في الأسفل… (نمط التبويب لا يبدو منطقياً بنفس القدر مع هذا التخطيط، مجرد مثال سريع). لكن عندئذٍ تبدأ في تعقيد الأمور مع اتجاهات المحتوى (هل يجب أن تبدأ القائمة من الأسفل إذا كانت القائمة في الأسفل؟ هذا أمر معقد للغاية).
على أي حال، هذا مجرد حديث متشعب… أعتقد أن صناديق الأيقونات ذات العمودين هي نقطة انطلاق جيدة. فهي تحقق أهدافاً أفضل في استغلال المساحة وتجعل العناصر أكثر قابلية للنقر.
بدلاً من محاولة ملء المساحة بالكامل، لماذا لا نجعل القائمة تشغل فقط المساحة المطلوبة بدلاً من استخدام الارتفاع الكامل؟ إنها بالفعل تغير ارتفاعها ديناميكيًا على سطح المكتب. هل هناك سبب لعدم فعل نفس الشيء على الأجهزة المحمولة؟
الارتفاع الكامل يتبع نمط تطبيق الجوال لـ “القوائم القابلة للسحب بملء الشاشة”. لو لم تكن بارتفاع كامل، لاعتقدتُ أنها لن تكون واضحة بما يكفي لإمكانية سحبها وإخفائها (على أقل تقدير، فإن المساحة البيضاء الإضافية تعمل كمساحة سحب إضافية).
هل من الشائع بما يكفي أن يتحقق المستخدمون من مسوداتهم لتبرير نقلها إلى علامة تبويب خاصة بها في القائمة (بدلاً من علامة تبويب الملف الشخصي)، تمامًا مثل الإشعارات والإشارات المرجعية والرسائل؟ أفترض أنها ستكون أقل استخدامًا نسبيًا مقارنة بالإشعارات، لكنني أتساءل كيف ستقارن بالإشارات المرجعية. لم أكن أعرف حتى أنه يمكنك عرض جميع مسوداتك حتى أحدث تغيير في القائمة وضعها في قسم الملف الشخصي في قائمة المستخدم، لذا أتساءل إذا كان جعلها أكثر بروزًا سيكون أفضل حتى.
مرحبًا كريس @awesomerobot، شكرًا لك على كل جهدك في تحسين تجربة المستخدم.
المظهر المكون من عمودين رائع.
كما أن الموقع الأبرز للمسودات الذي اقترحه @seanblue يبدو فكرة جيدة. لقد تغاضيت عنه تمامًا… فهو مفيد ومخفي حاليًا.
لست متأكدًا من أن العديد من المستخدمين ينتقلون حتى إلى يسار قائمة المستخدم لمعرفة ما إذا كان قابلاً للنقر، حيث تجذب التبويبات الثلاثة على اليمين كل انتباهي.
كنت أتساءل، نظرًا لأنك قد تكون تكتب كودًا في هذا المجال… هل يمكنك إضافة فئات CSS فردية إلى القائمة؟ فجميعها تحمل حاليًا الفئة “read”. أود أن أتمكن من إخفاء بعضها.
أعمل في منتدى خاص غريب لعميل فردي حيث لا يمكن للمستخدمين رؤية بعضهم البعض، يشبه إلى حد ما ما يحاول @joebuhlig تحقيقه في سمة التصميم الخاصة به.
أهلاً وسهلاً.