قبل الإطلاق: تخطيط تصميم واجهات المستخدم وتجربة المستخدم لمنتجات الويب 3

ما الذي ينتمي إلى محادثة تصميم خاصة؟

محادثة أولى مفيدة تحدد المنتج ومستخدميه والرحلة الأكثر أهمية. لا تحتاج إلى مواصفات كاملة؛ وصف واضح لمهمة المستخدم يعطينا نقطة بداية عملية.

تقوم جهة اتصال محددة من Premium Promotions بتنسيق النقاش وتحافظ على سرية المواد العاملة. قبل بدء عمل الواجهة، نؤكد من يمكنه رؤية الملفات، ومن يجمع الملاحظات، وأي القرارات تتطلب موافقتك الخطية. لا تتم مشاركة أي شيء خارج مجموعة المشروع المتفق عليها دون موافقتك.

يمكن أن تتضمن مذكرة تحضيرية قصيرة:

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

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

ملف عمل خاص، مع إبقاء القرارات مرئية

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

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

يمكن أن تتضمن المراجعة:

• بحث المستخدم ومراجعة المنافسين لفهم السياق.
• تدفقات تظهر القرارات والفروع ومسارات العودة.
• رسوم تخطيطية تحدد الهيكل قبل التحسين البصري.
• مكونات الواجهة وملاحظات لرحلات المستخدم المتفق عليها.
• نموذج أولي قابل للنقر لجولة تفصيلية.

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

رحلات المحفظة والمعاملات، مدروسة في السياق

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

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

نموذج أولي مفيد يجعل القرار مرئيًا قبل بناء المنتج.

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

تسليمات Figma، مرتبة حول الرحلة المتفق عليها

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

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

إيقاع مراجعة منظم، مع حدود واضحة

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

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

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

الملاحظة الأولى والقرارات الثلاثة التالية

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

ثم يحسم التبادل المبكر ثلاثة قرارات:

1. رحلة البداية: أين يبدأ المستخدم وما يحتاج إلى إكماله.
2. دائرة المراجعة: من يمكنه فحص المسودات وتقديم ملاحظات موحدة.
3. أول تسليم: ما إذا كان العمل يجب أن يبدأ بالبحث، أو التدفق، أو النموذج الأولي، أو نظام واجهة أوسع.

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

كيف نعمل

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