فهم عناصر واجهة المستخدم في Discourse

:bookmark: يغطي هذا المورد أسماء كل عنصر من عناصر واجهة المستخدم في Discourse.

:person_raising_hand: مستوى المستخدم المطلوب: جميع المستخدمين

إليك كيف تبدو واجهة Discourse في معظم الأوقات. قد تؤثر السمات ومكونات السمات والإضافات على هذا التخطيط.

لنقسم الأجزاء الرئيسية، ثم الأجزاء الرئيسية إلى أجزاء أصغر.

  1. الترويسة (Header)
  2. الشريط الجانبي (Sidebar)
  3. المحتوى الرئيسي (Main content)

الترويسة (Header)

Header

  1. زر/مفتاح تبديل الشريط الجانبي (أو زر الهامبرغر)
  2. الشعار (Logo)
  3. أيقونات أعلى اليمين:
    أ. البحث (Search)
    ب. مفتاح تبديل الدردشة (Chat toggle)
    ج. قائمة الإشعارات / قائمة صورة المستخدم الرمزية (Notifications Menu / Avatar menu)

الشريط الجانبي (Sidebar)

  1. الأقسام (Sections)
  2. زر قسم جديد (New Section Button)
  3. اختصارات لوحة المفاتيح (Keyboard Shortcuts)

المحتوى الرئيسي (Main Content)

  1. شريط التنقل (Navigation / Nav bar)
    أ. محدد الفئة (Category Selector)
    ب. محدد الوسم (Tag selector)
    ج. أزرار التنقل (Navigation buttons)
  2. رؤوس قائمة المواضيع (Topics list headers)
  3. قائمة المواضيع (Topics list)

الموضوع (Topic)

  1. العنوان (Title)
  2. الفئة (Category)
  3. الوسوم (Tags)
  4. صورة المستخدم الرمزية (Avatar)
  5. اسم المستخدم والاسم (Username and Name)
  6. زر سجل التعديلات (Edit History Button)
  7. تاريخ النشر (Post Date)
  8. إجراءات المنشور (Post Actions)
  9. زر الرد على المنشور (Reply to Post button)
  10. خريطة الموضوع (Topic Map)
  11. أزرار إجراءات الموضوع (Topic Actions Buttons)
  12. زر الرد على الموضوع (Reply to Topic Button)
  13. مفتاح الشدادات الإداري (Admin Wrench)
  14. الخط الزمني (Timeline)
  15. زر الرد على الموضوع (Reply to Topic Button)
  16. زر حالة الإشعار (Notification State Button)

بطاقة المستخدم (User Card)

  1. الموقع (Location)
  2. قائمة الشارات (Badge list)
  3. صورة المستخدم الرمزية (Avatar)
  4. اسم المستخدم (Username)
  5. الاسم (Name)
  6. السيرة الذاتية (Bio)
  7. إحصائيات آخر نشاط (Last Activity Stats)
  8. الموقع الإلكتروني (Website)
  9. يوم الكعكة (ذكرى التسجيل) (Cakeday (Registration Anniversary))
  10. زر رسالة شخصية جديدة (New Personal Message Button)
  11. زر دردشة شخصية جديدة (New Personal Chat Button)

قائمة الإشعارات (Notifications menu)

  1. الإشعارات (Notifications)
  2. جميع الإشعارات (All notifications)
  3. الردود والإشارات (Replies and Mentions)
  4. الإعجابات (Likes)
  5. الرسائل الشخصية (Personal Messages)
  6. الإشارات المرجعية (Bookmarks)
  7. إشعارات الدردشة (Chat Notifications)
  8. العناصر التي تتطلب مراجعة (Reviewable Items)
  9. إشعارات أخرى (Other Notifications)
  10. قائمة المستخدم (User Menu)
  11. زر عرض جميع الإشعارات (See All Notifications Button)
  12. زر تجاهل الإشعارات (Dismiss Notifications Button)

المنشئ (Composer)

  1. محدد نوع المنشور (Post Type Selector)
  2. عنوان الموضوع (Topic Title)
  3. محدد فئة الموضوع (Topic Category Selector)
  4. محدد وسوم الموضوع (Topic Tags Selector)
  5. شريط أدوات التنسيق (Formatting Toolbar)
  6. منطقة النص (Text Area)
  7. زر إنشاء/تحرير المنشور (Post Creation/Edition Button)
  8. زر التخلص (Discard Button)
  9. مقبض تغيير الحجم (Resizing Grip)
  10. مفتاح تبديل ملء الشاشة (Fullscreen Toggle)
  11. مفتاح تبديل التصغير (Minimize Toggle)
  12. لوحة المعاينة (Preview Panel)
  13. مفتاح تبديل لوحة المعاينة (Preview Panel Toggle)
69 إعجابًا

هل قام شخص ما بإنشاء دليل مشابه لـ Discourse 3.x مع التنقل في الشريط الجانبي، أم أن شخصًا ما في طور إنشائه؟

إعجابَين (2)

هذه نعمة كبيرة :raised_hands:

3 إعجابات

أعتقد أننا بحاجة إلى تحديث هذا قليلاً. تحمل معنا وسنرى ما إذا كان بإمكاننا إعداد شيء لك. :slight_smile:

5 إعجابات

كان الدليل قديمًا جدًا، لذا قمت بتحديثه بصور شاشة جديدة :slight_smile:
يمكن تحسينه، لذا فإن الاقتراحات مرحب بها!

5 إعجابات

هذا رائع حقًا :hugs: شكرًا @Canapin :heart:

اقتراح بسيط: هل يمكن أن يتضمن الملحن والدردشة أيضًا؟ :slightly_smiling_face:

3 إعجابات

11 و 12 مفقودان من قائمة الإشعارات.
ولاحظت أنه في الرأس يسمى قائمة الأفاتار، لكن العنوان المنفصل يقول قائمة الإشعارات.

3 إعجابات

أنا قلق للغاية من أن هذا النوع من الأدلة، مهما كان حسن النية، معرض لخطر كبير بأن يصبح قديماً، بسبب لقطات الشاشة والتعليقات التوضيحية التي تم إنشاؤها (بشق الأنفس). كل ما أعرفه هو أن نفس الشيء قد تم محاولته لـ Facebook و YouTube، وما إلى ذلك، ولكن بعد بضعة أشهر لا يمكن للمستخدمين العثور على عناصر معينة مذكورة. ليس لدي حل أفضل رغم ذلك.

إعجابَين (2)

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

4 إعجابات