تصميم الواجهات

بواسطة أحمد الطائفي   |   May 24, 2020   |   قراءة في ٦ دقائق

في هذا المقال سوف نتحدث عن أهم عناصر برمجة المواقع و البرامج و هي "واجهة المستخدم" أو "تجربة المستخدم" ما يسمى بـ "UX " أو "UI". واجهة المستخدم أو "تجربة المستخدم" هي التي تحدد ما اذا كان البرنامج أو الموقع الالكتروني جيداً أو سيئاً.

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

ما هي واجهة المستخدم (UI)؟

واجهة المستخدم (UI) هي أي شيء قد يتفاعل معه المستخدم عند استخدام برنامج أو موقع الكتروني.

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

ما هي تجربة المستخدم (UX)؟

واجهة المستخدم (UI) هي أي شيء قد يتفاعل معه المستخدم عند استخدام برنامج أو موقع الكتروني.

ما الفرق بين (UI) و (UX)

مع وضع كل ما سبق في الحسبان، يمكننا القول أن التركيز في واجهة المستخدم (UI) ينصبّ على الشكل والتصميم، والذي يتضمن:

كيف يبدو المنتج؟

ما هو النمط المُستخدم في تصميمه (كلاسيكي - حديث )

كيف يساعد المستخدمين على إنجاز الأمور؟

في حين ينصب التركيز في تجربة المستخدم (UX) على كيفية عمل المنتج وكيفية استخدامه، ويشمل ذلك:

ماذا ومتى وأين وكيف ولماذا يريد/يحتاج المستخدم لاستخدام هذا المنتج؟

بيئة عمل المستخدم (المنزل، المكتب، المدرسة، الهاتف الذكي.. إلخ).

فهم المستخدم للمنتج أثناء استخدامه.

ما يمكن/لا يمكن للمستخدمين فعله باستخدام المنتج.

لتكون مصمم UI / UX ناجحًا، فلا بدّ أن تكون لديك

نظرة فنيّة إبداعية:

و التي تسمى (عين مصمم) ، ويُقصد بها: أن يمتلك المصمم معرفة بأنماط الطباعة والألوان التي يصعب على المستخدم قراءتها، ورؤية مميزة للألوان المتوافقة مع بعضها.

معرفة أساسيات البرمجة:

من الميزات الإضافية المهمة جدًا لمصممي UI / UX معرفة البرمجة (أو الأساسيات). لأنك بذلك ستتمكن من التواصل مع مطوريّ الويب حول كيفية تنفيذ تصميماتك في HTML و CSS بشكل أفضل.

في الختام ، نأمل أن تكون هذه المقالة قد أفادتك.