تجربة إعادة تصميم بطاقة المستخدم

اليوم قمنا بتثبيت إصدار جديد من بطاقة المستخدم على منتديات ميتا. نقوم بذلك لجمع التعليقات منك ومعرفة ما ينجح / لا ينجح.

الإصدار الجديد

التحديثات

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

الإصدار القديم كمرجع


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

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

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

استخدمها على منتدى خاص بك

كما ذكرنا أعلاه، لا تزال هذه تجربة. لا نخطط لدعم هذا على المدى الطويل كمكون سمة حيث أن الهدف طويل الأجل هو دمج هذا في النواة كبطاقة مستخدم جديدة. ومع ذلك، إذا كنت ترغب في استخدام هذا على منتدى خاص بك الآن يمكنك القيام بذلك عن طريق تثبيته عبر → GitHub - discourse/experimental-usercard

55 إعجابًا

أتساءل فقط…

إذا كان عني غير ضروري، فلماذا النقاط، ووقت القراءة، والأغرب من ذلك كله :wink: ، ويوم الكيك، جديرة بالعرض؟

تعديل: عني مرئي هنا، ولكن ليس في منتداي… أغرب من ذلك.

6 إعجابات

أتفق على أن “يوم الكعكة” مفهوم غريب في الخطاب. كنت أفضل “عضو منذ..”

لكن كل تلك المعلومات مفيدة في إصدار حكم على الشخص الذي تتعامل معه.

8 إعجابات

رائع، يبدو رائعًا! :slight_smile:

لدي فقط بعض الأمور البسيطة بخصوص إضافة المواقع:

  • يتم عرض الموقع تحت الدبوس بسطر واحد.
  • أرى أيضًا عنواني URL لموقعين بتنسيق مختلف. كان هذا هو الحال أيضًا حتى قبل بضعة أسابيع وتم إصلاحه بواسطة @merefield - ولكن في بطاقة المستخدم القديمة كان هناك موقعان ولا يوجد موقع.
7 إعجابات

قد تكون فكرة ربما لمنح المستخدمين خيارًا لتحميل صور منفصلة للوضع المظلم كما هو الحال في الفئات وما إلى ذلك.

4 إعجابات

هل يمكننا محاولة إزالة لون الخلفية لعنصر الصورة الخاص بالصورة الرمزية؟ الصور الرمزية للأشخاص الذين بذلوا جهدًا لاستخدام صور PNG شفافة للخلفية تبدو الآن أسوأ.

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

بشكل عام، عمل رائع، يبدو أنيقًا جدًا.

9 إعجابات

في السمات التي تحتوي على خطوط، لا يحتوي تجربة بطاقة المستخدم على الخط في بطاقة المستخدم، مثل Minima.
مثال:

8 إعجابات

من الرائع أن يكون هناك إعادة تصميم قادمة! :star2:

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

image

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

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

18 إعجابًا

أعتقد أن شيئًا كهذا يمكن أن يكون إعدادًا بدلاً من ذلك، أنا شخصياً أفضل 3 فقط.

3 إعجابات

قد يكون من المفيد إضافة بعض CSS المخصصة إلى موقعك لمعالجة هذا الأمر. نظرًا لأن هذه ليست إضافة رسمية لـ Discourse، لست متأكدًا من أنني سأضيف CSS لدعم هذا، حيث من المحتمل أن يتم دمجه في النواة في النهاية.

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

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

ربما سأعتاد عليها؟

نقاط رئيسية:

  1. الشارات مفيدة للغاية لأغراض التأهيل ويجب أن تكون على بطاقات المستخدم - لا شيء يقول “هذا أنا…” أفضل من “لقد قدمت هذه الأنواع من المساهمات حتى الآن”. أعتقد أنها موجودة الآن في الزاوية العلوية اليمنى، لكنني اكتشفت ذلك فقط بعد النظر في العديد من بطاقات المستخدم.
  2. الصناديق ذات النمط المميز لـ “تم النشر”، “تحياتي”، “حلول” وما إلى ذلك تجذب انتباهي أكثر من اللازم. ربما يكون الخط الغامق أيضًا؟ لقد أحببت مدى دقة هذه المعلومات في بطاقة المستخدم السابقة. لماذا؟ لأنني لا أهتم حقًا بها.
  3. جانب يوم الكعكة يدخل أيضًا في فئة “لا أهتم”. إنه ممتع ولطيف، ولكن عندما أريد معرفة المزيد عن مستخدم، هل هذا حقًا أحد أهم أربعة أشياء أريد معرفتها عنه؟ ربما لا.

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

6 إعجابات

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

أردت فقط معالجة المشكلات التي أواجهها هنا في الموضوع للجميع.

3 إعجابات

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

وأيضًا، تتوقف مبكرًا جدًا:

لم يتم تحميل الصورة بعد وتوقفت الرسوم المتحركة.

إعجابَين (2)

أرى الآن أسماء الشارات عند التحويم!

أعتقد أنه سيكون من الجيد أن يتمكن المستخدمون من تكوين ما يتم عرضه مثل بيانات الانضمام، آخر ظهور، إلخ، مثل الشريط الجانبي.

إعجابَين (2)

أنا أحب النهج الأكثر بساطة، ولا يزال هناك سؤال رئيسي واحد بدون إجابة مباشرة:

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

احتياجات المسؤولين/المشرفين هي ملعب مختلف تمامًا.

6 إعجابات

قد يكون من الجيد أيضًا دمج تفاصيل المستخدم الرئيسية في مكان واحد بدلاً من أماكن مختلفة عبر البطاقة:

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

5 إعجابات

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

جديد:

قديم:

6 إعجابات

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

5 إعجابات

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

تعديل: جميع إضافاتي الرسمية

          - git clone https://github.com/discourse/discourse-chat.git
          - git clone https://github.com/discourse/discourse-user-notes.git
          - git clone https://github.com/discourse/discourse-reactions.git
          - git clone https://github.com/discourse/discourse-calendar.git
          - git clone https://github.com/discourse/discourse-adplugin.git
          - git clone https://github.com/discourse/discourse-whos-online.git
          - git clone https://github.com/discourse/discourse-canned-replies.git
          - git clone https://github.com/discourse/discourse-follow.git
          - git clone https://github.com/discourse/discourse-push-notifications.git
          - git clone https://github.com/discourse/discourse-gamification.git
          - git clone https://github.com/discourse/discourse-templates.git
          - git clone https://github.com/discourse/discourse-automation.git
          - git clone https://github.com/discourse/discourse-fontawesome-pro.git --branch fa5
          - git clone https://github.com/discourse/discourse-spoiler-alert.git
          - git clone https://github.com/discourse/discourse-data-explorer.git
6 إعجابات