Filis

01السياق

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

02التعاطف: 56 طالبًا

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

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

03التحديد: المحاور والشخصيات

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

الملاحظة التي غيّرت كل شيء: توقعت أن الطلاب يريدون ميزانية صارمة، لكنهم في الحقيقة أرادوا حماية دون أحكام.

04توليد الأفكار: المسارات والهيكل

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

05قرارات التصميم

• رقم واحد أولًا

  تبدأ الرئيسية بـ“الآمن للصرف اليوم” لا برصيد خام لا يوضح ما هو آمن.

• سجّل بصوتك

  “صرفت هلأ 2 دينار على قهوة” تتحول إلى معاملة. ومسح الفاتورة والإدخال اليدوي متاحان أيضًا.

• التصميم نفسه وقت الأزمة

  يحافظ وضع الطوارئ على البنية نفسها، ويتغير اللون والمحتوى فقط، فلا حاجة لتعلّم شيء من جديد.

• اجتماعي لا منعزل

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

06نظام التصميم

بُني Filis على متغيرات Figma (رموز التصميم): ‏201 متغيرًا للألوان والخطوط والمسافات والزوايا والظلال، فتقود القيم نفسها كل الشاشات والأداة ومعاينات عمى الألوان.

07فحص الإتاحة

فحصت كل زوج من النص والخلفية وفق WCAG 2.1: ألوان النجاح والتحذير والخطأ المستخدمة للنصوص تحقق تباينًا يقارب 7:1. وفي محاكاة عمى الألوان (يحتوي الملف على معاينات للرئيسية بأنواع عمى الألوان الثلاثة) بدا النجاح والخطأ متشابهين تقريبًا، لذلك لا تعتمد الحالة على اللون وحده أبدًا: الأيقونات والأشكال تحمل المعنى أيضًا.

08النموذج التفاعلي: من أول تشغيل إلى وضع الطوارئ

هذا نموذج Figma الكامل بشكل حي. تنقّل فيه كأنه التطبيق الحقيقي: التسجيل، والشاشة الرئيسية، وإضافة مصروف، وبقية المسار.

شغّل النموذج الحي

يعمل داخل Figma: اضغط على العناصر كأنه المنتج الحقيقي. حجم التحميل تقريبًا 2–4 ميغابايت. افتحه بملء الشاشة في Figma (تبويب جديد)

تفضّل نظرة سريعة؟ في الأسفل الشاشات الأساسية واحدة تلو الأخرى مع الملاحظات.

تنقّل بين شاشات المسار الأساسي من نموذج Figma: تسجيل من أربع خطوات يطلب الأساسيات فقط، وتسجيل مصروف بالصوت، واللحظة التي ينتقل فيها Filis إلى وضع الطوارئ.

09التعلّم والأهداف والتحكم

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

10ما تعلّمته

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

• الخطوة التالية: اختبار استخدام لتسجيل المصروف ووضع الطوارئ والأهداف وتقسيم الفاتورة مع طلاب حقيقيين.