تجربة الشريط الجانبي الجديدة (مبادئ فنغ شوي للجانب الجانبي)

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

قبل

بعد

لم يتغير شيء وظيفي، فقط بصريًا قد تحتاج إلى دقيقة للتكيف.

26 إعجابًا

أعجبني هذا كثيراً.


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

5 إعجابات

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

إعجابَين (2)

واسع جداً. مسألة ذوق، مع ذلك.

7 إعجابات

لا يتعلق الأمر بالذوق فحسب، بل ربما يتعلق أيضًا بحجم الشاشة.

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

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

هذا هو أيضًا السبب في أنني لا أستخدم الشريط الجانبي للدردشة. زر الدردشة يحتاج إلى مساحة كبيرة

9 إعجابات

أحب هذا :heart: :pray:

خاصة الحشو من جميع النواحي. كان تسليط الضوء على الخلفية إلى الحافة اليمنى يقطع بالفعل بعض تدفق الطاقة :innocent:

ومع ذلك، هل يمكن أن يبقى شريط التمرير عند الحافة اليمنى؟ حاليًا يندمج على يسار الحشو:

أتفق بشأن المساحة.. لماذا لا تسقط الزر فعليًا وتستخدم نفس المفتاح السياقي مثل قائمة المسؤول أو التوثيق على meta؟

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

ربما فقط لديك قوائم سياقية في كل مكان؟ بالنسبة لي، لديها تدفق أفضل بكثير من الأقسام المنهارة.

4 إعجابات

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

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

5 إعجابات

سأقوم بتدقيق بعض الأمور:

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

  • هل “جميع الفئات” و “جميع العلامات” الأصغر متعمدة؟ هذه روابط مهمة جدًا في رأيي

  • بشكل عام، تبدو نصوص العناوين صغيرة جدًا، خاصة عند طيها

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

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

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

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

نعم، نحن نفكر في إضافة شريط جانبي إلى الشريط الجانبي، يشبه ما تفعله Slack… يمكن لهذا التبديل بين السياقات ومحتوى الشريط الجانبي، حاليًا لدينا بعض الأساليب المتباينة لكيفية عمل الأشرطة الجانبية ونحتاج إلى ربطها ببعضها البعض بطريقة أو بأخرى. يمكننا أيضًا نقل الرسائل ومحتوى “حول” إلى أقسامها الخاصة لجعل الشريط الجانبي الرئيسي أقصر.

19 إعجابًا

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

إذا قمنا بتطبيق رؤوس أقسام ثابتة (كما نفعل مع صور المستخدمين على المنشورات عند التمرير)، أعتقد أنني سأحب هذا كثيرًا :slight_smile:

7 إعجابات

هل يمكنك تجربة هذا مرة أخرى، ومعرفة كيف تشعر. نحن على V2 بالفعل :wink:

سهو من جانبي، شكراً لك – يجب أن يتم إصلاحه.

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

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

لأن رابط docs تمت إزالته، يمكنني الآن رؤية محادثتين خاصتين :tada:

إعجابَين (2)

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

الليلة الماضية كنت مستعدًا للنوم وقمت بجولة أخيرة لمشاهدة المعالم السياحية. وجدت نفسي أحاول قرصها بإحكام أكبر :winking_face_with_tongue:

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

أفضل بكثير الإصدار “قبل” ذي التباعد الأضيق

إعجابَين (2)

قررنا دمج الحالة الحالية لتجربة التصميم في النواة.

توجد بالفعل بعض المتغيرات سهلة الاستخدام لتعديل ذلك حسب رغبتك (أبرزها --d-sidebar-row-height) ومن السهل إزالة المسافات الإضافية، لمن يفضل ذلك؛ ومع ذلك، نجد أن هذا هو الخيار الافتراضي الأفضل الذي نقدمه لمجموعة المستخدمين لدينا في Discourse.

3 إعجابات