واجهات المستخدم
التفاعل مع أنظمة الكمبيوتر
الأزرار التي استخدمتها في الدماغ هي بداية واجهة المستخدم الأساسية (UI). واجهة المستخدم هي
مساحة تسمح للمستخدم بالتفاعل مع نظام الكمبيوتر (أو الجهاز). عندما قمت ببرمجة الأزرار على
الدماغ، أعطيت المستخدمين طريقة للتفاعل مع Clawbot حتى يتمكنوا من رفع وخفض الذراع. هناك
أنواع أخرى من واجهات المستخدم (UIs)، بما في ذلك واجهات المستخدم الرسومية (GUIs) مثل
الشاشات التي تعمل باللمس في السيارات وعلى الهواتف الذكية. عندما تتفاعل مع شاشة تعمل
باللمس على أحد أجهزتك (الكمبيوتر اللوحي، الهاتف الذكي، الساعة الذكية)، غالبًا ما تكون
هذه الشاشات هي الواجهة الوحيدة التي لديك. ربما يحتوي جهازك على أزرار مستوى الصوت أو
الطاقة أيضًا ولكنك تتفاعل بشكل أساسي مع الشاشة.
هناك أزرار على جهاز التحكم عن بعد
للتلفزيون مبرمجة لإيقاف تشغيل التلفزيون أو لرفع مستوى الصوت عند الضغط عليها. تتضمن بعض
أمثلة واجهات المستخدم الأزرار الموجودة على وحدة تحكم ألعاب الفيديو أو الأزرار الموجودة
على الميكروويف. تعتمد طرق تصميم واجهات المستخدم هذه على كيفية عمل الجهاز وكيفية تفاعل
المستخدمين معه. تشكل مبادئ التصميم
هذه أساس تجربة المستخدم (UX) أثناء استخدام
واجهة المستخدم. تجربة المستخدم هي مدى جودة الواجهة التي تتيح لي، كمستخدم، القيام بما
أحاول القيام به. هل تعمل الواجهة كما أتوقعها ؟ هل هو متجاوب مع ما أحاول التواصل به
معارضي ؟ هل هو منظم بشكل جيد، أم يجب على الإصدارات المستقبلية من واجهة المستخدم تحريك
الأزرار لتسهيل الأمر ؟ كيف تبدو الواجهة بشكل عام ؟ هل من الممتع النظر إليه وهل يجعلني
أرغب في استخدامه أكثر ؟
عندما لا تزال واجهة المستخدم قيد التطوير وتخضع للتكرار،
يقوم المطورون بجمع البيانات حول ما يعمل كما هو مخطط له وما يجب إصلاحه أو تحسينه. ثم
تُعلم هذه البيانات الجولة التالية من التصميم التكراري. تحدث بعض تغييرات تجربة المستخدم
الموصى بها قبل إصدار الجهاز. ولكن، يمكن أيضًا بيع الجهاز كما هو وإجراء هذه التغييرات
لاحقًا قبل تقديم الإصدار التالي للمستهلك العام.
قم بتوسيع نطاق تعلمك
اطلب من الطلاب اختيار جهاز ذكي (على سبيل المثال، iPhone) والتحقق من كيفية تغيير واجهة المستخدم مع كل إصدار جديد من الجهاز. يمكنهم استخدام لقطات الشاشة من الإنترنت ووصف ما يلاحظونه مختلفًا من إصدار إلى آخر. في كثير من الأحيان، هناك وثائق من الشركة تفصل التغييرات من الإصدار السابق. يجب على الطلاب إنشاء جداول زمنية خاصة بهم للأجهزة الذكية التي اختاروها.
اطلب من الطلاب مقارنة أجهزة جهة تصنيع/طراز معين حتى لا يقارنوا هواتف مختلفة تمامًا. قد تكون بعض الطرز قد بدأت بمفاتيح الضغط على الأزرار المرتفعة ثم انتقلت إلى شاشات اللمس. تجدر الإشارة إلى أن واجهة الشاشة التي تعمل باللمس الأحدث تتعلق بالتقدم التكنولوجي أكثر من كونها تتعلق فقط بتحسين تجربة المستخدم.
تحفيز المناقشة - مصممو ومهندسو واجهات المستخدم
س: هناك مصممين و/أو مهندسين محترفين تتمثل مهمتهم في تعظيم تجربة المستخدم عند التفاعل مع الجهاز. ما هي برأيك بعض المهارات التي يحتاجها أحد هؤلاء المهنيين ؟
ج: من المحتمل أن تختلف الإجابات ولكن هناك بعض جوانب هذه الوظيفة التي يجب على الطلاب مراعاتها. على الأقل، يجب أن يكون هؤلاء المحترفون مصممين ومبرمجين جرافيك ماهرين. قد يحتاجون إلى معرفة الطباعة - تقنية ترتيب نوع النصوص من أجل جعلها مقروءة وجذابة عند عرضها. قد يحتاجون إلى معرفة الجماليات - مبادئ حول طبيعة ما نعتقد أنه جميل أو ممتع بصريًا. قد يحتاجون إلى معرفة العوامل البشرية أو العلوم المعرفية أو بيئة العمل - الطرق التي يفكر بها الناس ويستخدمون الأجهزة ليكونوا منتجين - حتى يتمكنوا من تحسين التصميم لتلبية تلك الاحتياجات.
س: يأخذ مصممو واجهة المستخدم "التوافق مع توقعات المستخدم" على محمل الجد. برأيك ماذا يعني ذلك، وكيف يؤثر ذلك على تصميم الواجهة ؟
ج: يحتاج الطلاب أولاً إلى تحديد "التوافق مع توقعات المستخدم" على أنه جعل الواجهة تبدو وتستجيب للمستخدم كما هو متوقع. لذا فإن الجزء الأول هو أنه يبدو مألوفًا أو على الأقل بديهيًا. الجزء الثاني هو أنه عندما يتفاعل المستخدم معه، يجب أن يتفاعل مع إجراءات المستخدم بطرق يتوقعها المستخدم ويخطط لها. كلاهما يؤثر على التصميم لأن المصممين يريدون أن تكون تجربة المستخدم أفضل ما يمكن أن تكون عليه. في الممارسة العملية، يعني ذلك في بعض الأحيان الاضطرار إلى البقاء مع واجهة مماثلة مع بعض التغييرات فقط بدلاً من واجهة جديدة تمامًا مع تغييرات في الغالب. إذا كانت الواجهة بأكملها جديدة، فإن التجربة لا تعد المستخدمين بتوقعات حول كيفية التفاعل معها.
س: تخيل أن عليك إنشاء واجهة مستخدم جديدة تمامًا لم يرها أحد من قبل. وهذا يعني أن المستخدمين ليس لديهم أي خبرة للاستفادة منها عند استخدامها. ما الذي يمكنك تضمينه في الواجهة لجعلها تتوافق مع توقعات المستخدم ؟ تلميح: فكر في الميزات المضمنة في VEXcode IQ.
ج: لا تحتاج توقعات المستخدمين إلى أن تأتي من تجارب سابقة مع واجهات
أخرى. في بعض الحالات، تتشكل توقعات المستخدم عندما ينظر لأول مرة إلى واجهة المستخدم. في
هذه الحالات، يحتاج المصممون إلى جعل واجهة المستخدم تبدو واضحة. قد يساعد وضع العلامات
وترميز الألوان، بما في ذلك النوافذ/الشاشات المتعددة التي تظهر عند الاقتضاء، وتقليل
النص/الصور/الألوان الغريبة، واستخدام المطالبات الأخرى المستخدم على فهم كيفية عمل واجهة
المستخدم الجديدة بسرعة أكبر.
يستخدم VEXcode IQ كتل مرمزة بالألوان، ومثال على المشاريع، ومعلومات المساعدة للكتل،
والأهم من ذلك البرامج التعليمية لتوضيح للمستخدمين أفضل طريقة للتفاعل مع VEXcode IQ.