مقدمة في تصميم المحادثة (و 3 أمثلة بارزة)

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

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

لنتحدث!

مقدمة في تصميم المحادثة

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

هذا مثال على تصميم المحادثة. من ناحية أخرى ، عندما يتحدث الناس عن واجهات المستخدم الخاصة بالمحادثة (UI) ، فإنهم يشيرون إلى التجارب النصية ، مثل chatbots و Slack.

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

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

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

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

3 أمثلة على مواقع الويب التي تستخدم تصميم المحادثة

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

1. استوديو Buzzworthy

يتميز موقع Buzzworthy Studio على الويب بتجربة نموذج اتصال رائعة توفر تجربة شخصية للغاية. بمجرد وصولك إلى صفحة الاتصال ، يمكنك النقر فوق عبارة START A PROJECT التي تحث المستخدم على اتخاذ إجراء:

بعد ذلك ، تسألك الصفحة عن نوع المشروع الذي ترغب في الشروع فيه:

على سبيل المثال ، إذا نقرنا على خيار التسويق ، فيمكننا الاختيار من بين حملات تحسين محركات البحث (SEO) أو حملات الدفع لكل نقرة ( PPC) أو كليهما:

بمجرد اختيارك ، يمنحك موقع الويب ميزانية تقريبية وجدول زمني يختلف بناءً على ذلك:

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

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

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

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

2. Landbot

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

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

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

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

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

ثانيًا ، يمكن أن تكون واجهات المستخدم للمحادثة رائعة لزيادة التحويلات. على سبيل المثال ، تمكّنك برامج الدردشة الآلية من توجيه المستخدمين لاتخاذ الإجراءات التي تريدهم أن يتخذوها من خلال تقديم عبارة قوية للحث على اتخاذ إجراء (CTA):

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

3. كودي

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

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

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

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

استنتاج

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

دعنا نلقي نظرة أخرى على بعض الأمثلة المفضلة لدينا لتصميم المحادثة:

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

ما رأيك هو أفضل طريقة لتنفيذ تصميم المحادثة على الموقع؟ شاركنا بأفكارك في قسم التعليقات أدناه!

الصورة المصغرة للمادة بواسطة Art Alex / shutterstock.com