تم دمج هذا → UX: Notification panel update by jordanvidrine · Pull Request #33795 · discourse/discourse · GitHub
تحديث:
هذا الآن نشط على meta لجميع المستخدمين
تجربة لمظهر وأسلوب جديد لقوائم التنسيق المنسدلة في الرأس بالإضافة إلى أنماط عناصر الإشعارات.
نزيل نمط الحدود “النشط” من القوائم المنسدلة في الرأس. تضيف هذه الحدود تعقيدًا للتصميم عند إنشاء السمات.
نضيف مسافات، ونغير نمط الأيقونة “النشط” في قائمة الإشعارات.
رائع، هذه التجربة مثيرة! أحب المظهر الجديد هنا يا جوردان 
بعض الملاحظات الأولية: المسافة تبدو ضيقة قليلاً، هل يمكننا تجربة المزيد من المسافات؟ أعتقد أن السبب هو أن الحشو على أزرار ⌄ ✓ Dismiss أكبر نوعًا ما. أعتقد أنه سيكون من الجيد لو قمنا بمحاذاتها بنفس الحشو (0.75rem؟)
شيء كهذا؟:
أفتقد بالتأكيد عناوين المواضيع. عندما يكون هناك إعجاب أو إعجابان من مستخدمين بأسماء قصيرة، تكون هناك معلومات كافية. لكن كلمة أو كلمتين من العنوان لا تكفي بالنسبة لي.
شكراً على ملاحظاتكما. كلاهما دقيق للغاية 
سأترك المزيد من الملاحظات تتراكم قبل معالجتها، ولكن اطمئنوا، سأضيفها إلى القائمة.
بعض الانطباعات الأولى:
بالنسبة إلى Default و Horizon:
خاص بـ Horizon:
لقد وجدت أن المفاضلة بين توفير مساحة أكبر للإشعارات القديمة (التي ربما تعاملت معها بالفعل) مقابل فقدان سياق الإشعارات الأحدث (التي ما زلت بحاجة إلى التعامل معها): غير متوقعة.
يتفق هذا مع ما قاله @moin أعلاه، والتصميم الأكثر كثافة، كما أشار @keegan، يتعارض مع الاتجاه نحو كثافة أقل الذي كنا نهدف إليه في مكونات مثل الشريط الجانبي.
[اقتباس=“mcwumbly، المشاركة: 5، الموضوع: 369574”]
في Horizon، تبدو الزوايا المستديرة في الجزء العلوي الأيسر غير مناسبة لي… يبدو الحاوية أكثر حدة من العناصر الموجودة بداخلها - في الوضع الافتراضي، أشعر أنها تتطابق بشكل أفضل.
[/اقتباس]
هذا بسبب نصف قطر الحدود الأكبر الذي تم تعيينه بواسطة horizon && الإعداد الأساسي لهذا النصف قطر على أنه “كبير”. لقد قمت منذ ذلك الحين بنقل هذا الحد في الأساس ليرث نصف قطر الحدود المحدد بانتظام.
[اقتباس=“mcwumbly، المشاركة: 5، الموضوع: 369574”]
في Horizon، تحتوي خلفية العناصر على لون - هل يجب أن يكون هناك لون؟ (في الوضع الافتراضي، يكون الآن رمادي).
[/اقتباس]
ملاحظة جيدة. هذا بسبب إعداد غير صحيح على ما أعتقد.
فيما يتعلق بالتباعد… ما رأيك في هذا؟
هنا أقوم بتحديد العنوان بسطر واحد، ولكن اسمح للمُعرّف بأن يكون له سطره الخاص أيضًا. لقد أضفت أيضًا مسافة بادئة لليسار واليمين بنفس المقدار لمطابقة الأزرار أدناه.
قد يكون هذا انحرافًا كبيرًا جدًا عن الغرض من التجربة، ولكني أعتقد أن مشكلة أكبر تقيد تصميمنا هي كمية الإشعارات التي نعرضها. لا أعتقد أننا بحاجة إلى عرض صفحة كاملة من الإشعارات لمجرد أن ارتفاع المتصفح يسمح بذلك. يمكن للمستخدمين النقر على “إظهار المزيد” وتوجيههم إلى /my/notifications عندما يحتاجون إلى رؤية كل شيء.
أعتقد أن هذه خطوة في الاتجاه الصحيح، ويمكننا ربما:
هذا التصميم الذي وجدته على Dribbble على سبيل المثال، لديه نسبة جيدة من عدد الإشعارات / المعلومات في كل إشعار / الكثافة.
أجل، أنا حقًا أحب هذا العرض.
لاحظت أيضًا أن الصور الرمزية ليست مغطاة بالأيقونة في لقطة الشاشة الخاصة بك كما هي في لقطة الشاشة الخاصة بي. يبدو أن اختيار “أصغر” لحجم النص في التفضيلات يسبب ذلك. ربما كان الأمر كذلك من قبل أيضًا، حيث تم تغطية جزء أكبر من الصورة الرمزية لأنني قمت بتغيير حجم النص، ولكن الآن الصور الرمزية مغطاة أكثر من ذي قبل. (ما زلت أفضل الإصدار القديم الذي يحتوي على الأيقونات فقط، لذلك لا أمانع.)
للمقارنة: مع التجربة وفي الوضع الآمن
وبعض الأيقونات مزاحة إلى الداخل
أعتقد أننا بحاجة إلى مساحة أكبر حول الإشعارات، وهذا سيؤدي أيضًا إلى إصلاح هذا المحاذاة غير الصحيحة:
هل يمكن أن تكون هذه الأقواس متساوية؟
لا أشعر أن الخلفية الرمادية تعمل بشكل جيد للإشارة إلى الجديد والنشط… عادةً ما نستخدم اللون الثلاثي لكل من الحالات الجديدة والنشطة واللون الرمادي للتمرير فوقها.
تبدو الأيقونات صغيرة جدًا بالنسبة لي الآن، أجد نفسي أحدق لأرى بعضها.
هل لديك أي أفكار حول كيفية عمل هذا مع تغييرات قائمة البحث؟ لقد انتقلنا مؤخرًا إلى العرض الكامل على النقاط البارزة هناك، لذا يبدو الأمر غريبًا بعض الشيء العودة إلى المربعات.
أنا أحب تغيير النمط في علامة التبويب بشكل عام.
هناك مكان آخر يتطلب المزيد من التباعد: هدف النقر لعلامات التبويب على الهاتف المحمول صغير جدًا.
من الصعب جدًا النقر عليه.
بصراحة، لم أستمتع به وأفضل التصميم القديم.
قديم:
جديد:
نظرًا لأنه لم يعد لدينا حد يفصل الإشعارات عن الأيقونات، فإن عدم المحاذاة بينها وبين العناصر يعطي انطباعًا بأن شيئًا ما ليس صحيحًا، خاصة في الأيقونة الأولى.
الأيقونات صغيرة جدًا، وفي وضع الهاتف المحمول يكون التباعد خاطئًا. هذا يجعل من الصعب النقر على الأيقونة الصحيحة. لقد نقرت عن طريق الخطأ على إشعار بدلاً من الأيقونة، مرتين.
أنا لا أتفق. من الجيد أننا نستفيد من مساحة العرض المتاحة.
سيكون هذا لطيفًا.
كيف سيبدو الرمز المميز محاذيًا للأعلى بحيث يكون دائمًا أقرب إلى مكان اسم المستخدم؟ أتساءل عما إذا كانت الرموز المميزة في المنتصف ستبدو “غير مثبتة” قليلاً إذا كان لدي الكثير من الإشعارات المكونة من سطرين… مقارنة تقريبية جدًا
لقد جربت هذا محليًا وشعرت بأنه “غير صحيح”، ولكن يمكنني تطبيقه هنا لمعرفة كيف سيكون شعور الجميع تجاهه.
هل يمكنك محاولة زيادة المسافة بين العناصر لمطابقة الحشو الخارجي لمعرفة كيف يبدو الأمر؟
