المصرفية الحوارية · مبادرة شخصية

توقفت عن تصميم ميزة، وبدأت في تصميم محادثة.

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

استكشاف شخصي بمبادرة ذاتية. الاستراتيجية، والتصميم، وبرمجة الواجهة الأمامية، كلها من عملي، من البداية إلى النهاية.

من أين بدأ

كنت أصطدم دائمًا بنفس اللحظة المكسورة. تسأل تطبيقك المصرفي سؤالاً إنسانيًا: «كيف كان إنفاقي؟»، فيجيبك كآلة: فقرة كثيفة، أو أسوأ من ذلك، لوحة بيانات محشورة داخل فقاعة محادثة. كلاهما يعامل سؤالك كاستعلام يُبحث عنه ثم يُغلق.

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

تعامل معظم التطبيقات المصرفية سؤال «كيف كان إنفاقي؟» كاستعلام يجب الإجابة عنه. أردت أن أعامله كمحادثة يجب فتحها.

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

حالة الراحة. هادئة عن قصد. المحادثة تُفتح بهدوء، لا تستقبلك باثنتي عشرة أداة.

لماذا لم يملأ أحد هذه الفجوة

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

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

سؤال واحد، ثلاثة أشخاص

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

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

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

---

القرارات التي أقف خلفها

صممت للويب، بينما كل غريزة تقول الجوال

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

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

التعمّق طبقة، لا مكان تذهب إليه

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

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

برمجته بنفسي، لأن النموذج التصميمي لا يستطيع إثبات شعور

يستطيع نموذج Figma أن يريك كيف تبدو السرعة. لا يستطيع إثبات أنها تُشعرك بالسرعة، إنه تسجيل لشعور، لا الشعور نفسه. أزعجني هذا بما يكفي لأبني المشروع بأكمله بـ Vanilla JS وHTML، بلا مكتبات إطلاقًا، وأركّب عدّاد زمن استجابة حي يقيس الزمن الفعلي من الضغط حتى رسم الإطار باستخدام performance.now() وrequestAnimationFrame مزدوج.

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

الاقتراح يجب أن يُكتسب

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

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

---

الاثنان اللذان أسقطتهما

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

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

أين أخطأت، وأين عدت

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

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

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

ما سأقوله بصراحة

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

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

شاهده يتحرك

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