كيف تعيد تصميم تطبيق قائم دون أن تخسر مستخدميك: خطة من 7 خطوات (مع مثال حقيقي)
إعادة تصميم تطبيق يستخدمه الناس فعلاً أخطر من تصميم تطبيق جديد. إليك خطة من سبع خطوات لتنفيذها بأمان، مع ما غيّرناه ولماذا حين أعدنا تصميم تطبيق أدوري لطلب الكيك في قطر.
لإعادة تصميم تطبيق قائم دون خسارة المستخدمين: اعرف أين يتعثر الناس، وحدّد ما يجب أن يبقى كما هو، وأصلح المسار الأساسي قبل الشكل، واختبر التصميم الجديد مع مستخدمين حقيقيين، وأطلقه على مراحل مع طريق للعودة. أغلب عمليات إعادة التصميم الفاشلة تتخطى أول خطوتين. تغيّر شكل التطبيق وتترك المشكلات الحقيقية في مكانها.
هذه هي الخطة التي نتبعها، مع أمثلة من إعادة تصميمنا لتطبيق أدوري (Adori)، وهو تطبيق لطلب الكيك المخصّص في الدوحة، قطر.
متى يحتاج التطبيق فعلاً إلى إعادة تصميم؟
تستحق إعادة التصميم حين تكون المشكلة في التجربة لا في خاصية ناقصة. ومن العلامات المعتادة:
- الناس يبدؤون طلباً أو تسجيلاً ولا يكملونه
- العملاء يتصلون بالدعم أو يراسلونه لفعل ما يُفترض أن يتيحه التطبيق
- أجزاء مفيدة من التطبيق لا يكتشفها أحد
- التطبيق يبدو أقدم من النشاط الذي يقف خلفه، وهذا يكلّف ثقة
- كل خاصية جديدة تجعل التطبيق أصعب استخداماً، لأنه لا يوجد نظام خلف التصميم
وإذا رأيت إحدى هذه العلامات في موقعك فراجع 7 علامات على أن موقعك يحتاج إعادة تصميم.
الخطوة 1: اعرف أين يتعثر المستخدمون
ابدأ بالأدلة لا بالآراء. انظر إلى:
- التحليلات: الشاشة التي يغادر عندها أغلب الناس المسار
- رسائل الدعم والمكالمات: ما الذي يطلب الناس المساعدة فيه
- التقييمات في App Store و Google Play
- مشاهدة خمسة أشخاص يستخدمون التطبيق. راجع ما هو اختبار قابلية الاستخدام وكيف تجريه
في أدوري كانت في التطبيق القديم ثلاث مشكلات واضحة. كان العملاء يتعثرون في منتصف الطلب. وكانوا يشترون منتجاً واحداً ويذهبون مباشرة إلى الدفع دون أن يروا الباقات أو الورود أبداً. ومع أن التطبيق كان يتيح تخصيص الكيك أصلاً، كان كثيرون يتصلون بالدعم أو بالشيف ليشرحوا ما يريدون.
الخطوة 2: حدّد ما يجب ألا يتغيّر
لمستخدميك الحاليين عادات. اكتب ما يعتمدون عليه قبل أن تحرّك أي شيء:
- حساباتهم وعناوينهم المحفوظة وسجل طلباتهم
- الإجراء الأساسي الذي يأتون من أجله، ومكانه
- الكلمات والتسميات التي يفهمونها أصلاً
لا تغيّر هذه إلا لسبب قوي. وكل ما عداها مفتوح للتغيير.
الخطوة 3: أصلح المسار الأساسي قبل الشكل
المسار الأساسي هو الطريق الذي يُكسب النشاط مالاً: الطلب، الحجز، التسجيل. أعد تصميمه أولاً على الورق أو كإطارات أولية قبل اختيار الألوان.
في أدوري كان المسار الأساسي هو تصميم كيك وطلبه. أعدنا بناءه كأداة تخصيص خطوة بخطوة: الشكل والحجم والنكهة واللون والإضافة العلوية، قرار واحد في كل مرة، مع معاينة حية وسعر ظاهر دائماً. وكان الهدف بسيطاً: أن يصمّم العميل الكيك وحده دون أن يتصل بأحد.
الخطوة 4: ضع العرض المناسب في اللحظة المناسبة
الخصائص المخفية مشكلتها غالباً في المكان. في أدوري القديم لم تكن الورود والباقات تظهر في الشاشة الرئيسية إطلاقاً. وفي التصميم الجديد يظهر الكيك والورود جنباً إلى جنب كأول اختيار، وتُعرض الباقات والإضافات داخل مسار الطلب في اللحظة التي تكون فيها مناسبة.
وهذا هو الفرق بين عرض إضافي مزعج وعرض مفيد: أن يظهر حين يكون العميل في لحظة القرار أصلاً.
الخطوة 5: ابنِ نظام تصميم لا مجموعة شاشات
إعادة التصميم المكوّنة من شاشات منفردة تبدأ في التفكك من اليوم التالي للإطلاق. حدّد الألوان والخطوط والمسافات والمكوّنات القابلة لإعادة الاستخدام مرة واحدة، ثم ابنِ كل شاشة منها. فيبني المطوّرون أسرع، وتبدو الخاصية التالية جزءاً من التطبيق. المزيد في ما هو نظام التصميم وهل تحتاجه.
وفي أدوري حمل النظام الهوية الجديدة أيضاً: شعار بخط يدوي، ولوحة ألوان جريئة من الأحمر والأصفر، ورسوم ثلاثية الأبعاد مرحة، مستخدمة باتساق في التطبيق كله.
الخطوة 6: اختبر قبل أن تبني
اصنع نموذجاً أولياً قابلاً للنقر للمسار الأساسي الجديد وضعه أمام مستخدمين حقيقيين. أعطهم مهمة، والتزم الصمت، وراقب. أنت تبحث عن المواضع التي يترددون عندها. إصلاح النموذج الأولي يكلّف ساعات، وإصلاح تطبيق منشور يكلّف أسابيع.
الخطوة 7: أطلق على مراحل وقِس
- اتفق على الأرقام أولاً. حدّد قبل الإطلاق ما ستقارنه: الطلبات المكتملة، وقت إنهاء المسار الأساسي، طلبات الدعم.
- أطلق لنسبة من المستخدمين إذا كان إعدادك يسمح، ثم للجميع.
- أخبر المستخدمين بما تغيّر باختصار عند أول فتح للنسخة الجديدة.
- أبقِ طريقاً للعودة في الأيام الأولى: النسخة السابقة جاهزة للاستعادة.
- اقرأ التقييمات ورسائل الدعم يومياً في أول أسبوعين.
ما الذي يجب أن تتجنبه؟
أسرع طريقة لخسارة المستخدمين في إعادة التصميم هي أن تنقل الشيء الذي جاؤوا من أجله.
- إعادة تصميم كل شيء دفعة واحدة دون طريقة لمعرفة ما الذي أفاد.
- تغيير الشكل والإبقاء على المسار المعطوب.
- حذف خصائص لأن الفريق لا يستخدمها، دون التحقق ممن يستخدمها.
- إهمال حالات الفراغ والتحميل والخطأ، فيبدو التطبيق الجديد أقل اكتمالاً من القديم.
- التصميم بمعزل عن المطوّرين. تصميم يتجاهل طريقة بناء التطبيق يكون بطيئاً ومكلفاً في التنفيذ.
من فعل ماذا في أدوري
صمّمت Flowlix الهوية البصرية الجديدة وتجربة التطبيق كاملة، من أداة تخصيص الكيك إلى الباقات والدفع وتتبّع الطلب وبرنامج الولاء. وبنى التطبيق شريكنا في التطوير WeDigits. والقصة الكاملة، مع الشاشة الرئيسية قبل وبعد، في دراسة حالة أدوري.
عن Flowlix
Flowlix Studio استوديو تصميم وتطوير في الإسماعيلية، مصر. نصمّم المنتجات ونبنيها: تصميم UI/UX، ومواقع وتطبيقات ويب بـ React و Next.js، وتطبيقات موبايل بـ Flutter و React Native، والهوية البصرية والمتاجر الإلكترونية. ونعمل مع عملاء في مصر والسعودية والإمارات وقطر.
الأسئلة الشائعة
كم تستغرق إعادة تصميم تطبيق؟
يعتمد على حجم التطبيق. عُدّ المسارات والحالات لا الشاشات فقط. وللجداول الزمنية المعتادة راجع كم يستغرق تصميم وبناء موقع أو تطبيق.
هل أعيد التصميم أم أعيد البناء؟
أعد التصميم حين تكون التجربة هي المشكلة والكود سليماً. وأعد البناء حين تكون التقنية نفسها عائقاً: بطيئة، أو صعبة التغيير، أو لم تعد مدعومة.
هل سأخسر مستخدمين بعد إعادة التصميم؟
بعض الشكاوى في الأيام الأولى طبيعي، لأن الناس لا يحبون التغيير. أما الخسارة الدائمة فتأتي غالباً من نقل الإجراء الأساسي أو حذفه. وحماية ذلك هي غاية الخطوة 2.
هل أحتاج هوية جديدة لإعادة تصميم تطبيق؟
لا. كثير من عمليات إعادة التصميم تُبقي الهوية وتصلح التجربة. والهوية الجديدة منطقية حين لا تعود الهوية الحالية مناسبة للنشاط.
تحدّث معنا
احجز استشارة مجانية عبر واتساب. أرسل لنا تطبيقك، وسنخبرك أين يتعثر المستخدمون على الأرجح وما الذي تتطلبه إعادة التصميم، مع عرض سعر ثابت خلال 48 ساعة.