معظم الشركات الكويتية التي تحكي لي عن مشاكل التطبيق الخاص بهم تقول: "المستخدمون لا يكملون الشراء." أول سؤال أطرحه: "أين موقع زر الشراء؟" في نسبة 70% من الحالات، الزر في المكان الخطأ تماماً. ليس هناك مشكلة في الميزة — هناك مشكلة في التصميم.
أنا شُفت هذا الخطأ بالذات يغرق مشاريع كانت ممولة تمويلاً جيداً. إنفاق كويتي + سعودي = صفر نتائج. المشكلة لم تكن في الفكرة ولا في الترويج — كانت أن المستخدم لا يستطيع إكمال الحركة الأخيرة براحة.
مناطق الإبهام: الخريطة الحقيقية لهاتفك
عندما تمسك الهاتف بيد واحدة، إبهامك يصل إلى مناطق معينة بسهولة — ومناطق أخرى لا. هذا ليس رأي. هذا جغرافيا فيزيائية.
قسّم شاشة الهاتف إلى ثلاث مناطق:
المنطقة الخضراء (سهلة)
ارتفاع 40-60% من الشاشة، وسط وأسفل قليلاً. هنا يضع إبهامك بلا تفكير. هنا تضع الزر الرئيسي: "إشتري الآن"، "أرسل الطلب"، "سجّل".
المنطقة الصفراء (متوسطة)
الربع الأول والربع الأخير من الشاشة. تصل إليها بمجهود صغير. الأزرار الثانوية: "عرض المزيد"، "اختيارات"، "شارك".
المنطقة الحمراء (صعبة)
أعلى الشاشة تماماً. إبهامك لا يصل إليها بسهولة. ضع هناك الأشياء التي المستخدم لا يحتاج إليها الآن: "الإعدادات"، "التعليمات"، القائمة.
في 2023 عملنا مع متجر كويتي صغير. كانوا يضعون زر "إكمال الشراء" في المنطقة الحمراء — أعلى الشاشة. عدّلنا الموقع وحدهم لمرة واحدة. معدل من دخل الصفحة إلى إكمال الشراء ارتفع من 2.1% إلى 5.3%. الزر نفسه. اللون نفسه. الحجم نفسه. الفرق الوحيد: المكان.
رأيت هذا يحدث مراراً. الشركات تستثمر آلاف الدنانير في الإعلانات والتصميم الجميل، لكن الزر في المكان الخطأ. كل ضغطة يفقدونها، المستخدم يستسلم.
الإيماءات: لا تفترض أن المستخدم يعرف
سويب يميناً. سويب يساراً. تاب طويل. سحب وإسقاط. بينح بالإصبعين. كل هذه الإيماءات عملية — لكن ليس كل مستخدم يعرفها.
أرقام حقيقية: 34% من مستخدمي تطبيقات المتاجر في الكويت لا يعرفون أن بإمكانهم سويب يميناً للرجوع. يضغطون على الزر الرجوع بدلاً من ذلك — إذا كان موجوداً.
النقطة المهمة هنا: الإيماءات ليست مجاناً. لا تفترض أن المستخدم سيحدسها. الإيماءة الوحيدة الآمنة 100% هي التاب (الضغطة). كل شيء آخر ضعيف الاحتمالية.
الحل؟
- للإيماءات الأساسية (مثل السويب): أضف تلميح بصري في المرة الأولى. عندما يدخل المستخدم الصفحة، اعرض سهم خفيف يشير إلى الاتجاه. بعد ثانيتين، اختفِ.
- للإيماءات الثانوية: لا تعتمد عليها فقط. أضف زر احتياطي يفعل الشيء نفسه.
- للإيماءات المعقدة (سحب وإسقاط): حتى لا تستخدمها. بسّط الإجراء إلى تاب + تأكيد.
عميل عندي في دبي كان عنده تطبيق مشاركة صور. اعتمد على السويب لحذف الصورة. نسبة من يحذفون صور بالفعل = 4%. لما أضفنا زر حذف ظاهر، ارتفعت إلى 23%. نفس الإيماءة. لكن الزر الظاهر أعطى المستخدم ثقة.
اختبارات A/B: الطريقة الوحيدة للعلم الحقيقي
من تجربتي في قيادة مشاريع في الكويت والخليج، اكتشفت أن التخمين = خسارة. أنت قد تعتقد أن الزر الأحمر أفضل من الأزرق، أو أن النص "إشتري الآن" أفضل من "أضف إلى السلة". لكنك مخطئ 50% من الوقت.
لا تعتمد على الحدس. اختبر.
ملاحظة: اختبار A/B ليس رفاهية
الشركات الصغيرة تقول: "A/B testing مكلف وفوضى." أنا أقول: عدم الاختبار هو الفوضى. اختبار واحد قد يزيد إيراداتك بـ 30-40%. التكلفة = ساعة تطوير أو أقل. العائد = آلاف الدنانير الإضافية هذا الشهر.
أشياء يجب اختبارها على أولوية:
| العنصر | اختبر ماذا | النتيجة المتوقعة |
|---|---|---|
| نص الزر الرئيسي | "إشتري الآن" مقابل "أكمل الدفع" مقابل "اطلب الآن" | فرق 15-25% في معدل التحويل |
| موقع الزر | أسفل الصفحة مقابل ملتصق في الأسفل مقابل عائم | فرق 20-50% — الموقع = كل شيء |
| لون الزر | أحمر مقابل أخضر مقابل أزرق | فرق 5-15% — لون مهم لكن أقل من الموقع |
| عدد الحقول في النموذج | 3 حقول مقابل 5 مقابل 7 | كل حقل إضافي = نقص 10-15% في الإكمال |
| الصورة البطلة | صورة منتج مقابل شخص يستخدم المنتج مقابل رقم على الشاشة | فرق 10-30% في الضغطة |
كيف تُجري اختبار A/B صحيح؟
- اختر متغير واحد فقط. غيّر الزر أو الصورة أو النص — لا تغيّر كل شيء في نفس الوقت.
- اشتغل مع 50% من المستخدمين النسخة القديمة، 50% النسخة الجديدة. عشوائي. ليس "يوم الاثنين النسخة القديمة، يوم الثلاثاء الجديدة".
- اترك الاختبار يجري لمدة 7-14 يوم على الأقل. يوم أو يومين = لا يكفي. المستخدمون مختلفون كل يوم.
- احسب النسبة الإحصائية. لا تعتمد على رقم واحد. انظر إلى المتوسط والانحراف المعياري. عندك Google Analytics أو Mixpanel؟ استخدمهما.
- اختبر واحد بعد الثاني. لما تنتهي من اختبار A/B، ابدأ الاختبار التالي بناءً على الفائز.
حين يأتيني عميل يسأل: "كيف نزيد التحويل؟" أول سؤال أطرحه عليه: "كم اختبار A/B أجريتم في الشهر الماضي؟" 99% يقولون: "صفر." عندئذ أعرف أين المشكلة.
مناطق الإبهام + الإيماءات + الاختبارات = النصيحة الحقيقية
تصميم UX الناجح للجوال لا يحدث بالمصادفة. هو عملية ثلاثية:
الأول: ضع الأشياء المهمة في المنطقة التي يصل إليها إبهام المستخدم براحة. لا تضعها في أعلى الشاشة وتتفاجأ عندما لا أحد يضغطها.
الثاني: تجنب الإيماءات المعقدة. اعتمد على التاب، والباقي اختياري. إذا احتجت إيماءة، وضح لهم كيف يفعلوها.
الثالث: اختبر. اختبر. اختبر. لا تقرر بناءً على الحدس. الأرقام ستخبرك الحقيقة.
الشركات الكويتية التي رأيتها تنجح مع التطبيقات؟ هي التي عملت بهذه الثلاثة. الشركات التي فشلت؟ بنت تطبيقاً جميلاً لكن نسيت أن المستخدم يمسك الهاتف بيد واحدة.
إذا كنت تبني أو تعدّل تطبيقاً الآن، ابدأ من هنا. اختبر مواقع الأزرار الرئيسية. احذف الإيماءات المعقدة. اجرِ اختبار A/B على الأقل واحد الشهر. ستفاجأ من النتائج.