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

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

الجوال

سطح المكتب


ماذا عن شيء مثل هذا؟

قد يجعل ذلك مناطق النقر أسهل في الضغط والقراءة، ربما يمكننا البدء بتجربة هذا على الجوال فقط نظرًا للمساحة الإضافية؟

مثال بصري آخر من موقع عشوائي لشرح ذلك

إذا لم تكن هناك مساحة كافية على سطح المكتب لهذا، ربما يمكننا اعتماد تخطيط 3×3 كما هو موضح أدناه؟

17 إعجابًا

أعجبني بالتأكيد في التبويب الأول، ربما يمكننا البدء في تجربة ذلك هناك؟

9 إعجابات

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

أود معرفة رأي @awesomerobot في هذا الشأن. أتفق معك بأن المساحة البيضاء الشاسعة تبدو مبالغًا فيها بعض الشيء.

10 إعجابات

لستُ معارضًا للتغييرات الأكبر، لكن جعلها عمودين يُعد تحسينًا بسيطًا للغاية.

15 إعجابًا

أعتقد أن تغييرًا أكبر مبرر هنا للهواتف المحمولة.

12 إعجابًا

أود أن يبدو الأمر هكذا. :slight_smile:

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

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


بالنسبة لي، أكثر شيء محرج هو المساحة الرأسية الفارغة الكبيرة على الجوال في جميع التبويبات، كما ذكر @rishabh في الأصل.

7 إعجابات

خياران بناءً على نماذج @rishabh، أميل إلى الخيار المكون من ثلاثة أعمدة، لكنه يحد من مساحة النص (يمكن اختصار عبارة “دخول الوضع المجهول” على الأرجح، وهي غير مفعّلة افتراضيًا anyway…)

تعديل: لكن الآن بعد تفكيري، يُعد الخيار المكون من عمودين أكثر أمانًا للثقافات المختلفة ذات الكلمات الأطول

10 إعجابات

“دخول الوضع المجهول” قد يكون نصًا في الزاوية اليمنى السفلية مثل “تسجيل الخروج”.

من حيث التصميم، أفضّل المظهر المدمج لنمط العمود الثالث قليلاً.

أعتقد أن المشكلة هنا تتعلق بالجوال:

أظن أن الأزرار الكبيرة قد تناسب هنا، لكن في هذه الحالة قد أنقل خيار تسجيل الخروج إلى الأسفل وأجعل عرضه يملأ الشاشة بالكامل… لا أدري…

بشكل عام، يبدو الوضع على سطح المكتب مقبولاً إلى حد ما كما هو.

8 إعجابات

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

8 إعجابات

موضوع جديد؟ يبدو أن هذا النقاش غير ذي صلة بالوصول السريع الذي اكتمل (وهو أمر رائع) ولن يتأثر بأحدث المقترحات.

لا أفهم سبب الحاجة إلى هذه التغييرات الأخيرة. لكن ربما فاتني مبرر مُقدَّم في مكان آخر يوضح لماذا “تغيير أكبر مبرر هنا للجوال”.

  • أحب أن تكون قوائم سطح المكتب والجوال متطابقة. أستخدم كليهما، وهذا يقلل من إجهاد عقلي.

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

  • إذا كان المساحة المتاحة عموديًا غير كافية — وهي بالفعل عرض قائمة السحب الجانبية — فلماذا لا نستخدم أزرار أيقونات لجميع القوائم؟

  • أظن أن الهدف الرئيسي هو ملء المساحة البيضاء الفارغة. سأقبل بميزات أخرى قبل الأزرار الكبيرة المقترحة:

    • حجم نص أكبر ليتناسب مع زر “الرد” أسفل كل منشور
    • المزيد من خيارات القائمة، مثل: الدعوات، الشارات
    • تجميع الخيارات مع نوع من الفصل: خيارات قائمة المستخدم معًا بنفس التسلسل الموجود في ملخص المستخدم؛ المسودات بمفردها؛ تسجيل الخروج بمفرده في الأسفل
    • الإحصائيات
8 إعجابات

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

لست قلقًا جدًا بشأن هذا لأن عدد العناصر قليل جدًا.

ربما يجب أن نفعل ذلك؟ يجب أن نبدأ من مكان ما. ربما يمكن تحويل قائمة الهامبرغر إلى أيقونة في المستقبل أيضًا.

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

لا يبدو منطقيًا مع 6-7 عناصر في الواقع.

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

مر هذا بذهني، لكنني أريد الابتعاد عنه في الوقت الحالي. في الوقت الحالي، تتكون جميع هذه القوائم بالكامل من أشياء يمكنك النقر عليها للانتقال إلى مكان ما أو فعل شيء ما… لست متأكدًا من أنها المكان المناسب للمحتوى المعلوماتي البحت؟

8 إعجابات

هذا الأمر معقد قليلاً، لأن القائمة في أحسن الأحوال تحتوي على 7-8 عناصر فقط، وتكييفها لتعمل على iPhone X يختلف عن تكييفها لهاتف iPhone أقدم أو جهاز Android. أعتقد أن استخدام صناديق ذات عمودين هو أفضل استغلال للمساحة، ومع ذلك لا تزال هناك مساحات فارغة على الهواتف الكبيرة.

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

إذا كنت ترغب في جعل القائمة في متناول اليد بيد واحدة، فمثلاً يجب أن تكون كل هذه القائمة في الأسفل… (نمط التبويب لا يبدو منطقياً بنفس القدر مع هذا التخطيط، مجرد مثال سريع). لكن عندئذٍ تبدأ في تعقيد الأمور مع اتجاهات المحتوى (هل يجب أن تبدأ القائمة من الأسفل إذا كانت القائمة في الأسفل؟ هذا أمر معقد للغاية).

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

14 إعجابًا

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

الارتفاع الكامل يتبع نمط تطبيق الجوال لـ “القوائم القابلة للسحب بملء الشاشة”. لو لم تكن بارتفاع كامل، لاعتقدتُ أنها لن تكون واضحة بما يكفي لإمكانية سحبها وإخفائها (على أقل تقدير، فإن المساحة البيضاء الإضافية تعمل كمساحة سحب إضافية).

9 إعجابات

ستكون هذه تحسينًا هائلاً وأحب وجود سابقة كهذه (ليس أن الوضع الحالي سيء).

4 إعجابات

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

إعجاب واحد (1)

ستصبح الإشارات المرجعية أكثر فائدة بشكل كبير قريبًا.

10 إعجابات

مرحبًا كريس @awesomerobot، شكرًا لك على كل جهدك في تحسين تجربة المستخدم.

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

كنت أتساءل، نظرًا لأنك قد تكون تكتب كودًا في هذا المجال… هل يمكنك إضافة فئات CSS فردية إلى القائمة؟ فجميعها تحمل حاليًا الفئة “read”. أود أن أتمكن من إخفاء بعضها.
أعمل في منتدى خاص غريب لعميل فردي حيث لا يمكن للمستخدمين رؤية بعضهم البعض، يشبه إلى حد ما ما يحاول @joebuhlig تحقيقه في سمة التصميم الخاصة به.
أهلاً وسهلاً.