نون النسوة

منصّة متكاملة موجّهة للمرأة بتصميم أنيق ومحتوى منظّم.

نون النسوة
المجال منصة
سنة التنفيذ ٢٠٢٤
التقنيات المستخدمة PHPMySQLتصميم متجاوبSEO
  • هوية موجّهة
  • تجربة سهلة
  • متوافق مع الجوال

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

التوجيه لجمهور دون الوقوع في النمطية

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

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

البنية تسبق الشكل

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

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

شبكة المحتوى وقابلية النمو

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

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

البندالتفاصيل
المشروعنون النسوة — منصّة محتوى موجّهة
دوري في المشروعتصميم الواجهة والهوية البصرية وتنفيذ الواجهة الأمامية
قرار الهويةتوجيه عبر المضمون والنبرة لا عبر الكليشيهات اللونية
محور البنيةتصنيف مبني على منطق الزائرة لا منطق الأرشيف
أولوية العرضالجوال أولاً
اعتبار محوريشبكة عرض تتحمّل تراكم المحتوى
سنة التنفيذ2024

الجوال ليس نسخة مصغّرة

الغالبية العظمى من زيارات منصّات المحتوى تأتي من الهاتف، وكثير منها في لحظات قصيرة متفرّقة خلال اليوم. هذا سياق يفرض قرارات لا يفرضها تصفّح المكتب.

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

القراءة كتجربة أساسية

في منصّة محتوى، صفحة المقال ليست صفحة ثانوية بل هي المنتج. معظم الوقت الذي تقضيه الزائرة على الموقع يمرّ فيها.

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

الأداء كشرط للوصول

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

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

الصفحة الرئيسية كتوزيع لا كإقناع

الصفحة الرئيسية في منصّة محتوى ليست صفحة بيع بل مفترق طرق. وظيفتها أن توصل الزائرة إلى ما يناسبها في أقلّ وقت، لا أن تشرح لها ما هي المنصّة.

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

التفاصيل الطباعية التي تحدّد الإحساس

في المنصّات القائمة على النص، الطباعة ليست تفصيلاً جمالياً بل هي التصميم نفسه. الفارق بين موقع محتوى مريح وآخر مرهق يكمن في قرارات لا يلاحظها القارئ إطلاقاً حين تكون صحيحة.

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

سلوك القارئة: المشاركة والعودة

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

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

البحث الداخلي كضرورة لا كإضافة

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

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

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

الحالات الفارغة وحالات الانتظار

الجزء الذي يُهمَل في معظم المنصّات هو ما يظهر حين لا يوجد محتوى: فئة جديدة بلا مواد، بحث بلا نتائج، أو شاشة تنتظر التحميل.

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

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

أسئلة عن تصميم المنصّات

لماذا تجنّب اللون النمطي في منصّة موجّهة للنساء؟

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

ما أهم قرار في منصّة محتوى؟

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

لماذا التصميم للجوال أولاً؟

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

خلّينا نبني مشروعك الجاي

احكيلنا عن فكرتك ونرجعلك بخطة تنفيذ وسعر واضح.

أخبرنا بما تحتاجه

اترك اسمك ورقمك وسنعاود التواصل معك في أقرب وقت — أو افتح النموذج الكامل لإرسال تفاصيل أوسع.

بياناتك آمنة ولن تُشارك مع أى طرف.