نظرة عامة
تورا منتج سعودي يساعد المستخدم على اكتشاف التجارب والدورات التي تناسب اهتماماته ومزاجه وسياقه. طورت المنتج من الفكرة واستراتيجية التجربة إلى تصميم الواجهات والتنفيذ.
السياق
يكتشف المستخدم التجارب غالبًا عبر منشورات متفرقة ورسائل ومواقع متعددة. هذا التشتت يجعل المعلومات غير موحدة ويزيد الجهد المطلوب قبل اتخاذ القرار.
المشكلة
المشكلة الأساسية لم تكن قلة الخيارات، بل صعوبة الوصول بسرعة إلى خيار مناسب والشعور بالثقة الكافية لاتخاذ الخطوة التالية.
- الاكتشاف موزع بين قنوات متعددة.
- جودة المعلومات وطريقة عرضها غير متسقة.
- التصفح القائم على التصنيفات فقط يسبب إرهاق القرار.
- العربية والإنجليزية تحتاجان تجربة متكافئة.
الأهداف
بناء رحلة اكتشاف واضحة ومحلية وسهلة بصريًا.
- الوصول إلى خيارات مناسبة بسرعة أكبر.
- تسهيل المقارنة واتخاذ القرار.
- بناء نظام مرن قابل للتوسع.
- تقديم تجربة متسقة بالعربية والإنجليزية.
دوري
توليت تجربة المنتج من البداية إلى النهاية: تحديد الفكرة، بناء الرحلات، تصميم الواجهات، إنشاء نظام التصميم، وتنفيذ المنتج. وربطت قرارات التصميم بإمكانية التنفيذ بدل اعتبار التسليم للمطور نهاية العمل.
العملية
بدأت بتحديد مشكلة الاكتشاف والمعلومات التي يحتاجها المستخدم قبل الاختيار، ثم اختصرت رحلة البداية إلى القرارات الأكثر فائدة. اختبرت البنية والهرمية بالوايرفريم قبل الانتقال إلى التفاصيل البصرية، ثم حولت الواجهة إلى مكونات قابلة لإعادة الاستخدام داخل الكود.
القرارات الرئيسية
كان القرار الأهم هو تجاوز التصفح بالتصنيفات فقط. يعتمد تورا على الاهتمامات والمزاج والسياق ليجعل الاكتشاف أكثر ملاءمة دون إجبار المستخدم على استبيان طويل.
- استخدام بطاقات بصرية تسهّل المسح السريع.
- إبقاء معلومات القرار الأساسية قريبة من كل تجربة.
- فصل الاكتشاف والمحفوظات والخريطة والملف الشخصي بوضوح.
- عرض التفاصيل تدريجيًا بدل ازدحام الشاشة الأولى.
نظام التصميم
أنشأت لغة بصرية قابلة لإعادة الاستخدام تشمل البطاقات والتايبوغرافي والمسافات والأزرار والحالات والتنقل. يجمع النظام بين قاعدة كحلية ودرجات مرجانية وذهبية دافئة ليعطي المنتج شخصية سعودية حديثة دون الاعتماد على الزخرفة المباشرة.
إمكانية الوصول
راعيت وضوح التباين، ودعم تكبير النص، وأحجام مناطق اللمس، والبنية الدلالية، والتسميات الواضحة، والحالات التي لا تعتمد على اللون وحده. الحركة عنصر مساعد وليست شرطًا لفهم الواجهة.
العربية واعتبارات RTL
عوملت العربية كلغة أساسية للمنتج وليست طبقة ترجمة. تمت مراجعة اتجاه التخطيط، ومعنى الأيقونات، والمحاذاة، وتمدد النص، والمحتوى المختلط، وترتيب التنقل بشكل مستقل في RTL وLTR.
التطوير
بدأ المنتج باستخدام SwiftUI ثم أعيدت هيكلته باستخدام Flutter لبناء أساس قابل للتوسع عبر المنصات. نُفذت المكونات وإدارة التنقل والمصادقة والتعريب والمحفوظات وحالات البيانات وفق قواعد التصميم نفسها المستخدمة في Figma.
النتيجة
انتقل تورا من فكرة إلى منتج فعلي منشور، برسالة واضحة وتجربة ثنائية اللغة وأساس تقني قابل للتطوير. ويعكس المشروع قدرتي على الجمع بين التفكير بالمنتج وتصميم التفاعل والأنظمة البصرية والتنفيذ.
ما تعلمته
أفضل القرارات جاءت من تبسيط السؤال الذي نقدمه للمستخدم. كما أن تنفيذ الواجهة بنفسي كشف الحالات الطرفية مبكرًا وجعل نظام التصميم أكثر واقعية وانضباطًا وقابلية لإعادة الاستخدام.