مرحبا زائرنا العزيز

وفر وقتك ومجهودك ، نحن نقوم بذلك نيابة عنك

لإنشاء سيرة ذاتية احترافية اضغط

أو انتقل للصفحة الرئيسية

سيرة ذاتية سي في cv

سي في | cv maker

صمم سيرتك الذاتية في ثوانٍ

ما هو تصميم واجهات التطبيق UI/UX ؟(أسئلة مطور برامج)

نُشر في: الثلاثاء، 21 ديسمبر 2021

آخر تحديث:

ما هو تصميم واجهات التطبيق UI/UX ؟

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




أهمية تجربة المستخدم ومستقبلها

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


علم نفس المستخدمين

يعتمد تصميم واجهات التطبيق (UX design) على معرفة احتياجات العملاء وفهم كيفية عمل الدماغ البشري ومعرفة أنماط السلوك الذي يسلكه المستخدمون، ومن ثم تصميم تجربة مستخدم مميزة وفريدة ولكن قد تتغير مع الوقت. من أشهر الأمثلة على فهم السلوك البشري وكيفية عمله ما يعرف بتأثير “التكييف”. فكما هو معروف من تجربة “بافلوف” المشهورة في علم النفس والتي خلصت إلى أن اقتران محفز معين بمكافأة ما، يزيد من مستوى الدوبامين في الدماغ البشري المسئول عن الإحساس بالسعادة والرضا . فعندما نتعود على رد فعل معين بناءً على نمط محفوظ لدينا، فإننا سنقوم بنفس الإجراء ورد الفعل إذا ظهر هذا النمط مرة أخرى. وقد استفاد مصممو تجربة المستخدم من هذا الأمر بشكل كبير. ومن أبرز الأمثلة على ذلك، تصميم أزرار التفاعل على المنشورات الاجتماعية فكلما حصلت على عدد من الاعجاب على إحدى منشوراتك على فيسبوك أو توتير زاد إحساسك بالتقدير والحضور الاجتماعي. الأمر الذي يدفعك إلى مشاركة شيء جديد باستمرار لتحافظ على هذا الشعور الإيجابي وتبقيه مستمرا. ويلتزم مصممو تجربة المستخدم باتباع نسق واحد عند صناعة نمط معين. على سبيل المثال، تصميم أزرار الدعوة إلى اتخاذ إجراء(CTA) -التي تزيد من معدلات التحويل والشراء- فعندما يُطلب من المستخدم تنفيذ إجراء من خلال شكل هذا الزر وحجمه ولونه سيتشكل نمط معين يقضي بأنه كلما نقر على هذا الشكل من الأزرار سيؤدي ذلك إلى نتيجة مماثلة. وإذا تخلف المصمم عن هذا النمط فيمكن أن يُعد ذلك نوعًا من التلاعب الذي يؤثر على الدماغ البشري وتظهر معه أهمية التصميم وخطورته في الوقت نفسه.


بحوث المستخدمين

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


محاور البحث

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


النوعي والكمي

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


السلوكي والموقفي

المحور الآخر هو الذي يعمد إلى فهم سلوك المستخدمين ومواقفهم، عبر سؤالهم ودراسة سلوكهم وتمثل أهمية السلوك في مقابل “الموقف” في التعرف على الفرق بين الآراء التي عبّر عنها أصحابها وسلوكهم في الحقيقة. فبينما تسعى مجموعات التركيز (Focused Croup) إلى تقديم نظرة عامة عن قناعات المستخدمين عن العلامة التجارية، فإن دراسات تتبع العين (eye tracking) تهدف إلى التعرف على كيفية تفاعل المستخدمين بصريًا مع تصميم الواجهة في واقع الحال. ويفيد هذا البعد للغاية عند القيام بدراسات قابلية الاستخدام.


دورة حياة المنتج

في هذه الطريقة يمشي التصميم جنبًا إلى جنب مع مراحل تصميم المنتج بدءًا من مرحلة الاستكشاف ثم مرحلة التنفيذ وفي أثناء مرحلة الإطلاق والتشغيل. وذلك من خلال الاستفادة من التغذية الراجعة المباشرة من المستخدمين ومن سياق كل مرحلة بإجابة الأسئلة الخاصة بها ومناقشة كيف يمكن أن تلبي الحلول البرمجية احتياجات المستخدمين المتنوعة من أفضل طريق. بعد ذلك تأتي مرحلة تحليل البيانات عبر تنظيمها وترتيبها للخلوص إلى النتائح المعبرة عن آراء المستخدمين والتي من شأنها الإجابة على الأسئلة قيد الاختبار. ومن المهم هنا، الانتباه إلى عدم استخدام تلك البيانات لتوكيد وجهة نظرك، فالأصل أنك قمت بكل هذا المجهود للحصول على حقائق موضوعية لانطباعات المستخدمين الفعلية، لا لإثبات تصوراتك. بعد وضع تصورات لقصص العملاء المختلفة واحتياجاتهم عند استخدام منتجك أو موقعك الإلكتروني، يكون الوقت قد حان لبناء هيكل تخطيطي للمحتوى في موقعك وهو ما يطلق عليه AI اختصارًا لـ (information architecture) أو هندسة المعلومات وهو عبارة عن خرائط لتخطيط نظام التنقل بين المعلومات في منتجك. تنبع أهمية هندسة المعلومات من كونها الأساس في صناعة تجربة استخدام فعالة وهي فرع دقيق جديد في مجال تجربة المستخدم يحاول التخطيط لأربع مكونات رئيسة؛ هي أنظمة التنظيم والمسميات أو العلامات وأنظمة التنقل و أنظمة البحث.


الرسوم التخطيطية

الرسوم التخطيطية هي المرحلة التي يُختبر فيها التصميم قبل تنفيذه وذلك للتأكد من قابليته للاستخدام منذ مراحله الأولى بدون التورط في تطوير منتج سيئ. وتمتاز تلك المرحلة بعملية التكرار، إذ يكرر المصمم النماذج الأولية والرسومات التوضيحية ليحصل على تقييم المستخدمين وصولًا إلى أحسن نسخة. وكالعادة، تتنوع المراحل التي من خلالها يرسم المصمم نماذج المنتج الأولية بداية من الرسومات (sketches) ثم الأشكال التخطيطية (wireframes) فالنماذج النهائية (mockups)


أنماط التصميم

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


ما هي مبادئ التصميم المرئي؟


التوازن

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


المسافة

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


التباين

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


التراتب المرئي

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


كتابة محتوى المستخدمين

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



"مقالات"