واجهة واحدة، مائة مليون مستخدم نهائي: تصميم منتجات SDK

"آه، مصمم منتجات؟ إذاً، أنتَ تعمل على جعل الواجهة تبدو جميلة؟"

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

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

أولاً، المستخدمون النهائيون لدينا الذين يستخدمون BlinkID لتسهيل عملية التسجيل في المنتجات والخدمات من خلال مسح بطاقات هويتهم ضوئيًّا. 

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

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

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

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

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

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

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

الاستفادة من الذكاء الاصطناعي في مجال الواقع المعزز

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

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

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

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

كان القطار الذي ركبناه لا يزال متوقفًا في محطته. 

التفكير خارج الصندوق لا يؤدي دائمًا إلى النجاح

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

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

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

على أعتاب تحقيق إنجاز كبير، اضطررنا إلى التقاط الأجزاء المتناثرة والبدء من جديد.

النهوض من الرماد: أفضل واجهة هي عدم وجود واجهة على الإطلاق

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

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

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

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

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

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

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

يمكنك الآن أن ترى أن الأمر كله يتعلق بربط النقاط للمستخدم النهائي وتبسيط الواجهة إلى أبسط صورها. 

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

فكر جيدًا قبل أن تفسد الأمر: اختبار قابلية الاستخدام

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

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

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

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

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

مراقبة المستخدمين في بيئتهم الطبيعية

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

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

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

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

في نهاية المطاف

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

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

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

ولكن لماذا نكتب عن ذلك بينما يمكنكم رؤية ثمرة جهودنا بأم أعينكم؟ قم بتنزيل أحدث إصدار من تطبيق Microblink Vision التجريبي وجرب واجهة المستخدم الجديدة الخاصة بنا — متوفر على Google Play و App Store و AppGallery.