المشكلة
storiad منصّة تسويق للمؤلّفين: أدوات ترويج كتب، إدارة حملات، توليد press kit، قوائم اتصال إعلامية. كان المنتج مفيداً فعلاً. الفريق كان يبني ميزات لسنوات وكان لديه عملاء يدفعون.
لكن تجربة المستخدم تراكمت ديونها. أُضيفت ميزات دون نظام متماسك. نمت الملاحة لاستيعاب كل شيء. المستخدمون الجدد كانوا مرتبكين. المستخدمون المتقدّمون كان لديهم workarounds لسير عمل كان يجب أن يكون بسيطاً.
أتى المؤسّس إلينا لا لإعادة علامة، بل لإعادة تصميم واضحة ستجعل المنتج يبدو جيداً كما هو فعلاً.
التدقيق
بدأنا السبرنت بتدقيق UX بدلاً من اكتشاف جديد. كان storiad منتجاً حياً بمستخدمين حقيقيين، فالعمل كان جنائياً لا استكشافياً.
أجرينا:
- تقييماً heuristic للمنتج كاملاً مقابل مبادئ Nielsen العشرة لقابلية الاستخدام
- مراجعة تسجيلات جلسات (12 جلسة مستخدم) لإيجاد أين كان المستخدمون يتردّدون أو يتركون التدفّقات
- جرد ميزات لتحديد الوظائف المهجورة والمسارات المكرّرة
- مقابلات مع أصحاب المصلحة في فريق المنتج لفهم ما خُطِّط له مقابل ما أُثبِت
أبرز التدقيق نمطاً متّسقاً: كان المستخدمون يفقدون السياق. يبدؤون حملة، يتنقّلون إلى قائمة اتصالات لإيجاد اتصال إعلامي، ويفقدون أين كانوا في تدفّق الحملة. احتاج المنتج توجيهاً مكانياً أقوى.
ما أعدنا تصميمه
طال إعادة التصميم ثلاث مناطق.
الملاحة والتوجيه. قلّصنا الملاحة عالية المستوى من 9 عناصر إلى 4. كل شيء آخر انتقل إلى قوائم سياقية داخل كل قسم. أضفنا نظام breadcrumb دائماً وشريط نشاط حديث ليتمكّن المستخدمون دائماً من توجيه أنفسهم.
باني الحملات. كان الباني الأصلي نموذجاً متعدّد الصفحات يفقد الحالة عند الملاحة. أعدنا تصميمه كسير عمل بلوحة جانبية دائمة بمعاينة فورية. المستخدمون الآن يستطيعون بناء حملة بينما يرون كيف ستبدو لاتصال إعلامي.
مولّد press kit. الميزة الأكثر استخداماً في المنتج، وتلك ذات الاحتكاك الأكبر. أعدنا تصميمها كتدفّق خطوات موجَّه بمعاينة حيّة تتحدّث بينما يملأ المؤلّفون معلوماتهم.
نظام التصميم
لأن فريق storiad كان يبني داخلياً، نظام تصميم عامل كان مهمّاً بقدر الشاشات المعاد تصميمها. سلّمنا:
- مكتبة مكوّنات في Figma تغطّي أكثر من 60 مكوّناً عبر 4 حالات لكل واحد
- نظام تباعد وشبكة موثَّقاً بقواعد استخدام
- نظام ألوان بتسمية دلالية (لا مجرّد قيم hex)
- مقياس طباعة بحالات استخدام محدّدة لكل مستوى
- مكتبة أنماط تغطّي التدفّقات الشائعة مثل الحالات الفارغة، التحميل، ومعالجة الأخطاء
+60
مكوّناً مبنياً
من 9 إلى 4
عناصر ملاحة قُلِّصت
30
يوم سبرنت
النتيجة
شُحن المنتج المُعاد تصميمه على مراحل خلال 3 أشهر. تغيير الملاحة وحده قلّل متوسّط وقت إكمال حملة بـ34% وفقاً لمقاييس storiad الداخلية.
استُخدم نظام التصميم منذ ذلك الحين لشحن 4 ميزات جديدة دون أي استشارة تصميم، وهو الهدف من اليوم الأول.