أفضل ممارسات UX و UI لبطاقات الهدايا

نشرت: 2022-04-18

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

جدول المحتويات

  • ‍ ‍ تصميم مسار منفصل للشراء لبطاقات الهدايا
  • قم بإنشاء صفحة مقصودة منفصلة تسرد جميع خيارات الإهداء
  • قم بتوفير قسم منفصل للعملاء للتحقق من حالة بطاقة الهدايا
  • روّج لبطاقات الهدايا في أماكن متعددة
  • صمم رحلة شراء بطاقة الهدايا
  • اختيار نوع الهدية
  • اختيار تنسيق البطاقة
  • اختيار تاريخ التوصيل (اختياري)
  • اختيار مبلغ بطاقة الهدايا
  • توفير معلومات المستلمين
  • تخصيص رمز بطاقة الهدايا
  • اختيار قوالب قسيمة الهدايا
  • تحميل صورة لتخصيص البطاقات
  • عملية الخروج
  • إرسال البطاقات إلى المستلمين عبر قنوات متعددة
  • ابتكر تصميم بريد إلكتروني فعال
  • استرداد بطاقات الهدايا‍
  • السماح بالاسترداد الجزئي
  • صمم حقل إدخال بطاقة الهدايا
  • إنشاء رسائل النجاح والخطأ
  • تصميم إشعارات انتهاء صلاحية بطاقة الهدايا
  • ملخص
ذهب ما يقرب من 3 مليارات دولار من بطاقات الهدايا النقدية غير المستخدمة في عام 2019 وحده. وفي الوقت نفسه ، بلغ إجمالي الإنفاق على بطاقات الهدايا في عام 2019 98.6 مليار دولار. مصدر

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

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

{{الكتاب الاليكتروني}}

{{كتاب النهاية}}

ملاحظة: تم عمل جميع لقطات شاشة سطح المكتب على Mac و Chrome.

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

صمم مسارًا منفصلاً للشراء لبطاقات الهدايا

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

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

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

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

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

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

قم بإنشاء صفحة مقصودة منفصلة تسرد جميع خيارات الإهداء

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

مثال:

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

خيارات تخصيص بطاقة هدايا Zalando على صفحتهم المقصودة

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

قسم الأسئلة الشائعة Winc حول بطاقات الهدايا

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

قم بتوفير قسم منفصل للعملاء للتحقق من حالة بطاقة الهدايا

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

مثال:

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

قسم شي ان للتحقق من رصيد بطاقة الهدايا

تتيح ستاربكس للمستخدمين التحقق من الرصيد أو تحويل الرصيد أو الإبلاغ عن أي مشكلات أو إعادة تحميل البطاقات في قسم منفصل من الصفحة.

صفحة ستاربكس المقصودة مع خيارات متعددة لبطاقات الهدايا

روّج لبطاقات الهدايا في أماكن متعددة

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

مثال:

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

ترويج Home Depot للبطاقة في اللافتة العلوية

لقد قاموا أيضًا بتضمين بطاقات هدايا في التذييل.

HomeDepot تذييل

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

بطاقات هدايا Zalando في navbar

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

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

مثال :

أرسل Winc رسالة بريد إلكتروني منفصلة لتذكير المشتركين بعيد الأم والترويج لبطاقات الهدايا.

ترويج Winc عبر البريد الإلكتروني لبطاقات الهدايا لعيد الأم


أطلقت Alloy Apparel حملة خصم على جميع بطاقات الهدايا المادية في اليوم السابق لعيد الميلاد لمنح العملاء فرصة شراء البطاقات في اللحظة الأخيرة.

بطاقات هدايا سبائك ملابس ترويج جيئة وذهابا لعيد الميلاد

صمم رحلة شراء بطاقة الهدايا

اختيار نوع الهدية

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

مثال:

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

شيء صغير جدًا في اختيار تصميم بطاقة الهدايا

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

مثال :

يقدم Home Depot خيارات إهداء متعددة. يتم الترويج للبطاقات الفردية في الشريط العلوي فوق شبكة خيارات المكافآت التي لا تقل أهمية ، مما يجعل التخطيط مفهومًا للمستخدم وجميع الخيارات مرئية في لمحة.

اختيار نوع بطاقة هدايا Home Depot

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

خيارات بطاقة هدايا Zalando

اختيار تنسيق البطاقة

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

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

مثال:

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

اختيار Victoria's Secret لتنسيق البطاقة

اختيار تاريخ التوصيل (اختياري)

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

مثال:

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

اختيار خيار التسليم Prettylittlething

اختيار مبلغ بطاقة الهدايا

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

مثال:

يستخدم Saatchi Art ، وهو سوق للفنون عبر الإنترنت ، قيمًا مقترحة وحقل إدخال مخصصًا حتى لا يفرض أي قيود. إذا تجاوز المستخدم الحد الأقصى لقيمة بطاقة الهدايا ، فسيتلقى رسالة خطأ تُعلمه بتفاصيل الخطأ في أعلى الصفحة.

قيمة بطاقة اختيار ساتشي آرت
قيمة بطاقة اختيار فن ساتشي

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

الحد الأدنى والحد الأقصى لمبلغ بطاقة الهدايا من Zalando

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

مبلغ بطاقة الهدايا الافتراضية لشركة Tiffany Co.

توفير معلومات المستلمين

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

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

مثال :

تقدم ستاربكس واجهة مستخدم بسيطة لمعلومات المستلم والمرسل.

ستاربكس تضيف معلومات المستلم

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

رسالة بطاقة هدايا أمازون المكتوبة مسبقًا

تخصيص رمز بطاقة الهدايا

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

اختيار قوالب قسيمة الهدايا

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

مثال:

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

قوالب بطاقات أمازون

تحميل صورة لتخصيص البطاقات

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

مثال:

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

Zalando اختيار تسليم البطاقة

عملية الخروج

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

مثال :

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

تجربة checkut سيئة من PrettyLittleThing

يسمح Winc للمستخدمين بتحديث قيمة البطاقة أثناء عرض السلة.

تغيير قيمة البطاقة في Winc

إرسال البطاقات إلى المستلمين عبر قنوات متعددة

هناك خيارات متعددة لمشاركة البطاقات مع المستلمين. فيما يلي بعض منهم:

  • أرسل عبر رسالة بريد إلكتروني.
  • أرسل إلى المشتري كملف PDF قابل للطباعة يمكن مشاركته فعليًا مع المستلم.
  • تسليم البطاقات المادية عن طريق البريد إلى المشتري أو المستلم.
  • أرسل عبر وسائل التواصل الاجتماعي ، على سبيل المثال ، Messenger ، Whatsapp.

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

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

ابتكر تصميم بريد إلكتروني فعال

عندما يتعلق الأمر بمحتوى البريد الإلكتروني ، يجب أن يغطي عدة نقاط:

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

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

مثال:

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

البريد الإلكتروني لبطاقة هدايا Watsi

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

بريد أمازون الإلكتروني مع بطاقة الهدايا

استرداد بطاقات الهدايا

كما اقترح Kim Salazar ، فإن فائدة القسائم وقسائم الهدايا تتناسب طرديًا مع سهولة استخدامها في المتجر عبر الإنترنت.

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

{{عميل}}

{{نهاية العملاء}}

السماح بالاسترداد الجزئي

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

مثال:

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

استرداد بطاقة Zalando

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

صمم حقل إدخال بطاقة الهدايا

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

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

مثال:

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

استرداد قسيمة هدية Winc

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

استرداد بطاقة Birchbox

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

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

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

مثال:

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

صندوق الفداء Birchbox

إنشاء رسائل النجاح والخطأ

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

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

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

مثال:

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

رسالة خطأ Summersalt

تصميم إشعارات انتهاء صلاحية بطاقة الهدايا

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

ملخص

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

{{CTA}}

هل أنت جاهز لنقل بطاقات الهدايا الخاصة بك إلى المستوى التالي؟

البدء

{{ENDCTA}}