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