أنماط جديدة للقائمة المنسدلة للرأس / قائمة الإشعارات

بشكل عام، أعتقد أننا نحقق الكثير من التقدم هنا، الجانب الأيمن يعمل، لكنني أجد أن التباين في الأشياء المقروءة صعب للغاية في القراءة والرؤية، اللون الرمادي محزن بعض الشيء.

قارن هذا بالقطعة التفاعلية (قابلة للنقر، جربها)

أحب الخيار الأخير أكثر، لأنه واضح وغير مزدحم، لكن الخيارين الأولين يبدوان جيدين أيضًا.

ما هي أفكاركم؟ (وماذا عن ناثان… يا له من صورة رمزية :slight_smile: )

(أيضًا، نصف قطر الحدود المخفض يبدو أفضل قليلاً)

4 إعجابات

اليوم قام بعض المصممين وأنا ببعض العمل المشترك والتكرار على الأساليب. هذا ما توصلنا إليه.

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


سام، تعجبني الخياران الأولان اللذان يعرضهما عملك الفني أيضًا. سأبحث في هذين الخيارين أكثر. في الوقت الحالي، أعتقد أن أحدث تكرار لدينا يضعنا في مكان يكون فيه التمييز أكثر وضوحًا.

للمضي قدمًا، أعتقد أننا سنحتاج إلى بعض التعديلات على القالب والنسخ.

CSI ENHANCE

يبدو طبيعيًا

6 إعجابات

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

على الهاتف المحمول، أحصل على خلفية “محمرة” بدلاً من اللون الأزرق.

أجد اللون الرمادي الفاتح صعب القراءة للغاية، ويبدو باهتًا. ربما نجرب مع تظليل صورة الرمز فقط باللون الرمادي؟

التباين هنا صعب جدًا على العين، خاصةً على النص غير العريض.

أعتقد أن هذا هو السبب في أن Gmail انتهى به الأمر باستخدام وزن الخط للفصل.

أيضًا على سطح المكتب، أحصل على لونين أزرقين مختلفين مما يربك.

نعم، أجد هذه الملاحظات مثيرة للاهتمام. يجب أن يكون ذلك بسبب القرب، والخط العريض، والتباعد، والعرض الأقصر للنص.

أنا أستخدم نفس اللون للإشارة إلى “مقروء” الذي تستخدمه قوائم المواضيع الخاصة بنا.

ومع ذلك، أعتقد أن خلفية الأيقونة لها علاقة بهذا أيضًا، وهذا هو سبب إعجابي باقتراح @keegan هنا:

خيار آخر أرغب في تنفيذه هو عنوان مضمن مع وصف. شيء مثل هذا:

هل هذا عند التمرير؟ أم أن القائمة تعرض بالفعل لونين مختلفين من الخلفية الزرقاء على عناصر مختلفة؟

هذا، نعم لونان مختلفان. تحتاج إلى الحصول على حساب للمطالبة بالموافقة على المستوى المحلي لرؤية هذا.

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

حسناً، الأنماط تُطبق على الرسائل غير المقروءة. سأضيف بعض CSS لاستهداف هذه أيضاً.

هل يمكنك إرسال لقطة شاشة للخلفية المحمرة على الهاتف المحمول؟

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

آخر التحديثات أصبحت متاحة منذ بضعة أيام. ما رأي الجميع هنا فيها؟

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

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

أيضًا @lindsey، تغيير كبير يجب أن نفكر فيه هو جعل الصور الرمزية تظهر افتراضيًا، نحن لا نفعل ذلك والعديد من التثبيتات الافتراضية تحصل على هذه التجربة الافتراضية الأقل من المثالية:

التغييرات التي أجراها @jordan.vidrine هنا هي تحسينات مقابل إعادة تصور، وهذا أمر جيد

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

تم دمج التغيير.

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

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

إعجابَين (2)

أعتقد أن حلاً وسطاً جيداً هنا هو البدء بتفعيله افتراضياً في التثبيتات الجديدة

أعتقد أن السبب الرئيسي الذي جعلنا نؤجل ذلك هو التخصيصات التي قام بها الأشخاص

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

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

@lindsey ما رأيك؟

إنه تغيير تطوري أفضل بشكل طفيف في عدة جوانب.

3 إعجابات

تم!

تم التمكين لجميع مستخدمي trust_level_0.

3 إعجابات

ما زلت أجد أن الفرق بين الأبيض على الأزرق والأسود على الأبيض أسهل في التعرف عليه من الفرق بين الأبيض على الأزرق والأبيض على الرمادي الداكن

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

إعجابَين (2)

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

أيضًا، الحشو على اليمين يبدو كبيرًا جدًا بالنسبة لي.

ملاحظة جانبية: أنا أستخدم تحجيم المتصفح إلى 90٪ (لست متأكدًا من كيفية تسبب ذلك في أي مشاكل، ولكن المتصفحات غريبة في بعض الأحيان :smile:).

التكرار الأخير (وعلى الأرجح النهائي) متاح الآن. سأقوم بتعيين تذكير بوضع إشارة مرجعية لنفسي للأسبوع المقبل للدمج إذا لم تكن هناك تعليقات أخرى.

إعجابَين (2)

شكراً لتطوير هذه الميزة الرائعة. إنها أفضل بكثير من حالتها قبل أكثر من عام.

يجب أن أعترف، مع ذلك، أنني لست مقتنعًا تمامًا باستخدام فاصل سطر جديد كامل قبل العنصر التفصيلي.

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

ولكن إذا احتفظنا بالقدرة على تعديل ذلك عبر CSS، فأنا راضٍ.

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

نعم، يجب بالتأكيد أن يكون لديه فئة

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