من المترجم: نقدم اليوم حبري ترجمة للمقال بواسطة مصمم الواجهة كيفين يوجين. لقد شارك في هذا المجال لسنوات عديدة ، لذلك لديه ما يقوله. يُعد مثال YouTube واحدًا من أكثر الأمثلة كشفًا ، لأن هذه الخدمة معروفة لنا جميعًا.مثلكم جميعًا ، أستخدم YouTube كثيرًا. الموسيقى وبرامج العلوم الشعبية ومشاهدة مقاطع الفيديو للاسترخاء - كل هذا يمكن العثور عليه في الخدمة. حسنًا ، نظرًا لأنه معروف جيدًا لنا جميعًا ، فقد حاولت أن أوضح بوضوح طريقة لتحسين تفاعل الشخص والمنصة.
توصي Skillbox بما يلي: دورة تدريبية لمدة شهرين على يد UX Design .
نذكركم: لجميع قراء هبر - خصم 10000 روبل عند التسجيل في أي دورة من سكيل بوكس وفقًا لرمز هبر الترويجي.
الصفحة الرئيسية

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

قررت تغيير اللوحة بحيث تتوافق مع الواجهة الجديدة. في الواقع ، كل شيء مسجون لأجله.
أزرار الإعجاب وعدم الإعجاب

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

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

يعرض العمود الأيمن مقاطع الفيديو ذات الصلة بالفيديو الحالي. على أي حال ، هذا هو المقصود. تنقسم العروض إلى ثلاث فئات:
قائمة التشغيل الخاصة بييتم عرض مقاطع الفيديو في قائمة التشغيل النشطة هنا. إنه مثل خط انتظار يمكن العثور عليه في تطبيقات الموسيقى مثل Spotify أو Apple Music.
يمكنك سحب وإسقاط مقاطع الفيديو من الفئات أدناه في قائمة التشغيل الخاصة بي ، أو إعادة ترتيبها بسهولة أو تمكين التشغيل التلقائي بمجرد النقر على الزر المناسب. يمكنك تعديل القائمة دون أي مشاكل بمساعدة ثلاث نقاط بيضاء.
عندما تحمل قائمة التشغيل اسمًا ، يتم استبدال "قائمة التشغيل الخاصة بي" بها.
توصياتييعتمد هذا القسم على عادات المستخدم ولا يعتمد بشكل مباشر على ما يشاهده في الوقت الحالي. أود أن أجعل التوصيات سهلة الوصول إليها ، وبالتالي من هنا لدى المستخدم الفرصة لمشاهدة جميع المحتوى من البداية إلى النهاية ، حيث يوجد زر تشغيل بجوار الاسم.
عندما ينقر المستخدم عليه ، تدخل مقاطع الفيديو الموصى بها إلى قائمة التشغيل الخاصة بي. لا يتم تعديل "توصياتي" ، لأن هذه نتيجة الخوارزميات ، ولكن يمكن سحب الفيديو وإسقاطه في "قائمة التشغيل الخاصة بي" إذا رغبت في ذلك.
أكثر مماثلة لهذا الفيديوفي الفئة ، تظهر مقاطع الفيديو التي تتوافق ، حسب الموضوع ، مع الفيديو الذي تتم مشاهدته حاليًا.
إذا نظرت إلى قسم مشابه على YouTube ، فستفهم أنه لا يوجد تصنيف أو تفسير واضح لكيفية ظهور مقاطع الفيديو هنا.

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

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

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

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

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

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