كيفية تقديم تصميم ويب للعميل

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

كمصمم محترف ، يجب أن تعرف كيفية التواصل مع عميلك وتقديم منتجك بأفضل طريقة ممكنة. كلما كان العرض التقديمي أفضل ، كانت فرصة الموافقة على مشروعك أفضل.

في هذه المقالة ، سوف نشارك بعض أسرار العرض التقديمي الفعال وبعض الحيل لجعل عملائك يقعون في حب عملك. سنبدأ بعدد الخيارات التي يجب أن تقدم لعميلك بها.

كم عدد خيارات التصميم التي يجب أن أقدمها؟

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

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

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

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

كيف تجذب العملاء بعرضك التقديمي

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

# 1. صياغة المشكلة

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

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

# 2. خاطب عمل عميلك

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

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

# 3. صف عملية التصميم

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

# 4. إجراء محادثة

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

# 5. اجمع الملاحظات

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

كيفية جمع الملاحظات بالطريقة الصحيحة

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

1. التخطيط للمستقبل

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

2. اسأل أسئلة مركزة

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

لا تسأل عملائك "ما رأيك؟" بدلاً من ذلك ، اسألهم عما إذا كان هذا المفهوم يلبي أهداف أعمالهم أو كيف يفشل في القيام بذلك ، أو اسألهم عما إذا كانت لوحة الألوان تناسب وضع العلامة التجارية.

3. فهم المعنى الحقيقي

أثناء التعليق على مشروعك ، كثيرًا ما يقترح العملاء حلولًا بدلاً من الإشارة إلى المشكلة: "هل يمكنك تكبير هذا الزر؟ هل يمكنك إضافة المزيد من اللون الأخضر؟ " مهمتك هي تحديد المشكلة الأساسية أو تحدي الاختباء في تلك التعليقات.

اسألهم دائمًا لماذا: "لماذا تريد أن يكون هذا الزر أكبر؟ لماذا تعتقد أن المزيد من اللون الأخضر سيكون أفضل لموقعك على الويب؟ " يطرح داستن كورتيس ، مؤسس شركة Svbtle ، ثلاثة أسئلة على الأقل لعملائه حول آرائهم.

4. تطبيق المنطق واستشهد بالعلامات التجارية الشهيرة

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

تخيل أن عميلك طلب منك تقليل حجم الخط من 22 نقطة إلى 12 نقطة. في هذه الحالة ، يمكنك الرد بشيء مثل "هذه نقطة مثيرة للاهتمام. لكن كما تعلم ، قرأت مؤخرًا دراسة تظهر أن أحجام الخطوط الكبيرة يمكن أن تثير روابط عاطفية أقوى مع العلامة التجارية. بالمناسبة ، يستخدم Medium أيضًا خط 22 نقطة. "

ولا تستخدم العبارات التي تقع ضمن أسلوب "لقد أخبرتك بذلك". حاول إظهار التعاطف: "نعم ، لقد صدمت عندما سمعت هذا أيضًا."

5. احترم رأي العميل

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

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

أنت الآن تعرف بالفعل الجزء النظري: كيف تتصرف وماذا تقول أثناء تقديم أعمال التصميم الخاصة بك. ومع ذلك ، ليس من الواضح في أي شكل يجب أن تؤطر تصميمك. كيف يجب أن يبدو النموذج الأولي الخاص بك؟

ما نوع النموذج الأولي الذي يجب علي اختياره؟

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

المرحلة المبكرة

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

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

لتصميم نموذج أولي منخفض الدقة ، يمكنك تجربة الأدوات التالية:

• Wireframe.cc - واحدة من أكثر الأدوات الأساسية التي يمكن للمصممين استخدامها لإنشاء الإطارات الشبكية. وتتمثل مزاياه الرئيسية في واجهته البسيطة وإمكانية البدء في تصميم الإطارات الشبكية على الفور دون أي اشتراك.
• Moqups.com - تطبيق ويب يساعدك في إنشاء إطارات سلكية ونماذج بالأحجام الطبيعية ونماذج أولية. تقدم Moqups مكتبة مدمجة بها الآلاف من مجموعات الرموز والتخزين المستند إلى السحابة وميزات التعليقات والتعليقات.
• Pencil Project (Pencil.evolus.vn) - أداة نماذج أولية مجانية ومفتوحة المصدر لمنصات سطح المكتب والأجهزة المحمولة. يوفر Pencil Project مجموعات مضمنة (الأشكال وعناصر المخطط الانسيابي ، وما إلى ذلك) ودعم الرسم التخطيطي والربط بين الصفحات.

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

المرحلة الأخيرة

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

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

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

إذا لم تكن متأكدًا من الأدوات التي يجب استخدامها لتحريك النموذج الأولي الخاص بك ، فجرّب ما يلي:

• InVision (invisionapp.com) - منصة تصميم منتجات رقمية تتيح لك إنشاء نماذج أولية تفاعلية في غضون دقائق. باستخدام InVision ، يمكنك إنشاء أوراق أنماط وإنشاء رمز حقيقي لأي عنصر تصميم. علاوة على ذلك ، يتيح InVision لعملائك وأعضاء الفريق وأصحاب المصلحة التعليق مباشرة على تصميماتك.
• Adobe XD (adobe.com/products/xd.html) - حل UI / UX الكل في واحد الذي يساعدك على تحويل التخطيط الثابت إلى نموذج أولي تفاعلي بنقرة واحدة. باستخدام Adobe XD ، يتم تحديث النموذج الأولي الخاص بك تلقائيًا مع كل تغيير تقوم به: لا يلزم إجراء مزامنة.
• Principle (مبدأformac.com) - أداة نماذج أولية تتيح لك تصميم واجهات مستخدم متحركة وتفاعلية بغض النظر عما إذا كنت تصمم تدفق تطبيق متعدد الشاشات أو رسوم متحركة وتفاعلات جديدة.

هل أنت جاهز لتقديم تصميم الويب الخاص بك؟

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

بالطبع ، يكمن نجاح عرضك التقديمي في ثقتك والبيانات التي تمتلكها: احتفظ بالحقائق والحجج القائمة على المنطق في متناول اليد لدعم آرائك. ولا تخف من سؤال عميلك "لماذا؟"

هل جربت أيًا من هذه النصائح؟ هل تعرف أي أسرار أخرى لعرض فائز؟ شارك بأفكارك في التعليقات أدناه.