علوم ري — تصميم تجربة المستخدم والتدقيق

منصة غير ربحية تهدف إلى إثراء المحتوى العلمي العربي. شملت مساهمتي تصميم الإطارات الهيكلية (Wireframes)، وتطوير الهوية البصرية، وإجراء تقييم استدلالي (Heuristic Evaluation) مكوّن من 13 صفحة على المنتج بعد إطلاقه.

موقع ويب متجاوب

تدقيق تجربة المستخدم

مصمم واجهات وتجربة المستخدم

#قطاع_غير_ربحي

تفاصيل المشروع

المشكلة

المشكلة

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

النتيجة

النتيجة

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

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

أهداف العمل وهيكلة المعلومات

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

وقد تم وضع حجر الأساس للمنصة من خلال خريطة موقع (Site Map) شاملة. أما بالنسبة لصفحة الهبوط الرئيسية (Landing Page)، فقد تم بناء مخطط هيكلي (Wireframe) استراتيجي لتوجيه رحلة المستخدم.

بالإضافة إلى ذلك، تم رسم مخططات هيكلية منخفضة الدقة (Low-fidelity wireframes) للعمليات الخلفية الحساسة، مثل مسار إنشاء المقالات الخاص بالكُتّاب.

التنفيذ البصري

لتعكس المنصة طابعها العلمي، تم إعداد لوحة إلهام (Mood Board) تؤسس لهوية بصرية موثوقة تعتمد على الألوان الزرقاء والطباعة النظيفة لتقليل العبء المعرفي أثناء القراءة المطولة.

التنفيذ النهائي عالي الدقة يشمل:

  • صفحة هبوط متجاوبة بالكامل.

  • صفحات أخطاء (404) جاذبة.

  • قوالب رسائل البريد الإلكتروني.

  • قالب تصميم واضح لنموذج التقديم على فرصة.

التدقيق والتقييم بعد الإطلاق

بعد إطلاق النسخة الأولية من المنصة، رُصِدَ فجوة بين أهداف التصميم والتنفيذ التقني. ولحل هذه المشكلة، أُجري تقييم استكشافي منهجي (Heuristic Evaluation) شمل 13 صفحة من صفحات الموقع الحية.

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

© 2026 #نذير جميع الحقوق محفوظة.

متاح لوظائف UX/UI والعمل الحر.

© 2026 #نذير جميع الحقوق محفوظة.

متاح لوظائف UX/UI والعمل الحر.

© 2026 #نذير جميع الحقوق محفوظة.

متاح لوظائف UX/UI والعمل الحر.

Create a free website with Framer, the website builder loved by startups, designers and agencies.