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

**URL:** https://meta.discourse.org/t/usercard-redesign-experiment/254353
**Category:** Feature
**Tags:** completed, user-card
**Created:** [7 فبراير 2023، 4:08م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353 "2023-02-07T16:08:54Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [7 فبراير 2023، 4:08م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/1 "2023-02-07T16:08:54Z")

</div>

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

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/f/a/1fab029cf58cf6a0dd23773eb9ea3b2379ec5696.jpeg)

## التحديثات

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

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

* * *

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/1/b/a1b9b420eb73eea0de74e0251d1bb9346ea29b50.jpeg)

* * *

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

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

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

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

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

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [7 فبراير 2023، 4:09م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/2 "2023-02-07T16:09:27Z")

</div>



---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [7 فبراير 2023، 4:38م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/9 "2023-02-07T16:38:14Z")

</div>

أتساءل فقط…

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

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

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [7 فبراير 2023، 4:40م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/10 "2023-02-07T16:40:29Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [7 فبراير 2023، 5:14م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/14 "2023-02-07T17:14:18Z")

</div>

رائع، يبدو رائعًا! 🙂

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/6/6/466e6df5723ec849b21f2ccc88f94e1c70899422.jpeg)

لدي فقط بعض الأمور البسيطة بخصوص [إضافة المواقع](https://meta.discourse.org/t/locations-plugin/69742):

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

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [7 فبراير 2023، 6:19م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/20 "2023-02-07T18:19:12Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [7 فبراير 2023، 6:37م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/21 "2023-02-07T18:37:55Z")

</div>

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

> [@jordan.vidrine](#):
>
> لقد نقلنا خلفية المستخدم لتكون صورة رأس، بدلاً من صورة خلفية للبطاقة.

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

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

---

<div class="post-metadata">

### Author: ![twofoursixeight](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/twofoursixeight/32/574822_2.png) [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [7 فبراير 2023، 7:02م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/22 "2023-02-07T19:02:13Z")

</div>

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

 ![صورة](https://global.discourse-cdn.com/meta/original/4X/2/7/6/276a4daca716cb769f41e6c7aceb9852e06901ec.jpeg)

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [7 فبراير 2023، 8:45م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/24 "2023-02-07T20:45:59Z")

</div>

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

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

![image](https://global.discourse-cdn.com/meta/original/4X/a/e/c/aecee0915a4a61f65846f4c48a106eb59cdd93bc.png)

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

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

 ![Member Card](https://global.discourse-cdn.com/meta/original/4X/2/3/a/23a9b5babf6ef77f7f33e2b1ed740d7f5a21ba14.png)

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [7 فبراير 2023، 10:11م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/28 "2023-02-07T22:11:32Z")

</div>

> [@manuel](#):
>
> ![Member Card](https://global.discourse-cdn.com/meta/original/4X/2/3/a/23a9b5babf6ef77f7f33e2b1ed740d7f5a21ba14.png)

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

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [8 فبراير 2023، 1:44ص UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/30 "2023-02-08T01:44:58Z")

</div>

> [@Roi](#):
>
> لدي بعض الأمور البسيطة فقط مع [إضافة المواقع](https://meta.discourse.org/t/locations-plugin/69742):
> 
> - يظهر الموقع في سطر واحد أسفل الدبوس.
> - أرى أيضًا عنواني URL لموقعين بتنسيق مختلف. كان هذا هو الحال أيضًا حتى قبل بضعة أسابيع وتم إصلاحه بواسطة @merefield - ولكن في بطاقة المستخدم القديمة كان هناك موقعان ولم يكن هناك موقع.

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

---

<div class="post-metadata">

### Author: ![Tris20](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tris20/32/264639_2.png) [@Tris20](https://meta.discourse.org/u/Tris20)
#### Post date: [8 فبراير 2023، 9:08ص UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/32 "2023-02-08T09:08:52Z")

</div>

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

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

نقاط رئيسية:

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

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

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [8 فبراير 2023، 2:10م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/38 "2023-02-08T14:10:04Z")

</div>

> [@jordan.vidrine](#):
>
> قد يكون من المفيد إضافة بعض CSS المخصصة إلى موقعك لمعالجة هذا الأمر. نظرًا لأن هذا ليس مكونًا إضافيًا رسميًا لـ Discourse، لست متأكدًا من أنني سأضيف CSS لدعم هذا، حيث من المحتمل أن يتم دمجه في النواة في النهاية.

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

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

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [8 فبراير 2023، 7:17م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/40 "2023-02-08T19:17:51Z")

</div>

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

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/1/f/51f63ee0f3bd693b7944799932f232f4e69a2e68.jpeg)

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

---

<div class="post-metadata">

### Author: ![not-ethan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/not-ethan/32/282617_2.png) [@not-ethan](https://meta.discourse.org/u/not-ethan)
#### Post date: [8 فبراير 2023، 10:56م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/43 "2023-02-08T22:56:41Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [9 فبراير 2023، 8:21ص UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/46 "2023-02-09T08:21:19Z")

</div>

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

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

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

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [9 فبراير 2023، 6:56م UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/47 "2023-02-09T18:56:44Z")

</div>

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

 ![Member Cards stats](https://global.discourse-cdn.com/meta/original/4X/1/e/3/1e36db547cbafdb2ea04790c0342a50f49724bc8.png)

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

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [10 فبراير 2023، 1:15ص UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/48 "2023-02-10T01:15:09Z")

</div>

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

جديد:

 ![CleanShot 2023-02-09 at 17.09.21@2x](https://global.discourse-cdn.com/meta/original/4X/2/c/3/2c30c4938f6eb71c0af2c4b792a2f3b3fdb5c64d.jpeg)

قديم:

 ![CleanShot 2023-02-09 at 17.09.39@2x](https://global.discourse-cdn.com/meta/original/4X/4/d/5/4d5f1f314a1dea38f947435e8be3ce0a63670dee.jpeg)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [10 فبراير 2023، 1:56ص UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/49 "2023-02-10T01:56:13Z")

</div>

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

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [10 فبراير 2023، 2:03ص UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/50 "2023-02-10T02:03:21Z")

</div>

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

 ![CleanShot 2023-02-09 at 18.01.27@2x](https://global.discourse-cdn.com/meta/original/4X/b/8/f/b8fd29e9867c1139b7dde731002dd31b210309ad.jpeg)

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

```plaintext
          - 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

```

[Next page](https://meta.discourse.org/t/usercard-redesign-experiment/254353.md?page=2)
