تبدو النقاط الزرقاء غير المقروءة الخاصة بي متعرجة قليلاً، وتتسبب في اقتطاع الأوصاف مبكرًا جدًا.
ربما لا نحتاج إلى النقاط على الإطلاق الآن بعد أن أصبحت الإشعارات المقروءة “باهتة”؟
تبدو النقاط الزرقاء غير المقروءة الخاصة بي متعرجة قليلاً، وتتسبب في اقتطاع الأوصاف مبكرًا جدًا.
ربما لا نحتاج إلى النقاط على الإطلاق الآن بعد أن أصبحت الإشعارات المقروءة “باهتة”؟
الاقتطاع ناتج عن الاقتطاع عند “كسر الكلمة” والذي أعتقد أنه أفضل للقراءة.
النقاط المتعرجة / المتعرجة هي ما نفعله في قوائم المواضيع والشريط الجانبي. بناءً على التعليقات، اتجهت في هذا الاتجاه ولكنني شخصياً أفضل لو كانت كلها في المنطقة الأقصى يمينًا.
هممم هذا مثير للاهتمام.
في الوقت الحالي، نحن ندمج ونحاكي نمطين في واجهة المستخدم الخاصة بنا.
في الشريط الجانبي للعناصر غير المقروءة:
نقطة زرقاء
في قائمة المواضيع للعناصر غير المقروءة:
نقطة زرقاء، ولون أساسي للنص
ربما تكون النقطة التي تحتوي على أيقونة نوع الإشعار مشابهة بما يكفي بحيث لا نحتاج إلى واحدة أخرى على اليمين؟ (هل ستعمل مع اللون الثانوي الفاتح للمطابقة؟)
أفتقد السطر الثاني للعنوان، 3 كلمات قصيرة جدًا!
[اقتباس=“awesomerobot، المشاركة: 43، الموضوع: 369574”]
ربما تكون النقطة التي تحتوي على أيقونة نوع الإشعار مشابهة بما يكفي بحيث لا نحتاج إلى نقطة أخرى على اليمين؟
[/اقتباس]
نعم ، أرى الآن نوعًا ما أن الأيقونة ذات لون الخلفية تعمل * نوعًا ما * كإشعار “نقطة زرقاء”.
هل يمكننا استعادة بعض المؤشرات التي توضح الإشعارات التي تمت مشاهدتها/رفضها بالفعل وتلك الجديدة؟ لا أرى أي فرق في الوقت الحالي.
أتساءل عن محاكاة تصميم تطبيق Gmail للهاتف المحمول؟ إنه نموذج راسخ جدًا
(غامق مقابل نحيف)
هذا أفضل قليلاً.
الهدف هو محاكاة قائمة المواضيع، ولكن بطبيعة الحال قد نحتاج إلى مزيد من التمييز بسبب قائمة العناصر المدمجة والكثيفة هذه. لا أعتقد أن الابتعاد قليلاً عن معيار الشريط الجانبي/قائمة المواضيع سيكون أمراً سيئاً.
بما أنني لم يكن لدي سوى عناصر جديدة في القائمة المنسدلة للإشعارات الخاصة بي ولم أر أي علامات تبدو مختلفة، لم ألاحظ الرموز الرمادية الكئيبة على العناصر التي تمت قراءتها بالفعل حتى نظرت إلى صفحة الإشعارات الكاملة.
لقد أحببت “بحر اللون الأزرق” عندما كانت لدي عناصر غير مقروءة، ولم أفكر ولو مرة واحدة “واو، هذا كثير من الألوان يحدق بي”. كان من السهل فقط أن أرى أن الأمور بحاجة إلى اهتمامي و/أو أن شخصًا ما يريد التحدث معي بالفعل.
هذا تعليق رائع. مع بحر من اللون الأزرق، من الواضح تمامًا أن “مهلاً، يجب عليّ مسح كل هذا”.
بعد إزالة ذلك، تفقد وضوحه بالتأكيد. ربما تكون إعادة النقاط أمرًا جيدًا لهذا الغرض وحده.
بالنسبة لي، الفرق بين اللون الأزرق والرمادي صغير جدًا. ربما يرجع ذلك جزئيًا إلى أن اللون الرمادي أغمق بسبب لوحة ألوان WCAG. أعتقد أنني سأفضل لو كان إشعار القراءة لا يزال أيقونة رمادية على خلفية بيضاء؛ عندها يكون الفرق أوضح.
لذلك بالطبع أرى فرق اللون، لكنني أجد أنه إذا كان لدي إشعارات مقروءة فقط، فإن المقروءة تبدو غير مقروءة.
أيضًا على https://meta.discourse.org/my/notifications أرى الآن أيقونات سوداء على خلفية رمادية

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

أردت أن ألقي نظرة هذا الصباح لأعلمكم جميعًا أن هذه التعليقات محل تقدير كبير. لقد كان من اللطيف المرور بالتكرارات معًا في فترة قصيرة جدًا مع كل الأفكار المقدمة هنا.
يبدو أننا بحاجة إلى مؤشر أقوى قليلاً للعناصر غير المقروءة، لذا سأميل إلى النقطة الزرقاء مرة أخرى.
أوه نعم… هذا ليس مثاليًا. شكرًا!
مثير للاهتمام… سألقي نظرة.
أنا حقًا أحب التخطيط في الإصدار الحالي، فهو يجمع كل المعلومات ذات الصلة في عنصر واحد مدمج، ولا تزال المسافات الإجمالية للقائمة وفيرة ![]()
فيما يتعلق بالحالة، ليس لدي تفضيل قوي للخيارات المختلفة. ولكن أعتقد أنه سيكون من الرائع إذا كان يمكن معالجتها بشكل عام في استكشاف تصميم. لا يوجد نظام متسق تمامًا في مكانه وبدلاً من البحث فقط عن الملاءمة المناسبة لقائمة الإشعارات الآن، يمكن أن يكون من الرائع إجراء استكشاف أوسع لتعيين الحالة والسياق عبر التطبيق ثم تطبيقه باستخدام المتغيرات.
على سبيل المثال، نعم، الحالة (مقروء/غير مقروء) مماثلة لقائمة الموضوعات. ولكن السياق مختلف، وعلى سياق مماثل (لوحات القائمة الأخرى) فإن اللون الرمادي الأكثر دقة لا يشير عادةً إلى تلك الحالة. الآن يجعل عناصر القائمة الأخرى تبدو وكأنها تشير إلى بعض الحالة المكتومة أيضًا. لذلك أشعر أن هذا يمكن أن يستفيد حقًا من تعيين منهجي أكثر.
لذلك في الوقت الحالي، لدينا بالفعل جزأين فقط من Discourse يستخدمان حالة تنسيق “مقروء/غير مقروء”.
الجزء الآخر في هذه القائمة هو حالة “محدد”. هذا لإظهار علامة تبويب الإشعارات المحددة حاليًا. في هذه التكرار، نقوم بمحاكاة الحالة المحددة لعناصر الشريط الجانبي.
إليك تدقيق أساسي للأشياء التي ننظر إليها في القائمة. مقروء، غير مقروء، محدد.
الشريط الجانبي
بالنسبة للشريط الجانبي، نشير فقط إلى “غير مقروء” بنقطة. يُفترض “مقروء” افتراضيًا إذا لم تكن هناك نقطة زرقاء.
الشريط الجانبي - نشط
هذا هو عنصر الشريط الجانبي المحدد حاليًا، المعروف أيضًا باسم نشط.
قائمة المواضيع
بالنسبة لقوائم المواضيع، نعرض حاليًا نقطة زرقاء ونستخدم اللون في العنوان والبيانات الوصفية للتمييز. أحد التحذيرات هو أننا لا نعرض النقطة الزرقاء على المواضيع التي لا تتابعها/تشاهدها. لذا فإن ظهور النقطة الزرقاء أو عدم ظهورها ليس واضحًا للمستخدم على الفور.
القوائم
نحن نستخدم selected كحالة هنا لإظهار التحديد النشط. لا أعتقد أن هذا يترجم إلى الإشعارات، ولكنه يترجم إلى الحالة المحددة لعلامة تبويب الإشعارات الحالية في القائمة.
هناك تناقضات في الوقت الحالي بشأن اللون الذي نستخدمه للتحديد.
للتتبع، نستخدم الرمادي.
صفحة إشعارات المستخدم
تحتاج هذه الصفحة إلى بعض العمل في التكرار الحالي.
أنا أقدر عملك، كما هو الحال دائمًا، وأحب أنك تعمل على هذا الأمر تحديدًا.
هل يمكنني معرفة الدافع وراء الحشو في زوايا الأزرار/الأقسام؟
بصراحة لا أفهم ذلك، لكن ربما أغفل شيئًا ما.
هذا يبدو جميلاً بدون حشو إضافي على الزوايا المستديرة ![]()
أفهم ذلك، آخر تحديث بدون حشو إضافي على الأزرار يبدو أفضل بالنسبة لي ![]()
ما رأيك في هذا التحسين الطفيف؟
يتعلق الأمر بإزالة تأثير التحويم من لوحة الأزرار النشطة على الجانب الأيمن، مع تطبيق تأثير مزج طفيف على اللوحة اليسرى.
سيساعد هذا في تمييز اللوحات عن الأزرار ومنع الواجهة من الظهور مشبعة بشكل مفرط أو “مرسومة بالكامل” عند وجود إشعارات ولوحة نشطة في نفس الوقت.
ربما يكون ذلك لأنني معتاد جدًا على الخلفية البيضاء للإشعارات التي رأيتها بالفعل، ولكن يبدو الأمر غريبًا بعض الشيء أن يكون هناك مساحات كبيرة بخلفية رمادية في تصميم لا يستخدمها بخلاف ذلك.
هذه التجربة متاحة مرة أخرى هنا على ميتا. تأكد من الانضمام إلى مجموعة التجارب.