ساعدنا في اختبار Horizon، أحدث ثيم لدينا

يسعدنا أن نقدم أحدث سماتنا - Horizon! لقد كنا نختبر Horizon داخليًا لبعض الوقت والآن نحن مستعدون للاختبار هنا على Meta حتى نتمكن من الحصول على ملاحظاتك حول كيفية مواصلة تحسين هذه السمة.

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

:sunrise: التعرف على Horizon

Horizon هي سمة بسيطة وجميلة تطمح إلى أن تصبح تجربة جديدة خارج الصندوق لمواقع Discourse.

:warning: يرجى ملاحظة أن Horizon لا تزال تعتبر سمة تجريبية! على هذا النحو، قبل تثبيتها على مجتمعك أو تقديم ملاحظات، يرجى قراءة بقية هذا الموضوع حتى تفهم ما يمكن توقعه من هذه السمة وكيفية تقديم أفضل ملاحظات لنا.

Horizon Theme

:mirror: لمن Horizon؟

بينما نأمل أن تكون Horizon مناسبة رائعة للعديد من المجتمعات، فقد أنشأنا Horizon مع وضع مستخدمين محددين في الاعتبار - المسؤولين غير التقنيين والأعضاء العاديين.

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

  • الأعضاء العاديون يقعون في مكان ما بين الزائر لمرة واحدة والمستخدم الخبير المتميز. يقرؤون وينشرون بانتظام في المجتمع، ومن المرجح أن يزوروا Discourse بشكل أساسي (إن لم يكن حصريًا) من هواتفهم.

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

:magic_wand: ما الذي يميز Horizon؟

بينما تعد سمة الافتراضي الخاصة بنا بمثابة لوحة فارغة نسبيًا، فإن Horizon هي سمة ذات رأي. هذا يعني أننا اتخذنا خيارات معينة حول كيفية ظهور Discourse وتشغيله أثناء استخدام هذه السمة لتوفير تجربة مستخدم رائعة لمستخدمينا المستهدفين (الموصوفين أعلاه). إليك بعض التغييرات التي قد تلاحظها:

  • بطاقات المواضيع أقل كثافة بالمعلومات. الميزة الأكثر وضوحًا في Horizon هي بطاقة الموضوع. لقد قمنا بتقليم أكبر قدر ممكن من المعلومات للحفاظ على قائمة المواضيع نظيفة وسهلة الاقتراب. بعض المعلومات، مثل قائمة أكثر قوة بالمشاركين في الموضوع وعلامات المواضيع، غير مرئية في بطاقة الموضوع.

  • Horizon غير مخصصة لدعم التخصيصات الإضافية. نظرًا لأننا نستهدف جمهورًا غير قادر أو غير مهتم بتخصيص مظهر أو سلوك Discourse، فلا يُضمن أن تعمل Horizon بشكل جيد مع جميع مكونات السمة أو التخصيصات.

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

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

  • نص أكبر في منطقة القراءة. ستلاحظ أن منطقة قراءة Horizon (أي المواضيع) تحتوي على نص أكبر قليلاً من نص الواجهة الآخر. نحن نجرب هذا الحجم النصي المتباين على أمل أن يجعل المواضيع أسهل في القراءة، مع الحفاظ على النص الأقل أهمية - مثل روابط الشريط الجانبي - أقل أهمية وأقل تشتيتًا.

:mega: الاختبار ومشاركة ملاحظاتك

يمكنك تجربة Horizon على Meta باستخدام مبدل السمة في أسفل الشريط الجانبي الخاص بك:

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

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

:wrench: المشكلات المعروفة / مجالات العمل قيد التقدم

فيما يلي بعض المجالات التي نعمل عليها بنشاط:

  • تحسين لوحات الألوان لضمان إمكانية الوصول. تتمتع Horizon بنظام ألوان أكثر انسيابية (وقد ألهمت بعض لوحات الألوان الجديدة، مثل Lily و Clover و Royal و Marigold ، إلخ). نحن نعمل على التأكد من أن Horizon قابلة للوصول ولديها تباين مناسب في الأوضاع الفاتحة والداكنة.
38 إعجابًا

4 إعجابات

{“content”:“[quote="lindsey, post:1, topic:360484"]\nبطاقات الموضوع أقل كثافة بالمعلومات. الميزة الأكثر وضوحًا في Horizon هي بطاقة الموضوع. لقد قمنا بتقليل أكبر قدر ممكن من المعلومات للحفاظ على قائمة المواضيع نظيفة وسهلة، ولكن لا تظهر بعض المعلومات، مثل قائمة المشاركين في الموضوع بشكل أكثر تفصيلًا ووسوم الموضوع، على بطاقة الموضوع.\n[/quote]\n\nلقد كنت أستخدم Discourse لسنوات، لكني لم أسمع من قبل بمصطلح “بطاقة الموضوع”. يبدو أنك تشير إلى الصفوف في صفحة المواضيع؟\n\nفي السمة القياسية، تعتبر صفحة المواضيع جدولاً، مع الأعمدة التالية:\n\n* الموضوع: العنوان + الفئة + الوسوم\n* قائمة الصور الرمزية للمشاركين في الموضوع\n* الردود: عدد الردود\n* المشاهدات: عدد المشاهدات\n* النشاط: الطابع الزمني، مثل 10م، 4س، إلخ.\n\nفي Horizon، لا يوجد جدول. كل صف يحتوي على:\n\n* العنوان\n* صورة رمزية واحدة، للمُنشر الأخير\n* اسم مستخدم ذلك المُنشر، “رد” أو “نشر” والطابع الزمني للنشاط، مثل “lindsey نشر منذ 9 دقائق”، “tobiaseigen رد منذ 11 دقيقة”\n* عدّاد الإعجابات. (ما هو ذلك؟ “إعجابات الموضوع”؟ هل هو عدد الإعجابات التي منحها أي شخص لأي شخص في الموضوع بأكمله…؟ يبدو رقمًا غريبًا جدًا، ورقمًا غريبًا بشكل خاص ليتم إبرازُه بهذا الشكل البارز.)\n* عدّاد الردود، بجانب سهم رد صغير\n* الفئة، الآن على الجانب الأيمن البعيد\n\nأفكاري:\n\n1. برأيي، فئة الموضوع مهمة جدًا أكثر من هوية آخر شخص رد. سأعيد وضعها على اليسار، وأضع “lindsey نشر قبل 9 دقائق” على الجانب الأيمن البعيد، حيث كان يُكتب طابع النشاط الزمني.\n2. أؤيد إزالة “المشاهدات”. في رأيي، يبدو رقمًا غريبًا جدًا ليُعرض بشكل بارز.\n3. لست متأكدًا من حذف الصور الرمزية الأخرى. قد يلقى ذلك استحسانًا مع الوقت.\n4. لا أحب الرسالة البارزة “مرحبًا بك مجددًا، اسم المستخدم!”. مساحة العنوان ثمينة.\n5. الآن فقط، تصبح صفوف قائمة المواضيع “بطاقات”، بزوايا مستديرة وفراغ مرئي بين كل “بطاقة”. لكني لا أرتاح لهذا الشكل، رغم أنه قد يعتاد عليه لاحقًا. أفضل أن تفصل المواضيع بواسطة خط فاصل بسيط.\n6. تم حذف وسوم الموضوع تمامًا من بطاقات الموضوع. يبدو لي ذلك سيئًا؛ لأنه يعني أنك لا يمكنك رؤية وسوم الموضوع إلا على صفحة الموضوع نفسها.”}

9 إعجابات

هناك القليل من السوابق هنا من خلال مكون سمة - Topic Cards - والذي له تصميم مماثل.

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

إعجابَين (2)

شكراً لإبلاغك عن هذا، سنقوم بإبلاغ فريقنا.

(للتسجيل، هذه مشكلة شفافية مع عوامل تصفية الفئات / العلامات في أعلى صفحة /categories على الهاتف المحمول.)

3 إعجابات

أنا متحمس حقًا لهذا النهج لأنني أدير منتدى للمهنيين غير التقنيين.

تحتوي صورة “الترحيب” على بعض التشوهات الغريبة فوق البحث:

أفضل أيضًا لو تمت الإشارة إلي بالاسم، بدلاً من لقبي.

3 إعجابات

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

يمكن تحقيق ذلك من خلال تعديل نصوص الموقع - هذه ميزة أضفناها مؤخرًا إلى نواة Discourse، والتي يمكنك قراءتها هنا: Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji

4 إعجابات

DiscourseHub والجوال:

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

6 إعجابات

أنا أستخدم أحدث إصدار من Safari 18.3.1 (20620.2.4.11.6) على جهاز MacBook Pro مقاس 14 بوصة مع أحدث إصدار من macOS 15.3.2.

3 إعجابات

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

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

4 إعجابات

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

أفضل أن يظل زر “موضوع جديد” مرئيًا بطريقة ما.

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

قد تشير إلى فئة “التوثيق”.

ربما يمكن وضعها في أعلى اليسار أو اليمين من اللافتة نفسها؟

4 إعجابات

ما الخطأ في هذا الذي لدينا بالفعل؟ لماذا نحاول اختراع العجلة مرة أخرى :smirking_face:

(لم أزعج نفسي بتغيير اللغة، أنت تعرف هذا الإعداد)

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

وأود أن أعتقد أن إظهار الأساسيات المطلقة للوظائف هو أهم شيء يجب القيام به.

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

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

إعجابَين (2)

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

4 إعجابات

أخيرًا! تبدو رائعة للوهلة الأولى! :chefs_kiss:
لقد صادفت إصدارًا سابقًا على Github وكنت فضوليًا بشأن الإصدار النهائي. إنه يخرج بشكل جيد!

إليك بعض الملاحظات العشوائية الفورية:

  • أحب الخلفية الموحدة حول المنفذ الرئيسي - إنها أنيقة وتساعد على تركيز المحتوى. على شاشة كبيرة، ومع ذلك، فإن عدم وجود حدود محددة للمحتوى يتعب عيني بسرعة. إنه يجبر العين على التركيز على مساحة كبيرة. سمة Meta Branded مثال جيد على تخفيف ذلك: توفير حدود وخلفية واضحة تجعلها تبدو متوازنة.

  • يعد وضع زر الموضوع الجديد منطقيًا؛ لا يمكنك تفويته. استغرقت بضع ثوانٍ لمعرفة مكان اختفائه على الهاتف المحمول. لست مستخدمًا كبيرًا للهاتف المحمول على ميتا؛ كنت أتوقع رؤية زر هنا:

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

    • موضع الحالة الساخنة مربك بعض الشيء لأنه قريب جدًا من الصف السابق.
    • لست من محبي الحدود الكاملة. بشكل فردي، يبدو هذا لطيفًا للغاية، ولكن مكدسًا معًا، يستغرق الأمر مزيدًا من الجهد لقراءة العنوان الفعلي، خاصة عند التمرير. قد يكون مشتتًا جدًا. ربما يمكن أن يساعد المزيد من التباعد و/أو حدود خفية. (أحتاج أيضًا إلى التعود عليه؛ يجب أن أنتظر وأراجع ملاحظاتي لاحقًا.
      تعديل: بصراحة، أعتقد أن هذا هو الصورة الرمزية الموجودة أسفل العنوان أكثر من الحدود، مما يجعل القراءة أقل وضوحًا. يعزز عرض الهاتف المحمول هذه المشكلة أكثر مع الفئة أعلاه والصورة الرمزية أسفل العنوان)
  • لوحة الألوان رائعة.

  • (غير ذي صلة) يبدو وضع معاينة المنشئ لطيفًا جدًا في هذه السمة.

أتطلع إلى التحسينات المستقبلية!

8 إعجابات

سمة جميلة! يستغرق الأمر بعض الوقت للتعود عليها بصريًا (على الأقل بالنسبة لي)

شيء واحد اعتقدت أنه قد يكون لطيفًا هو جعل صفحة /categories تبدو مشابهة لـ Air Theme لأن كل شيء يبدو في صندوق في سمة Horizon هذه، مما يجعل صفحة الفئة ذات المظهر الافتراضي تبدو غريبة في رأيي.

5 إعجابات

آه حسنًا، أستطيع أن أكرر المشكلة على ذلك الإصدار من Safari ولكن ليس على الإصدار الأحدث (18.4). هل يمكنك التحديث وإبلاغي إذا استمرت المشكلة؟

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

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

ومع ذلك، وجدت 4 مشاكل صغيرة. لاحظ أن كل هذه المشاكل حدثت على الهاتف المحمول، باستخدام Discourse على Chrome.

  1. تظهر المواضيع على أنها “جديدة” مع النقطة الزرقاء حتى عندما تكون غير مقروءة.

  2. زر الترجمة الآلية يكبر جدًا عند فتح المحرر.

  3. المعاينة للمنشور لها زوايا بيضاء، والمساحة التي تحتوي على أزرار المنشور غير متصلة (انظر لقطة الشاشة).

  4. عداد التصويت وزر التصويت غير متوافقين مع عنوان الموضوع.

6 إعجابات

هناك بعض الخدع المتعلقة بالارتفاع تحدث هنا:

ألقيت نظرة سريعة على كود وحدة التحكم ولكن عينيّ المبتدئة في CSS لم تلاحظا أي شيء غريب على الفور.

5 إعجابات

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

3 إعجابات

لسبب غريب (ومزعج بعض الشيء)، لا يتغير هذا المظهر حتى لو اخترت مظهرًا آخر بعده. الألوان لا تزال كما هي، لدرجة أن التباين المتاح (داكن) داكن جدًا، ولا يختلف في اللون عن Meta Branded.

هذا اللون الجديد داكن جدًا مقارنة بما قدمه Meta Branded. يرجى إصلاح هذا قريبًا!

إعجابَين (2)