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

شاشة واحدة، مسارات مستخدم مختلفة
يجب أن يخدم نفس العرض الفعلي في كثير من الأحيان أكثر من نوع واحد من الزيارة، وأحيانًا خلال نفس الخمس دقائق. بدلاً من حشر كل مسار ممكن على شاشة رئيسية واحدة مزدحمة، وهي غريزة لدى كل عميل تقريبًا عندما يرى لوحة فارغة لأول مرة، فمن الأفضل كثيرًا إعطاء كل حالة استخدام مسارًا قصيرًا يمكن التنبؤ به والسماح للأشخاص بالاختيار بهدوء للطريق الذي يناسبهم بالفعل.
يعرض البيع بالتجزئة
بالنسبة لصالة عرض البيع بالتجزئة، فإن المسار الذي يميل إلى العمل يبدأ بفئة المنتج، وينتقل إلى نموذج معين، ثم إلى المواصفات، وبعد ذلك فقط يقدم خطوة منفصلة للاستفسار أو طلب الاتصال. الجزء الذي يخطئ فيه الناس ليس عادةً عدد الفئات التي تظهر على الشاشة الرئيسية. إنه يمزج بين التصفح والاستفسار معًا في وقت مبكر جدًا. إذا كان على شخص ما ملء نموذج اتصال فقط لرؤية ورقة المواصفات، فسوف يرتد على الفور تقريبًا. إذا كان زر إرسال استفسار يبدو مطابقًا للزر الخاص برؤية المزيد من تفاصيل المنتج، فإن النتيجة تميل إلى أن تكون كومة من العملاء المحتملين العرضيين الذين لا يؤديون إلى أي مكان، وانزعاج فريق المبيعات من متابعة الأشخاص الذين لم يرغبوا في الاتصال بهم مطلقًا. إن الحفاظ على هذين الهدفين، البحث والسؤال، منفصلين هيكليًا يحل كلتا المشكلتين في وقت واحد، ويحدث فرقًا كبيرًا بشكل غير متناسب في كيفية أداء الشاشة بمجرد ظهورها في الميدان.
دليل المباني والزوار
تميل الأدلة إلى اتباع شكل يمكن التنبؤ به إلى حد ما، وعادةً ما تنتقل من المبنى إلى الطابق، ثم إلى القسم، ثم إلى موقع محدد، ما لم يسمح مربع البحث لشخص ما بالانتقال مباشرة إلى تلك الخطوة الأخيرة. بالنسبة للأدلة على وجه التحديد، يمكننا القول أن حقل البحث العادي على الشاشة الرئيسية، حيث يكتب شخص ما اسمًا ويحصل على نتيجة، يتفوق حتى على شجرة الفئات المنظمة بشكل جميل في كل مرة تقريبًا. يعرف معظم الزوار بالفعل من أو ما يبحثون عنه بالضبط. لا يحتاجون إلى تعليم المخطط التنظيمي للمبنى فقط للعثور عليهم. امنح الأشخاص مربع بحث أولاً واترك الدليل القابل للتصفح موجودًا كنسخة احتياطية للمجموعة الأصغر التي لا تعرف حقًا إلى أين تتجه بعد.
شاشات التعليم والتدريب
تميل عروض الفصول الدراسية وغرف التدريب إلى اتباع شيء أقرب إلى الدورة التدريبية التي يتم اختيارها أولاً، ثم درسًا داخلها، ثم قطعة من الوسائط مثل مقطع فيديو أو رسم تخطيطي، وأخيرًا تمرين تفاعلي مرتبط بهذا الدرس. هنا تنقلب الأولوية فعليًا مقارنة بالبيع بالتجزئة أو الدليل. لا يتعلق الأمر حقًا بالسرعة. المعلم لا يتسابق مع شخص غريب من خلال القائمة. إنهم يحاولون إبقاء الغرفة مليئة بالطلاب المنخرطين دون كسر خطوتهم في منتصف الدرس. وهذا يغير الشكل الذي يبدو عليه التصميم الجيد: أهداف نقر أكبر، ومفاجآت أقل، ولا شيء يتطلب نظرة مشوشة ثانية على الشاشة لتأكيد ما حدث للتو، لأن تلك النظرة الثانية هي عبارة عن غرفة مليئة بأطفال في الثانية عشرة من العمر يفقدون كل ما تبقى لديهم من اهتمام.
ثلاثة أنواع من شاشات العرض، وثلاثة أعماق مختلفة للقوائم، وثلاث مجموعات مختلفة تمامًا من الأولويات، على الرغم من أن الثلاثة جميعها تندرج من الناحية الفنية تحت نفس العلامة العريضة لشاشة اللمس التي تحتوي على قائمة. يعد التعامل معها بنفس الطريقة لأنها ببساطة تعمل على أجهزة مماثلة أحد الأخطاء الأكثر شيوعًا التي نراها، ومن السهل تجنبها بمجرد فصل حالات الاستخدام في رأسك قبل البدء في تصميم أي شيء.
طريقة سريعة للحفاظ على هذه الاختلافات مباشرة قبل مراجعة التصميم:
نوع العرض | المسار النموذجي | الأولوية الرئيسية |
صالة عرض البيع بالتجزئة | الفئة ← الموديل ← المواصفات ← الاستفسار | استمر في التصفح و"اتصل بنا" بشكل منفصل |
دليل البناء | المبنى → الطابق → القسم → الموقع | مربع البحث أولاً، شجرة الفئات كنسخة احتياطية |
التعليم / التدريب | الدورة ← الدرس ← الوسائط ← التمرين | أهداف كبيرة، لا يوجد تأكيدات غامضة |
ليس المقصود من هذا الجدول أن يكون كتاب قواعد. إنه أكثر من مجرد فحص سلامة - إذا كانت قائمة المشروع لا تتطابق تقريبًا مع الصف الخاص بها، فعادةً ما يستحق ذلك نظرة ثانية قبل الانتهاء من التخطيط.
عندما تساعد تخطيطات الشاشة المقسمة فعليًا
يتم طلب تقسيم الشاشة في كثير من الأحيان أكثر مما يتم استخدامه بشكل جيد بالفعل. ونحن نفهم السبب - على الورق، يبدو المزيد من اللوحات بمثابة قيمة أكبر: المزيد من المحتوى المرئي في وقت واحد، والمزيد من العائد على ميزانية الأجهزة، والمزيد من الأسباب لتبرير حجم الشاشة لمن يوقع على المشروع.
إنها مفيدة حقًا في مجموعة ضيقة من المواقف، مثل عرض فيديو توضيحي للمنتج على أحد نصفي الشاشة بينما تظهر المواصفات الثابتة على النصف الآخر، أو خريطة بناء مقترنة بقائمة تمرير لأحداث اليوم. وفي كلتا الحالتين تؤدي اللوحتان وظيفتين مختلفتين بشكل واضح، ولا تحتاج أي منهما إلى الاهتمام الكامل من الزائر في نفس اللحظة بالضبط.
يتوقف عن العمل في اللحظة التي يحاول فيها شخص ما الضغط على تصفح المنتج، ويتم تغذية مقطع فيديو متكرر ورمز الاستجابة السريعة والعروض الترويجية المباشرة على أربع لوحات في وقت واحد، وهو ما طُلب منا القيام به أكثر من مرة، عادةً من قبل شخص يحاول حقًا الحصول على قيمة أكبر من الشاشة وليس أقل. في هذه المرحلة، لا يوجد في المخطط مساحة كافية للقراءة من مسافة الوقوف العادية، وينتهي إعداد الشاشة المنقسمة بإنتاج عكس ما كان من المفترض أن يحدث. ينظر الناس إليه، ولا يمكنهم تحليله بالسرعة الكافية، ويستمرون دون استيعاب أي منه.
هناك قاعدة أساسية جيدة نعود إليها باستمرار في المشاريع الحقيقية: إذا كان جزء من الشاشة لا يحتاج حقًا إلى لحظة اهتمام خاصة به منفصلة عن كل شيء آخر موجود عليه، فمن المحتمل أنه لا يستحق لوحة خاصة به.
أين تسوء خطط المحتوى عادةً
تظهر بعض الأنماط في كثير من الأحيان بما يكفي لتستحق تسميتها مباشرة، لأنها يمكن تجنبها وتستمر في الحدوث على أي حال.
· التحميل الزائد على الشاشة الافتتاحية لتبرير الميزانية. أنفق شخص ما أموالاً حقيقية على الأجهزة، ويمكن أن تبدو الشاشة الرئيسية ذات المظهر المتناثر وكأنها إمكانات ضائعة. من الناحية العملية، هناك ثلاثة اختيارات واضحة ومتباعدة جيدًا تتغلب على اثني عشر زرًا بطباعة دقيقة أسفل كل زر منها في كل مرة تقريبًا. لا تعتبر الشاشة المزدحمة ذات قيمة، بل تُقرأ كواجب منزلي.
· التصميم على جهاز كمبيوتر محمول وعدم اختباره مطلقًا على اللوحة الحقيقية. الشيء الذي يبدو جيدًا على شاشة مقاس 15 بوصة يمكن أن يصبح ضيقًا أو يصعب النقر عليه بمجرد تمديده عبر شاشة مثبتة على الحائط مقاس 55 بوصة. لقد شاهدنا فرقًا تكتشف ذلك في الموقع، أمام العميل، وهي أسوأ لحظة ممكنة لاكتشافه.
· ترك الأيقونات تنجرف بين الصفحات. يبدو أن السهم الخلفي الذي يعني شيئًا واحدًا على صفحة المنتج وشيئًا مختلفًا قليلاً على صفحة الدليل يمثل تناقضًا بسيطًا. إنه ليس كذلك. إنه يعلم الناس عدم الثقة في الواجهة، وبمجرد أن تختفي هذه الثقة، يبدأون في النقر بشكل عشوائي محاولين العثور على طريق العودة - وهي بالضبط مشكلة "يبدو معطلاً" من قبل.
لا تمثل أي من هذه المشكلات الثلاثة مشكلات في الأجهزة، ولا يعد إصلاح أي منها مكلفًا إذا تم اكتشافها قبل يوم التثبيت. من السهل تفويتها عندما يتحرك المشروع بسرعة ويركز الجميع على الأجزاء التي يصعب تغييرها لاحقًا، مثل حجم الشاشة أو موضع التثبيت.
ما الذي يظهر على الشاشة الأولى وما لا يحدث
ليس كل شيء ينتمي إلى الشاشة الافتتاحية، وليس كل ما يفعله ينتمي هناك بنفس الوزن البصري.
غالبًا ما تستحق أزرار الفئات، ووظيفة البحث، وأي إجراءين أو ثلاثة إجراءات يتم استخدامها، الموضع الأكبر والأكثر وضوحًا على الصفحة، وهو نوع الموضع الذي تريد أن يلاحظه شخص ما حتى لو ألقى نظرة سريعة على الشاشة لمدة ثانيتين فقط أثناء المرور بجوارها. يمكن لتفاصيل المنتج والمرشحات والخيارات الثانوية أن تتعمق بشكل مريح بنقرة واحدة دون أن تكلف أي شخص وقتًا كبيرًا، نظرًا لأن نقرة إضافية واحدة نادرًا ما تفقد شخصًا كان مهتمًا بالفعل في المقام الأول. يمكن للمواصفات والنص القانوني وتعليمات التثبيت وأي شيء متخصص بدرجة كافية بحيث لا يهم سوى جزء صغير من الزائرين الانتظار حتى يبحث شخص ما عنه بنشاط، لأنه لا أحد يرغب تقريبًا في الوقوف في الردهة لقراءة فقرة مطبوعة بشكل جيد على الحائط.
الخطأ الذي يستحق الإشارة إليه مرة أخرى هنا هو عدم ترك شيء ما. إن الغريزة المعاكسة، أي الخوف من ترك شيء ما، هي التي تميل إلى إنتاج أسوأ التخطيطات التي نراها. شاشة تحاول الإجابة على كل سؤال محتمل في اللحظة التي ينقر فيها شخص ما عليها، وينتهي الأمر بالإجابة على أي من هذه الأسئلة بشكل جيد. إن الثقة فيما يجب قطعه تصبح ذات أهمية بقدر الاهتمام بما يجب الاحتفاظ به.
تحتاج أهداف اللمس إلى مساحة للتنفس
إن التصميم الذي يبدو جيدًا تمامًا أثناء مراجعة التصميم على الكمبيوتر المحمول الخاص بشخص ما لا ينجو دائمًا من ملامسة إصبع بشري حقيقي على لوحة مثبتة على الحائط. غالبًا ما تكون الأزرار ذات الحجم المريح لمؤشر الماوس صغيرة جدًا، أو مجمعة بالقرب من بعضها البعض، بمجرد أن تطلب من شخص ما النقر عليها بطرف إصبعك، خاصة في طابق البيع بالتجزئة المزدحم أو في الردهة حيث يقف الأشخاص في زوايا غريبة، وأحيانًا يحملون القهوة، وأحيانًا مع طفل يسحب أكمامهم.
هناك شيئان مهمان هنا أكثر مما يميلان إلى الحصول على الفضل فيهما خلال مرحلة التصميم. الأول هو التباعد المستمر حول أي شيء يمكن النقر عليه، نظرًا لأن الأزرار الضيقة تسبب نقرات غير مقصودة، والنقرات غير المقصودة تسبب نوعًا من الإحباط الذي يتفاقم سريعًا على الشاشة العامة ولا يتم الدفع لأحد ليصبر عليه. والثاني هو المعنى الثابت للرموز المتكررة عبر كل شاشة في الواجهة. إذا أرسل سهم للخلف شخصًا ما إلى الشاشة الرئيسية في إحدى الصفحات وإلى الفئة السابقة في صفحة أخرى، فإن هذا التناقض لا يتم تسجيله باعتباره خطأً بسيطًا يستحق التغاضي عنه. يتم تسجيله على أنه الواجهة بأكملها غير موثوقة، ويقوم الناس بتعميم هذا الانطباع بسرعة.
ومن الجدير بالذكر أيضًا أنه غالبًا ما ينظر أكثر من شخص إلى الشاشة في وقت واحد، حتى عندما يلمسها واحد منهم فقط - زميل يقف خلف شخص ما يفحص الدليل، أو متسوق ثانٍ يلقي نظرة خاطفة على كتفه، أو أحد الوالدين يشاهد طفلًا وهو يعمل من خلال شاشة تعليمية من بضعة أقدام إلى الخلف. يجب أن يظل التصميم مقروءًا لهذا الشخص الثاني غير المشارك أيضًا، وهو ما يعني عادةً كتابة أكبر قليلًا وفصلًا مرئيًا أقوى مما قد تحتاجه واجهة المستخدم الفردية.
حجم الشاشة يغير ما يمكن أن يفعله المحتوى
يعمل تخطيط المحتوى بشكل أفضل عندما يحدث قبل تثبيت حجم العرض، وليس بعد ذلك، بمجرد تقديم طلب الأجهزة بالفعل ومحاولة شخص ما بهدوء جعل المحتوى مناسبًا لكل ما يظهر على الشاحنة. إن اللوحة مقاس 43 بوصة واللوحة مقاس 65 بوصة ليستا ببساطة نفس الواجهة التي تم توسيع نطاقها مثل إعداد آلة التصوير. إنهم يدعمون حقًا كميات مختلفة من التفاصيل قبل أن يبدأ التخطيط في الشعور بالازدحام أو الفراغ بشكل غريب.
تقوم شركة FVASEE ببناء شاشات تعمل باللمس مثبتة على الحائط بأحجام 42 و43 بوصة، و49 و50 بوصة، و55 بوصة، و65 بوصة، مع توفر تكوينات Android وWindows اعتمادًا على ما يحتاجه المشروع للتشغيل عليه. تميل اللوحات الصغيرة إلى الحفاظ على مكانتها من خلال واجهة مركزة ذات مسار واحد مبنية حول خط منتج واحد، أو دليل واحد، أو مهمة واحدة واضحة، مع عدم وجود أي شيء آخر يتنافس على المساحة. تحتوي اللوحات الأكبر حجمًا على مساحة فعلية لدعم المشاهدة الجماعية أو مجموعة أوسع من الفئات دون الشعور بأن كل شيء مكتظ، على الرغم من أنه من السهل إهدار هذه المساحة الإضافية إذا لم يتم تصميم خطة المحتوى مطلقًا بحيث تحتاج إليها بالفعل.
الخطوة العملية، والتي نستمر في العودة إليها في المشاريع الحقيقية، هي تحميل صفحات المحتوى الفعلية على حجم اللوحة الفعلي قبل الانتهاء من أي شيء على أي من الجانبين. يمكن أن يصبح النص الذي يُقرأ بشكل جيد في نموذج بالحجم الطبيعي على الكمبيوتر المحمول الخاص بشخص ما صغيرًا بشكل غير مريح بمجرد تثبيته على ارتفاع العين على شاشة مقاس 43 بوصة عبر الردهة. يمكن للتخطيط المصمم مع وضع لوحة قماشية مقاس 65 بوصة في الاعتبار أن يبدو متناثرًا بشكل غريب عند الضغط عليه بدلاً من ذلك على لوحة مقاس 49 بوصة. يؤدي اختبار الصفحات الحقيقية على أجهزة حقيقية أثناء مرحلة العينة إلى اكتشاف معظم هذه المشكلات بينما لا يزال إصلاحها رخيصًا، وهو ما يتفوق على اكتشافها بعد تثبيت اللوحات بالفعل على الحائط في مبنى شخص آخر.
الانتقال من المسودة الأولى إلى واجهة العمل
لا شيء من هذا يمثل تخطيطًا عالميًا صحيحًا ينطبق في كل مكان، ونحن بصراحة سنكون متشككين قليلاً في أي شخص يدعي أن هناك واحدًا. ستنتهي صالة العرض ودليل ردهة الفندق وشاشة العرض في الفصل الدراسي بأعماق قائمة مختلفة وكميات مختلفة من النص على الشاشة وأسباب مختلفة لاستخدام تخطيط الشاشة المنقسمة أو تخطيه عمدًا. القاسم المشترك بينهما ليس قالبًا مشتركًا. إنها نقطة بداية مشتركة: معرفة ما قام به الشخص الذي يقف أمام الشاشة بالفعل، وبناء هيكل القائمة حول هذا الواقع، بدلاً من أن يكون المحتوى منظمًا بالفعل في مكان ما في جدول بيانات في المكتب.
توفر الشاشة نفسها المساحة والسطوع والاستجابة باللمس. ما إذا كان أي شخص يستخدمه جيدًا بالفعل بعد التثبيت يعتمد على ما هو موجود فيه، وما إذا كان هذا المحتوى يلبي الأشخاص حيث هم بالفعل، بدلاً من المكان الذي يفترض أنهم سيكونون فيه في المخطط التنظيمي أو قاعدة بيانات المنتج بهدوء.