أنا كلوديو وأعمل كمسؤول تجربة المستخدم (UX Lead) في كانونيكال، الناشر لنظام أوبونتو. هذه أول منشورات لي هنا على ميتا ديسكورش، لكننا جميعًا نستخدم ديسكورش في منتديات مجتمعاتنا للمواقع الإلكترونية والمنتجات في كانونيكال.
منذ فترة، استكشفنا كيف قد يبدو ديسكورش عند دمجه ضمن النطاق الرئيسي لموقع إلكتروني موجود مسبقًا، بدلاً من استخدام نطاق فرعي (مثل الانتقال من ‘discourse.ubuntu.com’ إلى ‘ubuntu.com/discourse’).
استخدام الموقع الإلكتروني الرئيسي بدلاً من النطاق الفرعي سيتطلب بالضرورة تغييرات في تنقل ديسكورش وتفاعلاته والمظهر العام (Look & Feel) لضمان دمجه بطريقة متناسقة وسلسة. ندرك أن هذا العمل الاستكشافي سيؤثر على عدة جوانب من تجربة المستخدم الحالية، لكننا قررنا مشاركته معكم على أي حال، ومناقشة ما إذا كانت بعض هذه التعديلات قد تهمكم أو يمكن أن تكون مقترحًا صالحًا (ربما كنموذج) للإصدار الرئيسي (Upstream) أيضًا.
من حيث الأسلوب، نستخدم إطار عمل CSS مفتوح المصدر الخاص بنا Vanilla ومكوناته.
سأقوم بنشر جميع التصاميم البصرية هنا، ردًا على هذا التقديم الأولي.
يرجى إخبارنا برأيكم، وسنكون مستعدين لمناقشة هذا الأمر بشكل أعمق أو بالتفصيل.
في مقترحنا، أزلنا قائمة “البرغر” المصاحبة لـ Discourse الافتراضية واستخدمنا مكون تنقل جانبي كنقطة الدخول الرئيسية لجميع الصفحات. والسبب في ذلك هو أن دمج Discourse في تنقل الموقع الحالي يتطلب التوافق مع البنية الموجودة للموقع. وبهذا، يمكننا أيضًا عرض جميع الصفحات والمواضيع المتاحة للمستخدمين مباشرةً في مكون تنقل واحد، يكون مرئيًا دائمًا.
تم دمج وظيفة البحث في التنقل العام للموقع، وستشمل نتائج البحث من Discourse أيضًا. ونظرًا لأن هذا قد يتطلب تغييرات مهمة في الواجهة الأمامية والخلفية، فقد يتم نقل حقل إدخال البحث إلى صفحات Discourse ليكون مستقلًا.
عندما يسجل المستخدمون الدخول، يصبح زر الدعوة لاتخاذ إجراء “موضوع جديد” مرئيًا، بالإضافة إلى عنصر “الحساب” في شريط التنقل الجانبي على اليسار.
بدلاً من عرض “الأحدث” و"الجديد" و"غير المقروء" و"الأعلى تقييمًا" و"التصنيفات" و"العلامات المرجعية" معًا في أعلى الصفحة، يمكننا وضع التصنيفات في شريط التنقل الجانبي، والباقي في قائمة منسدلة حيث يمكن للمستخدمين اختيار عرض المحتوى الذي يريدون رؤيته.
أعدنا تنظيم الجدول عند عرض جميع المواضيع. تُعرض الفئات عبر وسوم ملونة يمكن للمستخدمين النقر عليها للوصول مباشرة إلى موضوع معين. تم تصغير صورة ملف المستخدم الشخصي والمستخدمين المتعددين بصريًا لتوفير المساحة. تظل الردود والمشاهدات والنشاط مرئية.
داخل الموضوع/الفئة، يظهر إجراء “خيار المتابعة”. من خلال قائمة منسدلة، يمكن للمستخدمين تحديد مستوى الإشعارات التي يرغبون في تلقيها. يقترح عرضنا وضع التسمية داخل القائمة المنسدلة لتمكين المستخدمين من فهم اشتراكهم في ذلك الموضوع بسهولة.
عند تسجيل الدخول، تُعرض صورة الملف الشخصي ومعلومات المستخدم في الأعلى. في صفحة “حول”، تتوسع الصفحات الثانوية في شريط التنقل الجانبي بينما ينكمش “جميع المواضيع”. أما إذا كان المستخدم غير مسجل الدخول، فإن صفحة “حول” تبقى نفسها لكنها لا تعرض الملف الشخصي في الأعلى ولا “الحساب”.
عناصر القائمة الأفقية في Discourse مدرجة في شريط التنقل الجانبي: “ملخص - النشاط - الإشعارات - الرسائل - الشارات - التفضيلات”. ستفتح عناصر قوائم الصفحات الفرعية تحت العنصر الرئيسي ذي الصلة، على سبيل المثال: النشاط > الكل، الموضوع، الردود، المسودات، الإعجابات، الإشارات المرجعية.
يرجى إخبارنا برأيك، سنكون متاحين لمناقشة هذا الأمر بشكل أعمق أو أكثر تفصيلاً.
الأشياء جيدة. لكن القائمة الجانبية اليسرى تندمج بصريًا مع المحتوى الرئيسي. انظر ما إذا كان بإمكانك فصلها كما في Stack Overflow، على سبيل المثال. ربما الخلفية، أو الإزاحة، أو اللون. هناك العديد من الخيارات.
لاحظت أنه منذ أن عملنا على هذا، قام Discourse بتغيير أيقونات الإشعارات/المتابعة (أصبحت الآن أكثر وضوحًا كما يجب أن أقول)، لذا نحتاج إلى تحديث ذلك وفقًا لذلك.
يسعدني جدًا أن أتحقق من القالب وأقدم بعض الملاحظات حول تجربة الاستخدام، فهناك العديد من عناصر واجهة المستخدم المخفية التي قد تحتاج إلى استكشافها أيضًا، مثل واجهة علم المحتوى وواجهة الإشارات المرجعية وما إلى ذلك.
هذا يبدو رائعًا! هناك شيء واحد لم أره ممثلاً هنا وهو الإشعارات:
هل سيتم سردها مع رابط “الحساب” في الشريط الجانبي؟
أيضًا، أفترض أنه لا توجد خطط لاستخدام الوسوم لأنني لا أراها ممثلة هنا… كان هذا أحد الأسباب التي دفعتنا إلى الابتعاد عن وجود عمود مخصص للفئات.
مع وضع الفئة تحت العنوان، نتمكن من إبقاء الفئات والوسوم مرتبطة ارتباطًا وثيقًا، مع الحفاظ على الاتساق مع تخطيط العنوان في أعلى كل صفحة موضوع (لاحظت للتو في تصميمك أن الفئة لا تُعرض بمجرد الدخول إلى موضوع، هل هذا مقصود؟).
شكرًا لك @sam، سنقوم بمراجعة الدليل. في الواقع، قد يساعد وجود نوع من النموذج الأولي في تسليط الضوء على المشكلات والأجزاء التي تم إغفالها في واجهة المستخدم الحالية.
