إيماءة الضغط المطوَّل التي صارت توقيعنا

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

ثمّة طقس صغير يتكرّر في كلّ مرّة تجرّب فيها امرأة Mademoiselle لأوّل مرّة. تولّد قصّة شعر. تنظر إلى الصورة. ثمّ، شبه لا إراديّاً، يضغط إبهامها. يبقى ثانية. يُرفع. يُضغط من جديد.

نحن لم نخترع هذه الإيماءة. نظام iOS يدرّب الأصابع على الضغط المطوَّل منذ سنوات. ما فعلناه نحن أن بَنَيْنا منتجاً تسكن فيه اللحظة الأكثر عاطفيّة خلف تلك الإيماءة — وتركنا الناس يكتشفونها كما يُكتشف سرّ.

النموذج الأوّل كان صادقاً، وقبيحاً قليلاً

حين بدأنا Mademoiselle، كان طلب مؤسِّستنا بسيطاً. أَرِينا النساء النسخة التي لم يلتقينها بعد من أنفسهنّ.

التأويل الأكثر حرفيّةً كان شريط مقارنة. خطّ عموديّ في منتصف الصورة. اسحبي يساراً لرؤية الأصل. اسحبي يميناً لرؤية النسخة المولّدة. أطلقناه لمجموعة اختبار صغيرة في الرياض أواخر ٢٠٢٥، وكان، بكلّ المقاييس، لا بأس به.

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

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

ما الخطأ، على وجه التحديد

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

منتج الجمال ليس مسار تحقّق. هو دعوة. المستخدمة لا تدقّق في الذكاء الاصطناعي. المستخدمة تلتقي ذاتاً ممكنة.

التحوّل: الضغط المطوَّل لاختلاس نظرة

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

في عصر ذلك اليوم بنيناها. وبحلول الجمعة كنّا نختبرها. وبحلول الإثنين التالي عرفنا.

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

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

ميزانيّة الزمن المتاح

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

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

ما الذي فاجأنا

ثلاثة أمور، مرتّبة بحسب مقدار دهشتنا منها.

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

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

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

القاعدة التي كتبناها بعدها

بعد أن استقرّ الضغط المطوَّل، كتبنا مبدأ تصميم من سطر واحد، يجلس الآن على رأس مكتبتنا في Figma.

ينبغي أن يطابق الجهدُ العاطفةَ. الأشياء السهلة يجب أن تبدو كلا شيء. الأشياء المهمّة يجب أن تبدو نَفَساً محبوساً.

الضغط المطوَّل نَفَسٌ محبوس. والإفلات هو الزفير. والمنتج هو اللحظة الفاصلة بينهما.

هذا ما نبنيه.

أسئلة متكرّرة

لماذا لم تبقوا على شريط المقارنة جنباً إلى جنب كخيار؟

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

ما هي ميزانيّة الزمن المتاح لظهور الأصل؟

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

هل اختبرتموها A/B في مقابل الشريط؟

أجرينا جولة واحدة من الاختبارات النوعيّة مع ثماني مستخدمات. فاز الضغط المطوَّل في كلّ جلسة بلا استثناء. الأرقام جاءت لاحقاً — أوّلاً وثقنا بالصمت الذي خيّم على الغرفة.

Share

جرّبيها بنفسك

اذهبي الآن لتري نفسك في إطلالة جديدة.

افتحي Mademoiselle