تجربة تطوير تصميم نموذج “اتصل بنا”
هذا الموضوع من كتابة كاتب ضيف وهو الأخ حسام الدين
قبل فترة و قبل اطلاعي على مصادر قابلية الاستخدام “و منها هذه المدونة” قمتُ بعمل نموذج “الاتصال بنا” لـ أحد المواقع الخاصة بي .

وبعد اطلاعي على هذه المدونة و قيامي باختبار قابلية استخدام النموذج على أحد أصدقائي، اكتشفت أنني قد وقعت في الأخطاء التالية :
- لم يتم توضيح الخانات الإجبارية و الخانات الاختيارية، فـ قد يقوم المستخدم مثلاً بترك خانة فارغة لأنه يعتقد أنني لا أحتاج لمحتواها ثم يُفاجئ بالنظام يمنعه من إرسال الرسالة، مثال على ذلك خانة البريد الإلكتروني مثلاً قد يرغب المستخدم في إيصال رسالة لي و لا يهمه الحصول على الرد و من ثم يُفاجئ برسالة تطلب منه العودة وإدخال البريد الإلكتروني .
- خانة الموقع مبهمة بعض الشيء، فـ لم يتم توضيح هل هي لـ طلب عنوان الإقامة أو الموقع الإلكتروني، صديقي الذي أجريت عليه الاختبار كتب في هذه الخانة “القصيم” رغم أنني أقصد بها الموقع الإلكتروني (الخطأ مني لا منه).
- بعض الأشخاص قد يحتاج لمراسلة صاحب الموقع و هو لا يملك موقع إلكتروني و قد يضطر لتركها فارغة، و هنا لم يتم توضيح هل هي إجبارية أم اختيارية .
- لم يتم تحديد وقت معين للرد على الرسائل مما قد يؤثر سلباً على نفسية المستخدم و قم يجعله لا يقوم بإرسال الرسالة أصلا.
بعض الحلول المقترحة :
- إخبار المستخدم أنه يمكنه أن لا يضع البريد الإلكتروني في حال لم يرغب في الحصول على رد على رسالته .
- تحويل كلمة “الموقع” إلى “الموقع الإلكتروني”، ووضع http:// قبل الخانة للدلالة على أن المطلوب هو “رابط” .
- توضيح أن خانة الموقع “غير مطلوبة” أو “غير إجبارية” .
- تحديد وقت معين للحصول على رد على الرسالة، لـ تشجيع المستخدم لإرسال رسالته و تعزيز الثقة لديه بأنه سـ يحصل على الرد .
الشكل بعد التعديل :
مُلاحظة : قمت بهذا التعديل عن طريق الفوتوشوب بشكل سريع، لكن يوجد طرق أفضل لـ عرض المطلوب بشكل جمالي بكل تأكيد
.
خلاصة التجربة :
- حاول دائماً أن تجري اختبار قابلية الاستخدام و اختبار الـ 5 ثواني على الآخرين قبل أن تنشر مشروعك، خصوصاً لو كان على أشخاص لم يجربوا الموقع سابقاً و ليس لهم علاقة بتخصص الموقع .
- عندما تقوم بإعداد نموذج الاتصال بنا، احرص على توضيح الخانات الإجبارية و الاختيارية، خصوصاً إذا لم تكن كلها إجبارية، و حاول أن تجعل عنوان الخانة يُعبر عنها ولا تستعمل كلمات مبهمة مثل “الموقع”، لا مانع من وضع بادئة قبل مربع الإدخال لـ تكون مفتاح للمحتوى كـ http:// او 00966 .
- أيضاً يجب عليك أن تحرص ألا تدرج أي خانة لست في حاجة إليها، فـ ليس من المتوقع أن تطلب رقم الجوال من المستخدم في موقع ألعاب مثلاً .
- حاول أن تضع مدة معينة للرد على الرسالة، فـ هذا يعزز الثقة بشكل كبير في نفس المستخدم ويقوي مصداقية موقعك، لكن لا تضع وقتاً وأنت تعلم أنك لن تلتزم به، لأن هذا سيعود عليك بضرر مُضاعف .
- شيء أخير مهم لم يمر علينا في هذا النموذج، إذا كنت تتوقع أن إجابات زوارك لن تخرج من إجابات معينة، يمكنك أن تضع الإجابات المحتملة كلها على شكل قائمة منسدلة، مثلاً إذا كان زوارك جميعهم من المملكة العربية السعودية و تحتاج أن تحصل منهم على المنطقة، يمكنك وضع قائمة منسدلة “List” فيها مناطق المملكة العربية السعودية كلها مثلاً .



8 تعليقات على “تجربة تطوير تصميم نموذج “اتصل بنا””
في نقطة جلست فترة افكر فيها ليه نضغ خانات غير مطلوبه من الاساس ؟ اليس المطلوب من فورم تسجيل او فورم ارسال غرض معين؟ فالاختصار ووضع الخانات المطلوبه فقط يسهل العميله ويسرعها وايضاً اخف على الزائر وهنا نتذكر قاعدة عداد الصبر .
اعتقد ان النموذج الثاني بحاجة إلى مزيد من التعديل:
البريد ينقصه كلمة الالكتروني، ثم إذا لم يكن الانسان بحاجة لتلقي رد فلماذا يرسل الرسالة أصلا
الغالب أنه يحتاج لرد وبالتالي يجب إجباره على وضع البريد
وضع نجمة امام الخانات المطلوبة أصبح شائعا جدا ويعرفه الكثيرون.
أرى أنه لا داع لهذا الكلام الطويل بجانب الرسالة، يمكن ببساطة أن تظهر هذه الرسالة -التي تخبره بأن الرد سيستغرق 72 – بعد ضغطه على زر إرسال
تم إرسال رسالتك بنجاح وسنرد عليك خلال…..
شكرا لكم
وليد خالد : أحياناً قد تكون هناك خانات مطلوبة في رسائل معينة، وفي رسائل أخرى مالها أي قيمة، مثلاً البريد الإلكتروني قد تكون رسالة الشخص لا تتطلب الرد عليها فـ يمكنه ألا يضعه، لكن هنا لا يمكنني أن أتركها لأن نسبة كبيرة من الزوار قد ينتظرون الرد على رسائلهم، لذلك الأفضل وضع الخانة و ترك الحرية للمستخدم تعبئتها أو لا حسب ما يراه مناسب لرسالته .
عُمر خرسه : نعم صحيح بخصوص نقطة البريد، لكن لم يكن لدي مساحة كافية في التعديل بالفوتوشوب أما إذا قمت بتعديلها -إن شاء الله- عن طريق محرر الـ HTML طبيعي راح أوسع الخانة .
بخصوص النجمة سـ أضطر لوضع رسالة بالأعلى تُشوه منظر الفورم بالكامل , خصوصاً أن خانة واحدة فقط هي غير إجبارية .
بخصوص الرسالة فكرة جميلة للأسف لم تخطر على بالي و أنا أكتب المقالة، لكن راح أستفيد منها إن شاء الله ( بعد إذنك ) .
شكرا على المدونة الممتازة مع تحياتى و امنياتى بدوام التوفيق
بداية موفقة أخي حسام D: ..
بالإضافة لما قد ذكره الأخوان
اعتقد بأن صورة الأرقام و الحروف يجب أن تكون فوق الخانة المطلوب اكمالها عوضا عن وضعها باليمين لأنها متعبة للعين والغرض منها التحقق من الشخص لا إرهاقه أكثر مما هو مطلوب بإعتبار هذه الخطوة غير محبوبة من قبل المستخدمين .. بالإضافة صيغة السؤال غير واضحة فهل ترغب منه كتابة الأحرف فقط دون الأرقام أو مع الأرقام و أيضا هل يجب أن تكون الأحرف Capital أم Small ..
أيضا يجب أن يكون المطلوب سهل الملاحظة , مثلا في خانة البريد عوضا عن كتابة : البريد – ضعه في حال رغبت الحصول على رد , فيجب أن تكون كلمة البريد أكثر بروزا من غيرها ..
كما ذكرت سابقا بداية موفقة وأتمنى منك الأستمرار ..
وأشكر أخي مشهور الدبيان على إتاحة الفرصة للأخرين لعرض مشاركاتهم من خلال مدونته ..
شكراً جزيلاً .. ان شاءالله اجري التعديل في الموقع الخاص بنا
أشوف جملة “غير مطلوب” غير مناسبة، لو تحط “اختياري” مكانها يكون أفضل.
غير مطلوب كأنك تقول ما أبيك تعبي هذه الخانة بس حاطها استهبال P:
شكرا لك نموذج اتصل بنا اهم جزء في الموقع