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

نشرت: 2022-03-11

هذا الصباح برزت أغنية "This Magic Moment" التي كتبها The Drifters دون سبب واضح.

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

صفعت على جبهتي وقلت لنفسي: "لكن بالطبع ..."

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

أعتقد أن عصر التصميم الاستباقي قد حان ، أو على الأقل في متناول أيدينا.

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

على سبيل المثال ، أثناء القيادة قد نقول: "اطلب آنا". نطلب من Siri بدء تشغيل مؤقت أو تشغيل الأفلام في مكان قريب. ونطلب من Alexa تشغيل الموسيقى أو طلب قهوتنا. ومع ذلك ، فإن الاستعارات والعناصر الرسومية التي تم إنشاؤها منذ أكثر من أربعة عقود لم تتغير كثيرًا.

الماضي

ضع في اعتبارك أن واجهة المستخدم الرسومية الأصلية لـ Xerox PARC عمرها 44 عامًا ومع ذلك لا تزال واجهات المستخدم الخاصة بنا تبدو رائعة.

تعد محطة عمل نجمة زيروكس التصميمية الاستباقية واحدة من أولى واجهات المستخدم الرسومية
قدمت محطة عمل Xerox Star أول نظام تشغيل تجاري لواجهة المستخدم الرسومية (GUI) في عام 1973

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

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

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

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

ما هو التصميم الاستباقي؟

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

في ضوء ذلك ، ما هو التصميم الاستباقي؟

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

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

يعرّف Huge's Aaron Shapiro التصميم الاستباقي بأنه طريقة لتبسيط العمليات من خلال الاستجابة للاحتياجات خطوة واحدة قبل قرارات المستخدم ، أي الاستجابة لاحتياجات المستخدم التي لم يصرح بها بعد.

التصميم الاستباقي لحجز السفر

يتجاوز التصميم التوقعي في أرقى أشكاله التخصيص.

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

تخصيص Netlfix UI لتعزيز تجربة المستخدم
Netflix هو مثال على التخصيص. ليس تصميم استباقي.

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

هذا ليس من الصعب تحقيقه اليوم.

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

على سبيل المثال ، دعنا نتخيل أنك تتسوق لشراء قميص على أمازون.

تقوم أمازون بالفعل بتخصيص مجموعة كاملة من الأشياء لك ويجب أن تعرف حجمك وتفضيلاتك للألوان لأنك اشتريت قمصانًا على الموقع من قبل.

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

لماذا ا؟

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

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

تصميم استباقي لتجربة تسوق أمازون

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

خذ آلات تذاكر النقل ذاتية الخدمة ، حيث يمكن للمسافرين إعادة تعبئة بطاقات الركاب.

لا تزال مصممة لتكون غبية - مدفوعة بإدخالات المستخدم حيث يتم أخذ الجميع من خلال نفس العدد الكبير المحبط من الخيارات.

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

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

ستكون الخطوة التالية هي الدفع والذهاب.

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

هذا ممكن بالفعل ، لكني لا أعرف آلة تذاكر واحدة تقوم بذلك.

تصميم استباقي لمحطة تذاكر MTA
واجهة مستخدم "غبية" تتطلب الكثير من المدخلات مقابل واجهة استباقية.

واجهات المستقبل.

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

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

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

تمارس بعض الشركات بالفعل أشكالًا مبكرة من التصميم الاستباقي. مثالان هما Google Now و Uber.

جوجل الان

يعد تطبيق Google Now أحد أكثر التطورات طموحًا في برنامج بحث Google. الفكرة بسيطة - توقع ما تريد أو تحتاج إلى معرفته قبل أن تعرف أنك بحاجة إليه أو تريده ، وقم بتقديمه بتنسيق سهل القراءة يعتمد على البطاقة.

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

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

التصميم الاستباقي لتطبيقات Google Now

اوبر

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

التصميم الاستباقي لتطبيق Uber للجوال
يمنح تطبيق أوبر المستخدمين اختصارًا سريعًا لـ "العودة" عند إطلاقه بعد وقت قصير من إكمال الرحلة

الأوقات التي يغيرون فيها

الأشياء تتطور إلى أساليب التفاعل الطبيعي.

في المستقبل غير البعيد ، ستكون مساهمتنا أكثر سهولة.

سيكون لدينا واقع افتراضي معزز مع طرق تفاعل ، مثل الصوت وتتبع الإيماءات وتتبع العين والكلام. جوجل تعمل بالفعل على ذلك. إنه يسمى Project Soli.

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

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

كيف نضع التصميم الاستباقي في اللعب؟

لا توجد عصا سحرية تنطق بعبارة "abracadabra" ، فكيف نصمم لتلك اللحظات السحرية الآن؟ ما هي الخطوات التي يمكننا اتخاذها اليوم لتقديم تلك اللحظات السحرية باستخدام التصميم الاستباقي؟

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

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

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

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

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

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

• • •

مزيد من القراءة على مدونة Toptal Design:

  • تجربة مستخدم التجارة الإلكترونية - نظرة عامة على أفضل الممارسات (باستخدام مخطط المعلومات الرسومي)
  • أهمية التصميم المتمحور حول الإنسان في تصميم المنتج
  • أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة
  • مبادئ ارشادية للواجهات المتنقلة
  • كيفية الانتقال من UX Designer إلى UX Consultant