كل ما تحتاج إلى معرفته حول تجربة المستخدم وتصميم واجهة المستخدم

مقالات

الاقتحام إلى عالم تجربة المستخدم: قصص نجاح في تغيير المسار المهني

من خلال بحثي في ​​مجال UX | UI اكتشفت أن 62% من محترفي UX قد غيروا مساراتهم المهنية سابقًا.

المبادئ البصرية الثلاثة عشر للتصميم

أدلة إرشادية

1. اللون

يُستخدم اللون في تصميم واجهة المستخدم للتعبير عن المشاعر، وإضفاء التنوع، وإضفاء لمسة بصرية جذابة. كما يُستخدم لتمييز موقع إلكتروني عن آخر. للألوان أهمية نفسية بالغة، وتؤثر نظرية الألوان بشكل كبير على فهمنا لاستخدامات الألوان المختلفة.

2. الطباعة

أسلوب الطباعة لا يقتصر على محتوى النص، بل على مظهره. إنه طريقة ترتيب النص على الصفحة، بما في ذلك الخطوط المستخدمة، والمسافات، والحجم، وكيفية ارتباط النصوص المختلفة، مثل العنوان والنص الرئيسي، ببعضها البعض. تنقل الخطوط المختلفة معانٍ مختلفة، وبينما يمكنك عادةً الالتزام بالخطوط الكلاسيكية، قد تتطلب بعض الخطوط الغريبة أو المبتكرة استخدام خطوط مختلفة.

3. التباين

التباين هو إبراز عناصر تصميمك، سواءً من خلال اللون أو الحجم أو الجوانب الإضافية. يُعدّ التباين وسيلة رائعة لإبراز عناصر مختلفة في تصميمك.

4. التوازن

عناصر التصميم التي تُرتّبها على الصفحة تُخلق توازنًا، فكل عنصر له وزنه، سواءً كان ناعمًا وسريع الزوال أو ثقيلًا وجذابًا. يمكن أن يكون هذا التوازن متماثلًا أو غير متماثل. عند استخدام عناصر تصميم متساوية الوزن، مثل مربعات متساوية في الصفحة، تُنشئ تصميمًا متماثلًا. هذا النوع من التصميم يُشعر المستخدم بالسكينة والهدوء. أما عند استخدام عناصر تصميم مختلفة الوزن، مثل مربعات بأحجام مختلفة، تُنشئ تصميمًا غير متماثل. هذا النوع من التصميم يُشعر المستخدم بالتوتر أو الانفعال.

5. التركيز

يُبرز التركيز مدى بروز عنصر ما على الصفحة. قد تكون أجزاء التصميم مهمة، وبالتالي يتم التركيز عليها، أو غير مهمة، وبالتالي يتم التقليل من أهميتها. وتؤدي مستويات التركيز المختلفة إلى زيادة أو تقليل تأثير بعض المعلومات من خلال اللون والتباين والمقياس والموضع وغيرها.

6. التسلسل الهرمي البصري

من المبادئ الأخرى التي تُعزز التركيز هي التسلسل الهرمي البصري. يُملي التسلسل الهرمي البصري أن المحتوى الأكثر أهمية يجب أن يظهر أكثر أهمية. لذا، ينبغي أن تتضافر مستويات التركيز المختلفة لإنشاء الترتيب الذي يستوعب به المستخدمون المعلومات على الموقع الإلكتروني أو التطبيق. ويتجلى ذلك في العناوين الرئيسية والعناوين الفرعية ونص الصفحة.

7. التكرار

التكرار يعني تكرار شيء ما في التصميم، مثل نفس الألوان أو الأشكال أو عناصر التصميم أو الخطوط أو أي عنصر آخر. يُضفي التكرار على التصميم وحدةً ويُعزز الأفكار عند الحاجة. يُعدّ هذا الأمر بالغ الأهمية في تصميم واجهة المستخدم، حيث يضع المصممون شعار الشركة وعناصر القائمة في نفس المكان في كل صفحة.

8. الإيقاع

يرتبط المبدأ البصري للإيقاع بالتكرار. فالتباعد بين العناصر المتكررة يُنشئ إحساسًا بالإيقاع، تمامًا كما يُنشئ الموسيقيون إيقاعًا في الفجوات بين النوتات. هناك خمسة أنواع أساسية من الإيقاع البصري: العشوائي، المنتظم، المتناوب، المتدفق، والمتدرج.

9. المساحة البيضاء

المساحة البيضاء، وتُسمى أيضًا المساحة السلبية، هي المساحة المحيطة بعناصر تصميمك. في الواقع، هي فارغة. لكن الفراغ لا يعني بالضرورة شيئًا سيئًا. في الواقع، كلٌّ من المساحة الإيجابية في تصميمك والمساحة السلبية للمساحة البيضاء المحيطة بها، والتي تُسمى الشكل/الأرضية، يتكاملان لتكوين التصميم الكامل. تُتيح المساحة البيضاء للتصميم مساحةً للتنفس، وتُسهّل رؤية عناصر التصميم وفهمها.

الموارد

المصادر

https://www.reddit.com/r/UXDesign/comments/1i7jmh6/uxui_designer_apparently_still_the_8th_fastest/

https://www.uxdesigninstitute.com/blog/the-13-visual-principles-of-design/