في الأيام الخوالي عند بداية اختراع الحواسيب كانت وسيلة التواصل الوحيدة مع الحواسيب هي سطر الأوامر والتي كانت تُركز على الأداء لا على الشكل الجمالي، وهذا مبرر فقد كان المستخدمين في تلك الحقبة هم المهندسون والمبرمجون.
لاحقاً وفي الثمانينات قدمت كل من Microsoft و Apple أنظمتها ذات الواجهة الرسومية Graphical User Interface (GUI)، فقد أتى كل من Windows و Macintosh بعناصر مرئية قابلة للتفاعل، وأيقونات ومفهوم “الفأرة” Mouse للتنقل، وكانت الأمور في تلك الحقبة بأبسط أشكالها.
بعد ذلك وفي بداية التسعينات بدأ الانترنت بالظهور والانتشار مُفتتحاً بذلك حقبة جديدة لمفهوم الـ UI/UX فظهرت صفحات الويب الستاتيكية (الثابتة) وكان المصممين في ذلك الوقت لايزالون يستكشفون القدرات الجديدة لواجهات الانترنت، فلم تكن الواجهات حينها جذابة او حتى مقبولة بمعايير عصرنا الحالي.
ومن ثم ومع تطور الويب وظهور الأجهزة المحمولة بدأت الأمور تصبح أكثر تعقيداً فأصبحت الواجهات الرسومية تحتوي عدداً كبيراً من العناصر التي يجب أن تُلائم كل من أجهزة الحاسوب والأجهزة المحمولة، وهنا ظهرت الحاجة الماسة لوجود متخصصين في مجال الواجهات الرسومية وهم مختصي الـ UI/UX.
ولكن ما هي الـ UI/UX:
بدايةً عليك أن تعلم أن كل منهما يعد مفهوماً منفصلاً قائماً بحد ذاته، لكنهما مرتبطان ارتباطاً وثيقاً فكل منهما يُكمل الآخر وفيما يلي شرح مختصر لكل منهما وما الفروق الرئيسية بينهما وكيف يُكملان بعضهما البعض.
واجهة المستخدم User Interface:
إن الـ User Interface أو اختصاراً UI هي مجموعة العناصر المرئية الرسومية التي تسمح للمستخدمين بالتفاعل مع الأنظمة والتطبيقات ومواقع الويب المختلفة، أي أنها باختصار هي كل ما تراه أمامك على الشاشة من نصوص وأيقونات وخانات وقوائم ورموز وعناصر مختلفة، أي أنها قناة الاتصال بين المستخدم العادي والآلة لتحقيق هدف ما كالكتابة أو الرسم او النقر لأداء مهمة معينة. وهي تعد القسم الذي يُركز على الناحية الجمالية للواجهة الرسومية، بدايةً من تخطيط الواجهة وألوانها مروراً بالرسوميات وتحريكها وليس نهايةً بالخطوط المستخدمة وألوانها.
وإن عناصر تصميم الواجهة الناجحة الجذابة هي:
- تخطيط الواجهة layout:
وهو مصطلح يشير إلى كيفية توزع العناصر على الشاشة أمام المستخدم، وذلك لضمان قدرته رؤية العناصر والوصول إليها والتنقل بينها بشكل واضح وبديهي، وهي تختلف باختلاف النظام المعمول به والأجهزة الموجه لها. - ألوان الواجهة:
تعد الألوان عاملاً حاسماً عند الحديث عن واجهة المستخدم فهي عليها أن تكون متناسقة ومتباينة فيما بينها لتقديم منظر جمالي يجذب المستخدم. - الأيقونات والرسومات:
لا تخلو واجهة رسومية من الأيقونات والرسومات المختلفة لذلك عليها أن تكون بسيطة وفعالة ومواكبة فلا أحد مثلاً سيستخدم في وقتنا الحالي أيقونات ثلاثية الأبعاد كالتي كانت في عام 2011. - أسلوب الكتابة:
إن أسلوب الكتابة أو ما يعرف بالتايبوجرافي عامل أساسي آخر عند تصميم واجهة رسومية، فهو أيضاً عليه أن يكون جذاباً ومُراعي للحداثة.
تجربة المستخدم User Experience:
على الناحية المقابلة لدينا الـ User Experience او اختصاراً الـ UX التي تعد التجربة العامة التي تُقدم للمستخدم أثناء عمله، وهي تشمل مدى سهولة أو صعوبة استخدام نظام ما ومدى قدرته على تلبية احتياجات المستخدم، أي أنها لا تركز على الناحية الجمالية كحال الـ UI بقدر تركيزها على الأداء وتلبية تجربة استخدام مريحة، فالجمالية على عكس ما يظن الكثيرون لا تترافق دائماً مع سهولة الاستخدام والعملية، على سبيل المثال قد يكون وجود زر button في مكان معين أكثر جمالية للنتيجة النهائية لكن وجوده في هذا المكان غير مريح للمستخدم وغير عملي فهو إما يعيق الوصول إلى شيء ما أو أنه يشكل مشكلة ما، لتأتي مفاهيم الـ UX لتحل هذه المشكلة ولتحاول أن تفاوض بين الجمالية والعملية والوصول إلى حلول وسط تلبي كلتا الحاجتين الجمالية والعملية.
وإن عناصر واجهة المستخدم تتلخص في:
- سهولة الاستخدام:
وهو العامل الحاسم عند الحديث عن واجهة المستخدم فلا أحد يريد استخدام واجهة تجعله يعاني للقيام بمهمة ما أو تصعب الأمر عليه، لذلك تشير سهولة الاستخدام إلى مدى فعالية الواجهة وتحقيقها للسلاسة والسهولة عند الاستخدام. - إمكانية الوصول:
على مصممي الـ UX أن يُراعوا أيضاً الفئات ذات الأوضاع الخاصة بدنياً او معرفياً وجعل إمكانية استخدام النظام ممكناً. - التصميم المرئي:
وهو يعد الجانب الجمالي من الـ UX وهو يركز على إنشاء واجهة جذابة ومتسقة تزيد من قابلية المستخدم من التفاعل مع الواجهة، وهو القسم الذي يجعل من الـ UI و UX متتامان ويتقاطعان في كثير من الجوانب. - هيكلة المعلومات:
وهي تعني تنظيم المعلومات وهيكلتها بشكل واضح ومفهوم وغير معقد مما يجعل التجربة الكلية للمستخدم أكثر تنظيماً وأسهل للتنقل والفهم.
أي بذلك وكتلخيص سريع، نستطيع القول أن تجربة المستخدم UX هي مجال يتم من خلاله مراعات الجوانب النفسية للمستخدم النهائي وتحاول أن تتوقع أو تفهم ما الأمور التي تعجبه وتريحه وما الأمور التي قد تزعجه أثناء الاستخدام، وهي مرتبطة أكثر بهوية العلامة التجارية، أما على الجانب الآخر فإن واجهة المستخدم UI هي من تهتم بالتجربة البصرية والجمالية للمستخدم فهي تحاول أن تجعل المستخدم مُنجذباً أكثر لما يراه أمامه على الشاشة.
ونهايةً نتمنى أن يكون المفهومان قد أصبحا أكثر وضوحاً بالنسبة لك، وإن كانت قد أعجبتك هذه المقالة لا تتردد في متابعتنا على مواقع التواصل الاجتماعي لتبقى على إطلاع بكل ما نقوم بنشره من مقالات تقنية وبرامج بإصداراتها الأخيرة، ولتشاركنا آرائك بما نقوم بنشره.
محاور الكورس:
- تصميم واجهات المستخدم UI.
- تجربة المستخدم (UX).
- تصميم الفيكتور (Vector Design).
- الرسم الرقمي (Digital Art).
- تصميم المستندات والفواتير بصيغة PDF.
- تصميم العروض المرئية للمعلومات (Data Visualization).
ابدأ اليوم وابدأ في تحويل أفكارك إلى تطبيقات مبتكرة عبر Figma!
رابط تحميل كورس تصميم واجهة وتجربة المستخدم على Figma بروابط مباشرة وتدعم الإكمال التلقائي ..
