اثنان من أهم الكلمات الطنانة في WordPress: UI و UX

يعد تطوير الويب أحد أسرع القطاعات نموًا في جميع أنحاء البلاد. هناك الملايين من المفاهيم التي تلعب دورًا مهمًا في توفير الحلول الأكثر ابتكارًا للعالم.

تعد واجهة المستخدم (UI) وتجربة المستخدم (UX) من أكثر المفاهيم إلحاحًا في قطاع تطوير الويب. كلاهما مفهومان مختلفان ، لكنهما يلعبان دورًا حاسمًا في تصميم وتطوير مشروع قائم على الويب.

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

هيا بنا نبدأ!

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

واجهة المستخدم أو واجهة المستخدم هي المفهوم التقني الذي يتيح للمستخدم التفاعل مع المنتج أو التقنية من خلال الرموز والأزرار وخيارات التحكم. تعرض واجهة المستخدم عناصر تجربة المستخدم التي تم تصميمها لتقديم تفاعل محسّن ومريح مع زوار موقعك المستهدفين.

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

• جماليا
• نظيفة واضحة
• فعال
• حدسي
• متسقة و
• غفور

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

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

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

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

دعنا نلقي نظرة على التاريخ المختصر لـ WordPress UI و UX

تم ضغط معظم التعديلات التي رأيتها في واجهة مستخدم WordPress في الواجهة الخلفية وتؤثر بشكل أساسي على منطقة الإدارة أو لوحة القيادة. هناك الكثير من الأشياء التي تغيرت مثل بنية التعليق التي تؤثر على المستخدمين النهائيين أيضًا. حسنًا ، سيكون من المثير للاهتمام معرفة التاريخ المختصر لـ WordPress UI و UX.

• تم تقديم الإصدار الأول من WordPress UI في عام 2003 . ستندهش من معرفة أن الإصدار الأول من WP UI لا يحتوي على لوحة تحكم ، كما أنه مدمج بميزات محدودة. هذا يعني أنه يمكن للمستخدم تعيين فئة واحدة فقط للمنشور. ومع ذلك ، كانت واجهة المستخدم لا تزال صريحة ولم يكن هناك العديد من الميزات التي توقعها المستخدمون من الإصدار التالي من واجهة مستخدم WordPress. كما أنها مضمنة في الفئات الفرعية ، ومعاينات النشر ، والصور المصغرة ، والحقول المخصصة ، وما إلى ذلك داخل لوحة القيادة.
• تم تقديم الإصدار التالي من WordPress UI في عام 2005 ، والذي جلب تغييرات جديدة في لوحة القيادة. أضافت صفحات ودعمت أيضًا موضوعات متعددة. قدم إصدار 2005 أيضًا محرر WYSIWYG (ما تراه هو ما تحصل عليه) و Akismet. كما أدرجت تحميل الصور والملفات.
• تضمن الإصداران لعام 2007 التدقيق الإملائي وهيكل قائمة للعلامات والتعليقات وإخطارات التحديث للمكونات الإضافية الجديدة وتوافر ترقية WordPress وأيقونة للمحرر المرئي المتقدم وإعادة توجيه عنوان URL.
• قدم إصدار 2008 الكثير من التحديثات التي أضافت لوحة إدارة جديدة ، وتحسينات للمحرر المرئي ، وميزة عدد الكلمات للقسم المكتوب ، وترقية بنقرة واحدة للمكونات الإضافية المتوفرة في مستودع مكونات WordPress ، ومعرض يحمل في ثناياه عوامل ، وتثبيتات تلقائية لـ المكونات الإضافية في الدليل ، وترحيل التعليقات ، وإمكانية الرد على التعليقات من لوحة الإدارة ، واختصارات لوحة المفاتيح ، والمشاركات الثابتة وغير ذلك الكثير.
• جلب إصدار 2009 تحديثات البرنامج الإضافي ، ومحرر صور يحمل في ثناياه عوامل ، ومهملات / تراجع عالمي ، وبرمجة أسرع لتسريع WordPress الأساسي ، وعملية بسيطة لتضمين الفيديو ، ومحرر CodePress ، وتثبيت السمة بنقرة واحدة ، وإمكانية تصفح دليل السمات بالكامل ، وسحب وإسقاط الأدوات في الشريط الجانبي ، وأكثر من ذلك بكثير.
• 2010 جلبت API للسماح للمطورين بإنشاء موقع مخصص. تم تقديم واجهة برمجة تطبيقات بخلفية مخصصة وقوائم وأنواع منشورات ورؤوس وتصنيفات وروابط مختصرة ، وما إلى ذلك ، كما تم تضمين MU مع WordPress للسماح للمسؤولين بتشغيل مواقع متعددة من لوحة معلومات واحدة.
• في عام 2011 ، تم تقديم إصدار WordPress UI مع UIR متقدم ومحرر ملء الشاشة. أصبح WordPress أسرع وأخف وزنًا. بالإضافة إلى ذلك ، تم تقديم تصميم جديد للوحة القيادة ، والذي تضمن الطباعة والرمز والتصميم.
• نشر إصدار 2012 مزيدًا من التحسينات على الصور وإنشاء معرض متكامل وتحميل الوسائط. تم أيضًا تحسين نمط لوحة القيادة - تمت ترقية كل شيء برسومات عالية الدقة ، وتم تضمين منتقي ألوان جديد وغير ذلك الكثير.
• أضاف إصدار 2013 تحديثات أمان وصيانة تلقائية ، وتوصيات أقوى لكلمة مرور ، ودعم أصلي لتضمينات الصوت والفيديو ، والحفظ التلقائي ، ودعم عالمي أفضل ، وما إلى ذلك.
• شهد إصدار 2014 الطباعة المباشرة التي تبدو جميلة من أجهزة محمولة متعددة ، وإدارة أفضل للوسائط ، وتحرير محسّن للصور ، ومعاينات الرأس ، ومعاينات المعرض ، ووضع كتابة أفضل خالٍ من التشتيت ، ومقاييس متقدمة لتحسين البحث عن المكونات الإضافية وتصفحها ، وموضوع جديد المتصفح والقطعة الحية.

ملاحظة : أجرى WordPress العديد من التغييرات لتحسين واجهة المستخدم لكل من مالكي الموقع (المشرف) والمستخدمين النهائيين. كان الهدف من هذه التحسينات هو إنشاء تجربة مستخدم محسّنة مع تطوير واجهة مستخدم فعالة وقوية.

مستقبل ووردبريس UI و UX

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

1. واجهة مستخدم مسطحة

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

2. بساطتها

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

3. التمرير

سيكون التمرير مفاهيم أكثر انتشارًا في تصميمات WordPress. وذلك لأن المزيد والمزيد من الأشخاص يستخدمون الأجهزة المحمولة لتصفح أو تصفح الموقع. التمرير هو وسيلة سهلة الاستخدام ثم النقر فوق الزر الذي يمكن أن يعطي تجربة مستخدم أفضل للعملاء.

بالإضافة إلى ذلك ، يعد التمرير أكثر ملاءمة كما أنه يعمل على تحسين السرعة الإجمالية لموقع الويب.

4. جاهزة للجوال

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

5. تصميم المواد

وفقًا لـ Google ، يجب عليك تطوير نظام أساسي واحد يتيح تجربة موحدة على منصات وأحجام أجهزة متعددة. تعتبر إجراءات الهاتف المحمول أساسية ، لكن اللمس والصوت ولوحة المفاتيح والماوس هي طرق إدخال من الدرجة الأولى.

تشمل المفاهيم ما يلي:

• متعمد
• الرسم ،
• جريئة و
• الحركة التي تعطي المعنى.

تم تصميم نظام التنقل السريع والسهل للسماح للمستخدمين بالتنقل داخل الموقع دون أي متاعب. ستكون أهداف اللمس 48 * 48 بكسل. كما أنه سيدعم التنقل باستخدام الإيماءات بدون استخدام الماوس ، مما يتيح لك إدارة تركيز المستخدم النهائي بسهولة.

سيستخدم أيضًا اللون لنقل المعلومات ، واستخدام بديل مرئي للصوت ، وتقديم أدلة حول العلاقات الخاصة.

6. الخلفيات الديناميكية

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

7. البلاط والبطاقات

سوف يتألق هذا الاتجاه أيضًا في المستقبل القريب.

هناك العديد من المواقع الشهيرة مثل Pinterest ، التي تتبع بالفعل اتجاه المربعات والبطاقات. تبدو جميلة ونظيفة.

8. التحكم الصوتي

سيشهد اتجاه المزيد من التحكم في الحركة والصوت أيضًا شعبية كبيرة في تصميم الويب.

9. الطباعة

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

10. UX مخصص

هناك الكثير من مواقع الويب على الويب ، حيث يتم تخصيص المحتوى بالفعل وفقًا لسلوك العميل. ولكن الآن حان الوقت لتخصيص UX وفقًا لذوق العميل وتفضيلاته. بمساعدة Analytics ، يمكنك معرفة كيفية استخدام العملاء لموقع الويب. يمكنك استخدام هذه المعلومات لفهم تجربة المستخدم المخصصة وتوفيرها لمستخدمي الويب المحتملين. سيسمح هذا للمستخدمين بإجراء تغييرات وفقًا لاحتياجاتهم.

تغليف

تلعب كل من واجهة المستخدم وتجربة المستخدم دورًا مهمًا في تحديد قابلية الاستخدام وإمكانية الوصول ووظائف موقع WordPress. يصبح من الضروري معالجة كلا المفهومين عن عمد.

حسنًا ، في منشور المدونة هذا ، أوضحنا التطور السريع لواجهة المستخدم وتجربة المستخدم في عالم تصميم الويب ، وكيف يترابطان مع بعضهما البعض ، وتاريخ WordPress UI و UX ومستقبلهما في تصميم الويب وتطويره.

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

نأمل أن تكون قد أحببت منشور المدونة هذا. يمكنك أيضًا مشاركة آرائك حول كيفية زيادة تحسين واجهة المستخدم وتجربة المستخدم لموقع الويب.