انتقل إلى المحتوى
  • واجهة المستخدم
العميل
Group Alballam
الخدمات
واجهة المستخدم
القطاع
الإعلام والبث
التاريخ
ديسمبر 2024

البلام ليست مجرد منصة فيديو حسب الطلب: إنها منظومة ثقة.

منصة عربية للفيديو حسب الطلب لمجموعة البلام (Group Alballam)، بطابع داكن ولمسات ذهبية، على الجوال والويب والتلفزيون الذكي: نظام تصميم واحد مع تنقل يضع المحتوى أولًا، وتسجيل دخول برمز QR على التلفزيون، وتخطيط من اليمين إلى اليسار في كل مكان.

منصة البلام: الإعلام والبث، من تصميم UXNCO

المقارنة المرجعية

فهم مشهد البث وتحديد الاتجاه

قبل أن نلمس بكسلًا واحدًا، رسمنا خريطة الساحة التنافسية. فحلّلنا Netflix، Disney+، Apple TV+، Prime Video وStarzPlay شاشةً بشاشة: التنقل، واكتشاف المحتوى، ومسارات الحلقات، وأدوات التحكم في المشغّل، وتسجيل الدخول عبر أجهزة متعددة. وقد استعاضت هذه المرحلة عن أبحاث المستخدمين الرسمية بالتحليل التنافسي التطبيقي: النتائج نفسها، عبر مسار مختلف.

ما توصّلنا إليه

تنقل يضع المحتوى أولًا

تضع المنصات الرائدة المحتوى في الواجهة وفي القلب. يبقى التنقل غير مرئي حتى تدعو الحاجة إليه، فالمحتوى هو الواجهة. ولا رحلة تسجيل إلزامية.

الاستمرارية عبر الأجهزة

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

وصول بلا عوائق

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

أبرز نتائج الاستكشاف

6+
منصات شملتها المقارنة المرجعية
40+
شاشات مرجعية
3
أنماط أجهزة مختلفة

المنصات التي درسناها

نظرة أعمق على عمالقة البث

تعمّقنا في خمس من أنجح منصات البث في العالم لفهم الأنماط التي اعتادها المستخدمون. لم يكن الهدف النسخ، بل تحديد الأعراف التي تكسب الثقة، والمساحات غير المستغلة التي يمكن أن تتميّز فيها منصة البلام.

مجموعة من شاشات تطبيقات البث على الجوال التي شملتها المقارنة المرجعية لمنصة البلام، منها الصفحات الرئيسية وقوائم الحلقات وصفحات التفاصيل في Prime Video وHulu وDisney+ وApple TV+

Netflix

صفوف المحتوى وتخطيط الواجهة الرئيسية.

Disney+‎

لغة علامة فاخرة.

Apple TV+‎

واجهة تحريرية بسيطة.

Prime Video

مكتبة كثيفة مع البث المباشر.

StarzPlay

تجربة مستخدم عربية إقليمية.

نظام التصميم

تحويل الرؤى إلى هوية بصرية موحّدة

من المقارنة المرجعية برز اتجاه واضح: داكن، وسينمائي، ومصمَّم أصلًا من اليمين إلى اليسار. وبُني نظام تصميم البلام ليعمل على المنصات الثلاث منذ اليوم الأول: مجموعة واحدة من رموز التصميم، ومكتبة مكونات واحدة، وثلاث شاشات.

نظام تصميم البلام على خلفية سوداء: لوحة ألوان من درجات رمادية قريبة من الأسود ولونين ذهبيين، وخطا DM Serif وManrope مع العربية، وأزرار التشغيل والتنزيل مع شارتي «مجاني» وPG 13، ومكونات بطاقة الملصق وبطاقة الحلقة وشريط تنقل سفلي بخمسة تبويبات من اليمين إلى اليسار وإطار تركيز ذهبي للتلفزيون

تطبيق الجوال

تصميم يراعي متناول الإبهام واكتشاف المحتوى

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

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

ثلاث شاشات iPhone لمنصة البلام على خلفية صفراء بالعربية: تسجيل الدخول إلى مجموعة البلام عبر Google وApple، والصفحة الرئيسية مع ملصق فيلم بارز وزر تشغيل ذهبي، وصفحة تفاصيل مسلسل مع اختيار الموسم وقائمة الحلقات

التلفزيون الذكي

تجربة الشاشة الكبيرة

يتطلب التصميم للتلفزيون الذكي نموذج تفاعل مختلفًا كليًا: لا مؤشر يمر فوق العناصر، ولا لمس، بل تنقل بأزرار الاتجاهات (D-pad) وحالات تركيز فقط. وكان يجب أن يكون كل عنصر واضحًا فورًا من الطرف الآخر من الغرفة: خط لا يقل حجمه عن 18px، وإطارات تركيز ذهبية عالية التباين، وتوزيع مكاني مدروس.

وحُلّت مسألة تسجيل الدخول بمسارين: مسح رمز QR من تطبيق الجوال في ثوانٍ، أو إدخال بيانات الدخول يدويًا. لا عوائق أمام المستخدمين الجدد، ودخول فوري للعائدين.

التنقل بأزرار الاتجاهات

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

تسجيل الدخول برمز QR

افتح تطبيق الجوال، ثم الإعدادات، وامسح الرمز. يسجّل التلفزيون الدخول فورًا، من دون لوحة مفاتيح ومن دون أي إحباط، في تجربة مستوحاة من أفضل ما تقدّمه Apple TV في هذا المجال.

إطار التركيز الذهبي

إطار ذهبي موحّد يبرز العنصر المحدد في كل شاشة، وهو الإشارة الوحيدة الواضحة التي تُعلم المستخدم بموقعه في كل لحظة.

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

التسليم

ثلاث منصات. منتج واحد متكامل.

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

ما سلّمناه

3
منصات صمّمناها (الجوال والويب والتلفزيون)
81+
إجمالي الشاشات المسلَّمة
1
نظام تصميم موحّد
40+
مكونات قابلة لإعادة الاستخدام
شاشتان من تطبيق البلام للجوال بالعربية: صفحة الحساب مع الصور الرمزية للملفات الشخصية وخيار تسجيل الدخول على التلفزيون عبر رمز QR، وقائمة التنزيلات مع حلقات مكتملة وأخرى قيد التنزيل
شاشات تطبيق البلام للجوال على مربعات صفراء وسوداء: شعار مجموعة البلام، وقائمة حلقات، والصفحة الرئيسية مع شريطي «متابعة المشاهدة» و«أحدث الإصدارات»، ومشغّل الفيديو مع أدوات التحكم بالحلقات، وحلقة منزّلة، والواجهة الرئيسية للصفحة الرئيسية، وكلها بالعربية

أعمال أخرى

منتجات أخرى صمّمناها.

تواصل معنا

سواء كانت لديك فكرة أو تحدٍّ، فنحن جاهزون للانطلاق معك.

أخبرنا أين وصل منتجك اليوم، وسنعود إليك خلال يومي عمل بتصوّرنا لطريقة العمل عليه.