إنها الأشياء الصغيرة التي تحسن تجربة المستخدم!

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

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

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

تمرير الماوس على Paypal

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

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

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

2 تعليقات

  1. 1

    مرحبا دوغلاس

    رائع ، لم يكن لدي أي فكرة أن مكتبة واجهة المستخدم الخاصة بـ Yahoo كانت مفتوحة المصدر وعلى Sourceforge ... هذه لعبة جديدة أخرى يجب أن ألعب بها. 🙂

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

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

    هتاف

    نيك 🙂

    • 2

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

      أنا لست محاميًا ، على الرغم من ... قد ترغب في إعادة التحقق!

ما رأيك؟

يستخدم هذا الموقع نظام Akismet لتقليل الرسائل الضارة. تعرف كيف تتم معالجة بيانات تعليقك.