انتقل إلى المحتوى
  • أبحاث تجربة المستخدم
  • تصميم التفاعل
  • واجهة المستخدم
  • اختبار قابلية الاستخدام
  • المخططات الهيكلية
العميل
Shasha
الخدمات
أبحاث تجربة المستخدم، تصميم التفاعل، واجهة المستخدم، اختبار قابلية الاستخدام، المخططات الهيكلية
القطاع
الإعلام والبث
التاريخ
يناير 2025

شاشة ليست مجرد منصة بث: إنها حيث تجد الحكاية العربية شاشتها.

تجربة بث عبر الإنترنت (OTT) تضع العربية أولًا، على الجوال والتلفزيون الذكي والويب، صُمّمت من اليمين إلى اليسار منذ أول مخطط هيكلي لجمهور في أنحاء الشرق الأوسط.

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

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

فهم مشهد الإعلام الثقافي العربي

قبل رسم أي شاشة، فحصنا أبرز منصات البث عبر الإنترنت في العالم، وحلّلنا ميزاتها، وأنماط تجربة المستخدم فيها، وأنظمتها البصرية، وتوافقها عبر الأجهزة. والهدف: تحديد ما يخفق، واستخلاص ما ينجح، وإيجاد الفجوات الدقيقة التي يمكن لمنصة شاشا (Shasha) أن تتصدّر فيها.

الاتجاه من اليمين إلى اليسار أساس، لا ميزة

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

تجربة التلفزيون تخصص قائم بذاته

لا يستثمر أي منافس استثمارًا حقيقيًا في تجربة الشاشة الكبيرة. فأنماط الجوال تُنسخ كما هي على شاشات التلفزيون: حالات التركيز غير مرئية، والنصوص غير مقروءة من بعيد، والتنقل بأزرار الاتجاهات (D-pad) معطّل. وكان التلفزيون، بلا استثناء، أضعف نقاط التواصل.

اكتشاف المحتوى معطّل في كل مكان

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

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

4+
منصات منافسة حلّلناها
100
شاشة صمّمناها
3
منصات من نظام تصميم واحد

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

نظرة فاحصة على عمالقة البث

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

شعارات منصات البث التي شملتها المقارنة المرجعية لمنصة شاشا: Netflix وDisney+ وApple TV+ وPrime Video وStarzPlay وOSN+ وMBC وHulu وParamount+ وHBO Max

Netflix

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

Disney+‎

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

Apple TV+‎

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

Prime Video

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

StarzPlay

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

تطبيق الجوال

اكتشاف مصمَّم للإبهام أولًا وللتمرير بسلاسة

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

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

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

البث المباشر والحالات الآنية

شارة «مباشر» إشارة إلحاح ثابتة تظهر أعلى كل جلسة. ويُوسم المحتوى المدفوع والمجاني بوضوح على مستوى البطاقة، فلا مفاجآت ولا انقطاع في تجربة التصفح.

المشغّل تجربة أساسية بحد ذاته

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

شاشات تطبيق شاشة للجوال تعرض الصفحة الرئيسية العربية وشريط البث المباشر ومشغّل الفيديو

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

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

تخضع تجربة المستخدم على التلفزيون لقواعد مختلفة تمامًا. يجب أن تكون النصوص مقروءة من مسافة ثلاثة أمتار، وأن يعمل التنقل بأزرار الاتجاهات، فيما تصبح حالات التركيز إشارة التفاعل الأساسية. وقد صمّمنا لأجهزة Samsung TV وLG TV وApple TV وAndroid TV انطلاقًا من نظام بصري واحد.

واجهة رئيسية سينمائية بأقل قدر من عناصر الواجهة

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

نموذج تفاعل يبدأ بأزرار الاتجاهات

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

أربع منصات، نظام بصري واحد

لكل من Samsung وLG وApple TV وAndroid TV قيوده التقنية وإرشادات متجره الخاصة، ومع ذلك تتشارك جميعها هوية شاشة نفسها، ونظام المسافات، ومنطق المكونات. وخاصية الصورة داخل الصورة مدعومة في جميع النسخ.

واجهة شاشة على التلفزيون الذكي مع قائمة حلقات بالعربية وحالات التركيز والصورة داخل الصورة

نظام التصميم

هوية بصرية متجذّرة في الثقافة العربية

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

صفحة رئيسية تحريرية

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

حالات وصول وحجب جغرافي واضحة

يُعرض الحجب الجغرافي عبر حالات فارغة واضحة ومفيدة: يفهم المستخدمون دائمًا سبب عدم توفر المحتوى والخيارات المتاحة أمامهم. وعناصر التحكم في الترجمة واللغة والجودة في متناولهم خلال تفاعلين فقط داخل المشغّل.

شاشة واحدة، في كل مكان

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

نظام تصميم شاشة: الخطوط والألوان والمكونات وقواعد التخطيط من اليمين إلى اليسار

المنهجية

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

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

مخطط منهجية تصميم شاشة عبر الجوال والتلفزيون والويب

أعمال أخرى

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

تواصل معنا

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

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