Uploaded by Abdallah Abbas

تصميم تجربة المستخدم UX

advertisement
‫الدليل الشامل لتصميم تجربة المستخدم‪UX‬‬
‫مؤخرا من أكثر الكلمات المطروقة في المجال التقني‪ ،‬وهي عبارة عن تصميم وبناء منتجات أو‬
‫أصبحت تجربة المستخدم‬
‫ً‬
‫خدمات تتمتع بالفائدة والمتعة وسهولة االستخدام‪ .‬يتضمن ذلك إنشاء واجهة فعالة وسهلة االستخدام‪ ،‬أي إنشاء موقع يمكن‬
‫التنقل فيه بسهولة واستخدامه بأريحية‪ ،‬كما يهتم مصمم تجربة المستخدم بالتفاصيل الدقيقة والميزات التي تجعل تجربة‬
‫المستخدم فريدة وبارزة‪.‬‬
‫إذا كنت قد سمعت عن تصميم تجربة المستخدم‪ ،‬فال بد أنك لمسته عمليًا في مواقع وتطبيقات عديدة‪ ،‬مثل واجهة أيقونات آبل‬
‫أو خرائط جوجل أو سبوتيفاي أو تطبيق فيسبوك للهاتف المحمول‪.‬‬
‫يساعدك هذا الدليل على تطبيق مبادئ تصميم تجربة المستخدم على مشروعك‪ ،‬لترى مدى تأثير ذلك على تحسين تجربة‬
‫استخدام موقعك أو منتجك وتتمكن من تقييم درجة مالءمتها‪.‬‬
‫سنتحدث عن المهارات األساسية الالزمة لبناء مواقع وتطبيقات سهلة االستخدام‪ ،‬إذ يركز الجزء األول من المقال على فهم‬
‫مبادئ تصميم تجربة المستخدم ويقدم المهارات الالزمة للبدء بإنشاء تصاميم جذابة لمشاريعك‪ ،‬في حين يركز الجزء الثاني‬
‫ً‬
‫على التصميم على ضوء التعاطف مع المستخدم‪ ،‬ويقدم ً‬
‫مفصال حول تطبيق تصميم تجربة المستخدم على مشاريعك‪.‬‬
‫دليال‬
‫يتضمن هذا الدليل أيضًا أمثلةً واقعيةً وتمارين عمليةً تم ّكنك من اكتساب خبرة مباشرة في بناء واجهات مستخدم ممتازة‪،‬‬
‫قادرا على إنشاء واجهة ذات تصميم مناسب وإدراك العوامل التي تعزز جودة تجربة المستخدم‪.‬‬
‫بحيث تصبح في النهاية ً‬
‫ما هو تصميم تجربة المستخدم؟‬
‫تصميم تجربة المستخدم هو فرع معرفي يعنى بفهم احتياجات المستخدم وأهدافه وسلوكياته‪ ،‬وتصميم حلول متمحورة حول‬
‫المستخدم تلبي غاياته‪.‬‬
‫يش ّكل تصميم تجربة المستخدم األساس الذي تبنى عليه دورة حياة تطوير المنتج بأكملها‪ ،‬انطالقًا من إنشاء مفهوم المنتج‪،‬‬
‫ً‬
‫وصوال إلى إطال منتج ناجح إلى السو ‪ .‬يعمل مصممو تجربة المستخدم بالتعاو الوثيق مع كل من مديري المنتج‬
‫والمهندسين والمسوقين وأفراد الفريق اآلخرين‪ ،‬وذلك بهدف إنشاء منتجات مبتكرة تحل مشاكل العمالء وتنال إعجابهم‪.‬‬
‫لبناء منتج يلبي احتياجات العمالء‪ ،‬يجب أ يراعي مصممو تجربة المستخدم متطلبات العمالء وأهدافهم وسلوكياتهم‪ .‬بمعنى‬
‫آخر‪ ،‬فإ إدراك ما يهم جمهورك هو الجانب األهم من تصميم تجربة المستخدم‪ ،‬وبمجرد أ تصل إلى هذه المعلومات يمكنك‬
‫إنشاء تجربة مستخدم تلقى صدى لدى عمالئك‪ .‬ولهذا السبب فمن الضروري فهم سلوك المستخدم وكيفية تفاعله مع منتجك‬
‫وما الذي يريده من هذا المنتج‪.‬‬
‫ما هي تجربة المستخدم؟‬
‫وفقًا لمعهد خدمة العمالء‪ ،‬تجربة المستخدم هي "االستجابة الحسية والعاطفية واإلدراكية الكلّية للشخص تجاه المنتج أو الخدمة‬
‫أو العالمة التجارية"‪ ،‬أي أنها االنطباع الكلي للمستخدم عن المنتج أو الخدمة بعد استخدامها‪ ،‬والتي تتأثر تجربة المستخدم‬
‫بتفاعالته وقراراته التي يتخذها أثناء تعامله مع منتجك‪.‬‬
‫على سبيل المثال‪ ،‬لنفترض أنك تتسو على اإلنترنت لشراء فراش للسرير فتجده بأسعار مختلفة‪ ،‬عندها ستختار السعر‬
‫األنسب وتتابع للوصول إلى مرحلة الدفع‪ ،‬وعندها يطلب منك تحديد العنوا الذي تريد شحن المشتريات إليه إلنهاء عملية‬
‫الشراء‪ ،‬وهنا تظهر ثالثة احتماالت‪:‬‬
‫‪ .1‬يمكن أ تقول "سأشحنها بنفسي إلى عنوا منزلي‪".‬‬
‫‪ .2‬أو أ تحدد عنو ًنا في المدينة نفسها‪.‬‬
‫‪ .3‬أو أ تختار بلدك ومدينتك التي تعيش فيها‪.‬‬
‫جميع هذه الردود ممكنة‪ ،‬لكن من المرجح أ تحصل على أفضل تجربة مستخدم عند اختيارك للخيار األخير وتحديد البلد‬
‫والمدينة التي تعيش فيها‪ ،‬فهي المدينة التي تعمل فيها وتقضي فيها معظم أوقاتك‪ ،‬وفيها عائلتك وأصدقاؤك‪ ،‬ومن المرجح أ‬
‫تقضي فيها بقية حياتك‪ .‬إذا كنت تقضي الكثير من وقتك هناك‪ ،‬فيجب أ تعرف أين تحصل على أفضل تجربة‪.‬‬
‫يهدف مصمم تجربة المستخدم إلى ضما تقديم أفضل تجربة ممكنة‪ ،‬مما يتطلب القدرة على تحديد احتياجات الجمهور‬
‫المستهدف وتصميم حلول تساعد على تالفي المشاكل التي يتعرضو لها‪.‬‬
‫ما أهمية فهم سلوك المستخدم في تصميم تجربة المستخدم؟‬
‫من السهل اعتبار جمهورك المستهدف مجموعةً مجهولة الهوية من األشخاص‪ ،‬لكنك في الواقع تتعامل مع أشخاص حقيقيين‬
‫يزورو موقعك أو تطبيقك أو صفحاتك على مواقع التواصل االجتماعي أو مكا عملك الحقيقي بهدف االستفادة من منتجك‪،‬‬
‫لذا عليك أ تأخذ رغبات هؤالء األشخاص بالحسبا لتتمكن من تصميم منتج أو خدمة تثير اهتمامهم من خالل مالمسة‬
‫احتياجاتهم‪.‬‬
‫ما هي أبحاث المستخدمين؟‬
‫تهدف أبحاث المستخدمين إلى كشف رغبات المستخدمين وما يعجبهم أو ال يعجبهم وما قد يسبب لهم اإلحباط‪ ،‬وتتضمن‬
‫الخطوات التالية‪:‬‬
‫‪‬‬
‫تحديد وفهم احتياجات الجمهور‪.‬‬
‫‪‬‬
‫الحصول على مالحظات الجمهور وآرائهم‪.‬‬
‫‪‬‬
‫معرفة كيف يمكن تلبية هذه االحتياجات وما هي المنتجات أو الخدمات المطلوبة لذلك‪.‬‬
‫عنصرا أساسيًا في تصميم تجربة المستخدم‪ ،‬فهي تساعد على فهم ما يهم عمالءك وكيف يف ّكرو‬
‫تُعَد أبحاث المستخدمين‬
‫ً‬
‫وماذا يريدو وما الذي يميزهم‪.‬‬
‫يبدأ إنجاز أبحاث المستخدمين بمع رفة المزيد من المعلومات عن األشخاص الذين يستخدمو منتجك أو خدمتك عبر طرح‬
‫أسئلة من قبيل‪:‬‬
‫‪‬‬
‫ما هي احتياجاتهم وأهدافهم؟‬
‫‪‬‬
‫ما الذي يفضلونه؟‬
‫‪‬‬
‫ما هي هواياتهم؟‬
‫‪‬‬
‫ما هي اهتماماتهم؟‬
‫‪‬‬
‫ما هي أفكارهم ومشاعرهم؟‬
‫يعرف باختبار الفرضية‪ .‬من أشهر‬
‫بمجرد أ تجيب عن هذه األسئلة‪ ،‬ستبدأ بإجراء البحث للتحقق من فرضياتك‪ ،‬وهو ما َ‬
‫الطرائق لتحقيق ذلك إجراء استطالعات أو مقابالت مع مستخدمين محتملين‪ ،‬كما يمكنك أيضًا إجراء دراسات قابلية استخدام‬
‫واختبارات أ‪/‬ب‪.‬‬
‫اختبار‪A/B‬‬
‫يقار اختبار أ‪/‬ب ‪ A/B testing‬بين نسختين من موقع الويب أو التطبيق لتحديد النسخة ذات األداء األفضل‪ ،‬وبذلك يساعد‬
‫هذا االختبار على تحديد ما إذا كانت إحدى نسخ المنتج أو الخدمة أكثر فعاليةً من األخرى‪.‬‬
‫تبدأ هذه العملية عادة ً باختبار نسخة واحدة من المنتج ثم اختبار نسخة أخرى مختلفة ً‬
‫قليال‪ ،‬وجمع البيانات التي تساعد على‬
‫تحديد أيتهما أفضل أدا ًء‪.‬‬
‫يمكن استخدام اختبار أ‪/‬ب لعدة أغراض منها‪:‬‬
‫‪‬‬
‫اختبار تأثير تصميم جديد‪.‬‬
‫‪‬‬
‫إنشاء واجهة مستخدم جديدة سهلة التنقل‪.‬‬
‫‪‬‬
‫ضما أداء المنتج أو الخدمة الجديدة بالشكل المطلوب‪.‬‬
‫تقييم مدى جودة خطة تسويقية مقارنةً بأخرى‪.‬‬
‫‪‬‬
‫كيف يعمل تصميم تجربة المستخدم؟‬
‫تصميم تجربة المستخدم هو كيفية إنشاء تجربة على اإلنترنت للعمالء والمستخدمين‪ ،‬إذ تقع على عاتق مصمم تجربة المستخدم‬
‫مسؤولية مساعدة العمالء على فهم العالمة التجارية والمنتج وإيجاد أساليب ترغبهم باستخدام هذا المنتج‪.‬‬
‫كبيرا وفه ًما للسلوك البشري مع اإللمام بنماذج التصميم واالتجاهات الرائجة‬
‫يتطلب تصميم تجربة المستخدم تعاطفًا‬
‫ً‬
‫والفروقات الثقافية‪ .‬تساعد جودة تصميم موقع الويب على تسهيل إيجاد المستخدمين للمعلومات المطلوبة بسرعة‪ ،‬ويعتمد‬
‫نجاح موقع الويب على التركيز باهتمام على تجارب العمالء‪.‬‬
‫سنتعرف فيما يلي على الفر بين تصميم تجربة المستخدم وتطوير المنتج‪ ،‬كما سنبين خطوات إنشاء تجربة مستخدم ممتازة‪،‬‬
‫مع عرض نماذج جيدة وأخرى سيئة عن تجربة المستخدم وتصميم المنتج‪.‬‬
‫آلية عمل تصميم تجربة المستخدم‬
‫عند إصدار موقع ويب جديد لمشروع تجاري أو غير ربحي‪ ،‬فإ أصحابه يملكو غالبًا فكرةً جيدة ً عن المنتج الذي سيقدّمه‬
‫الموقع‪ ،‬لكن معظم الشركات تدرك أ المنتج جيد التصميم ال يضمن الوصول إلى الجمهور المستهدف‪.‬‬
‫يمكن تشبيه ذلك بذهاب أحدهم إلى المطعم والرغبة بالراحة واالسترخاء‪ ،‬يجب أ تكو المساحة الداخلية للمكا مصممة‬
‫بما يناسب المزاج الذي يطلبه الزبائن ليجذبهم في النهاية لتناول األطعمة واالستمتاع بمذاقها في هذا المطعم‪.‬‬
‫كذلك األمر بالنسبة لموقع الويب جيد التصميم‪ ،‬يجب أ يلهم الموقع العمالء لشراء المنتجات واستخدامها‪ .‬على سبيل المثال‪،‬‬
‫عندما تزور موقعًا إلكترونيًا‪ ،‬فإنك تبحث ضمنيًا عن إجابات ألسئلة مثل‪:‬‬
‫‪‬‬
‫ما هذا الموقع؟‬
‫‪‬‬
‫ما الذي يمكنني فعله؟‬
‫‪‬‬
‫ما الجديد الذي يمكن أ أتعلمه؟‬
‫‪‬‬
‫كيف أبدأ؟‬
‫‪‬‬
‫ما مهمة الموقع؟‬
‫‪‬‬
‫هل يستحق الوقت؟‬
‫يمكن أ يكشف طرح هذه األسئلة عن نوع الشخصية والرؤية التي تمثلها شركتك‪ ،‬وهي طريقة مناسبة للتأكد من كو موقعك‬
‫يعكس قيم الشركة وثقافتها وأهدافها‪ ،‬لكن هذه الخطوة هي مجرد بداية العملية؛ لذا فإ كنت تريد إنشاء تجربة إيجابية‬
‫لمستخدميك‪ ،‬فستحتاج إلى االهتمام بكل جوانب موقعك‪ ،‬من لو الخط والمخطط العام إلى المحتوى التسويقي للصفحة‪.‬‬
‫صحيح أ الميزات األساسية للموقع تكو واضحةً لجميع زواره‪ ،‬إال أ قرارات التصميم التي تؤثر على تجربة المستخدم‬
‫غالبًا ما تكو كامنةً ضمن التفاصيل‪ ،‬ومصممو تجربة المستخدم هم المسؤولو عن االنطباع الذي يتركه موقعك‪ ،‬كما يجب‬
‫يأخذوا نوع الخط والتنقل وجميع التفاصيل األخرى بالحسبا ‪.‬‬
‫الهدف من تصميم تجربة المستخدم أ يحظى المستخدم بتجربة سلسة في موقعك‪ ،‬مما يعني أ واجهة المستخدم المصممة‬
‫جيدًا كفيلةً بجعل زوار الموقع أكثر إنتاجيةً وسعادة ً ووعيًا‪ ،‬بالمقابل فإ واجهة المستخدم الرديئة يمكن أ تبطئ عمل‬
‫المستخدم أو تثنيه عن الشراء أو تجعله يغادر موقعك دو اتخاذ إجراء‪.‬‬
‫إذًا ماذا يعني إنشاء تجربة؟‬
‫فريق تجربة المستخدم في الشركة التجارية أو غير الربحية هو الذي يحدد الرؤية العامة للموقع‪ ،‬ويتضمن دور الفريق‪:‬‬
‫‪‬‬
‫إجراء األبحاث حول األشخاص الذين سيزورو الموقع‪.‬‬
‫‪‬‬
‫تحديد شخصية المستخدم وتحليلها‪.‬‬
‫‪‬‬
‫تطوير إستراتيجية تجربة المستخدم‪.‬‬
‫‪‬‬
‫إنشاء مخططات هيكلية ونماذج أولية‪.‬‬
‫‪‬‬
‫إنشاء وثيقة تصميم مفصلة‪.‬‬
‫يضم فريق تجربة المستخدم عادة ً‬
‫مديرا إبداعيًا أو مدير مشاريع‪ ،‬باإلضافة إلى مدير أبحاث ومهندس قابلية استخدام ومصمم‬
‫ً‬
‫تجربة المستخدم‪ ،‬ويساهم كل من أعضاء الفريق بمهاراته الفريدة ورؤيته الخاصة‪ ،‬مما يم ّكن الفريق من التعاو على بناء‬
‫تجربة مستخدم رائعة‪.‬‬
‫ما الفرق بين تصميم تجربة المستخدم وتطوير المنتج؟‬
‫ً‬
‫أشكاال عديدة‪ ،‬ويتضمن اختبار قابلية االستخدام ومقابالت المستخدمين ومسار‬
‫تصميم تجربة المستخدم هو فرع معرفي يتخذ‬
‫المستخدم‪ ، user flow‬وهو يختلف عن األشكال األخرى لتصميم المنتج بأنه يهتم بتحسين التجربة العامة للمستخدم مع‬
‫موقعك‪ ،‬ويعبر عن "الكيفية" في تجربة المستخدم‪ ،‬أما تطوير المنتج فيعبر عن "الماهية‪".‬‬
‫بمعنى آخر‪ ،‬يركز مصمم المنتج على الجانب التقني والجمالي والوظيفي للموقع أو التطبيق‪ ،‬في حين يركز مصمم تجربة‬
‫المستخدم على المستخدم بحد ذاته‪.‬‬
‫نالحظ أ الفرعين يتداخال أحيا ًنا‪ ،‬لكن في الواقع لهما أغراض مختلفة‪ ،‬فمصمم المنتج مسؤول عن بناء إطار عمل وعناصر‬
‫مرئية لموقع الويب‪ ،‬في حين يتمثل دور مصمم تجربة المستخدم في ضما كو المنتج ً‬
‫قابال لالستخدام وممتعًا للعمالء‪ ،‬وقد‬
‫يتعاو بشكل وثيق مع مصمم المنتج لضما خروج موقع الويب بمظهر وانطباع يوافقا احتياجات العميل‪.‬‬
‫قد يشارك فريق تجربة المستخدم أيضًا في النشاطات التالية‪:‬‬
‫‪‬‬
‫إجراء أبحاث السو ‪.‬‬
‫‪‬‬
‫تحليل بيانات وسائل التواصل االجتماعي‪.‬‬
‫‪‬‬
‫إجراء اختبار قابلية االستخدام‪.‬‬
‫‪‬‬
‫اختبار نماذج تنقل مختلفة‪.‬‬
‫‪‬‬
‫تطوير مسارات المستخدم‪.‬‬
‫سا يمكنك حمله بيدك‪ .‬تجربة المستخدم لهذا المنتج هي "كيفية" استخدامه‪،‬‬
‫عندما تفكر في منتج ما‪ ،‬فربما تتخيل شيئًا ماديًا ملمو ً‬
‫وعلى مطور المنتج أ ينشئ منت ًجا مفهو ًما وسهل االستخدام‪.‬‬
‫مبادئ تصميم تجربة المستخدم‬
‫مع تطور المجاالت المختلفة‪ ،‬ال بد من مواكبة أحدث اتجاهاتها الرائجة‪ ،‬وتصميم تجربة المستخدم ليس استثنا ًء من ذلك‪.‬‬
‫هناك خمسة مبادئ أساسية لتصميم تجربة المستخدم‪ ،‬وهي البساطة وقابلية االكتشاف والتنقل والتفاعل وهندسة المعلومات‪،‬‬
‫لنتحدث عنها بمزيد من التفصيل فيما يلي‪:‬‬
‫البساطة‬
‫ال شك بأنه قد مرت عليك مواقع وتطبيقات معقدة ويصعب التنقل فيها‪ ،‬وهو األمر الذي يجب تجنبه‪ ،‬فالبساطة عامل أساسي‪،‬‬
‫وهي تعني هنا اتباع األساليب التي تجعل االستخدام أكثر سهولة‪.‬‬
‫على سبيل المثال‪ً ،‬‬
‫صا للبحث‬
‫زرا مخص ً‬
‫بدال من الحاجة الستخدام مربع البحث من أجل العثور على حسابك‪ ،‬أنشأت جوجل ً‬
‫عن حساباتك‪ ،‬وهي طريقة أبسط وأكثر كفاءة ً وتتالءم جيدًا مع التصميم‪ ،‬إذ ال يتطلب ذلك أ يعرف المستخدم كيفية استخدام‬
‫مربع البحث‪ ،‬بل يكفي أ ينقر على الزر‪.‬‬
‫بالمثل‪ ،‬يجب أال نطلب من مستخدمي التطبيقات أ ينقروا مرتين أو ثالث مرات إليجاد إجراء ما‪ ،‬بل يجب تبسيط العملية‬
‫من خالل ربط المستخدم بالخطوة التالية بسالسة‪.‬‬
‫بالنسبة لمواقع الويب‪ ،‬من الضروري الحرص على بساطة التصميم‪ ،‬فالمستخدم ال يرغب بقضاء وقت طويل جدًا في البحث‬
‫ضلو االنتظار ً‬
‫قليال إلتمام مهمة ما على أ يخوضوا عمليةً مرهقةً إلتمامها‪.‬‬
‫والنقر‪ .‬بينت األبحاث أ زوار الموقع يف ِّ ّ‬
‫مختصرا وجذابًا؛ أي إذا كا النص التسويقي أطول من‬
‫ينطبق ذلك على المحتوى أيضًا‪ ،‬وبساطة المحتوى تعني أ يكو‬
‫ً‬
‫مختصرا لدرجة كبيرة‪ ،‬فقد يكو غير كافٍ إليصال‬
‫جملة واحدة‪ ،‬فمن المرجح أ يتخطاه القارئ؛ لكن في المقابل‪ ،‬إذا كا‬
‫ً‬
‫المعلومات المطلوبة المستخدم‪ ،‬لذلك يجب تحقيق التواز في كمية المحتوى وبساطته‪.‬‬
‫قابلية االكتشاف‬
‫يرغب المستخدم بالتعرف على موقعك والخدمات التي يقدمها ومكا هذه الخدمات‪ ،‬وقابلية االكتشاف تعني تقديم هذه‬
‫المعلومات بأبسط طريقة ممكنة ليتمكن المستخدم من العثور عليها دو المرور بخطوات كثيرة‪.‬‬
‫على سبيل المثال‪ ،‬لنفترض أ المستخدم يبحث عن وظيفة في مدينته‪ ،‬وبعد قراءته لمتطلبات الوظيفة والضغط على "تقديم‬
‫اآل "‪ ،‬يمكن توجيهه إلى صفحة تعرض بضعة وظائف أخرى مناسبة الهتماماته؛ باإلضافة لذلك‪ً ،‬‬
‫بدال من إجبار المستخدم‬
‫على التمرير إلى أسفل الصفحة والضغط على كل وظيفة على حدة‪ ،‬يمكن عرض نبذة مختصرة عن كل وظيفة ليتمكن من‬
‫تحديد الوظيفة المناسبة بسهولة‪.‬‬
‫التنقل‬
‫عنصرا محوريًا أيضًا في تجربة المستخدم‪ ،‬فكل‬
‫وكما نالحظ‪ ،‬معظم األمثلة تدور حول تبسيط عملية االكتشاف‪ .‬يُعَد التنقل‬
‫ً‬
‫ما تحدثنا عنه يصب في مساعدة المستخدمين على التنقل في الموقع أو التطبيق‪.‬‬
‫وبالنسبة للتنقل‪ ،‬هناك خيارا ‪:‬‬
‫‪‬‬
‫شريط القوائم‬
‫‪‬‬
‫شريط األدوات‬
‫الخيار األول هو ما يعتاد عليه أغلبنا‪ ،‬كما في زر "الرئيسية" أو أيقونة هامبرغر (الخطوط الثالثة المتوازية)‪ ،‬أما الخيار‬
‫ً‬
‫شموال‪ ،‬فقد‬
‫الثاني‪ ،‬فهو شريط األدوات‪ ،‬ويتألف من عدد قليل فقط من األزرار‪ ،‬وهو أسهل استخدا ًما من شريط التنقل األكثر‬
‫يكو المستخدم ً‬
‫مثال بحاجة الستخدام بضعة أدوات فقط بالتزامن مع بعضها‪.‬‬
‫باستخدام شريط األدوات‪ ،‬يمكن للمستخدمين الوصول بسرعة إلى الميزات التي يحتاجونها دو الحاجة إلى التمرير إلى أسفل‬
‫الصفحة أو باالتجاه األفقي للشاشة‪ ،‬كما يحسّن شريط األدوات من مظهر موقعك أو تطبيقك من خالل استغالل مساحة صغيرة‬
‫لتقليل ازدحام الصفحة‪ ،‬مما يحسن عمو ًما من تجربة االستخدام‪.‬‬
‫التفاعل‬
‫إذا كانت البساطة تعني تسهيل العمل‪ ،‬فإ التفاعل يعني إعطاء المستخدم ما يريده‪ .‬يجب الحرص على تفاعل المستخدمين‬
‫من أجل الحفاظ عليهم عمال ًء لك‪.‬‬
‫على سبيل المثال‪ ،‬لنفترض أ المستخدم أكمل مهمةً ما على موقعك‪ ،‬هنا يمكنك معرفة تفضيالته من خالل النموذج الذي‬
‫أكمله‪ ،‬لترسل له رسالة بريد إلكتروني‪ ،‬وفي حال فتح هذه الرسالة‪ ،‬فربما يهتم بالمحتوى أو يراه عاديًا أو غير مهم‪ ،‬كما قد‬
‫ضا أنه بريد عشوائي‪ ،‬مما يعني أ المحتوى الذي قدمته لم يجذب المستخدم بما فيه الكفاية وكا التفاعل ً‬
‫قليال‪ .‬وهنا‬
‫يظن أي َ‬
‫يمكنك عوضًا عن ذلك جعل الرسالة أكثر إثارة ً لالهتمام من خالل إضفاء طابع شخصي‪ ،‬كما يمكنك إضافة صورة شخصية‬
‫أو تغيير الخط لجعل الرسالة أكثر جذبًا‪.‬‬
‫ينطبق ذلك أيضًا على وسائل التواصل االجتماعي‪ .‬على سبيل المثال‪ ،‬أحسنَت فيسبوك عندما جعلت التحديثات مخصصة‬
‫وفقًا لتفضيالت المتابعين‪.‬‬
‫هندسة المعلومات‬
‫هندسة المعلومات عامل أساسي في تجربة المستخدم‪ ،‬إذ يجب تخطيط المحتوى بطريقة تس ّهل على المستخدمين إيجاد ما‬
‫يبحثو عنه‪.‬‬
‫اختصارا وجماليةً‪ .‬وتعني قابلية االكتشاف وضع أهم المعلومات في أعلى‬
‫وكما أسلفنا‪ ،‬تعني البساطة جعل األشياء أكثر‬
‫ً‬
‫الصفحة‪ ،‬لكن يجب التأكد أيضًا من أ الصفحات سهلة التصفح والقراءة السريعة‪ ،‬لذا تقسَّم عادة ً المقاالت والفقرات الطويلة‬
‫من خالل العناوين والعناوين الفرعية والتعدادات النقطية‪.‬‬
‫يُعَد ترتيب المعلومات بتسلسل هرمي من أفضل طرائق تحسين هندسة المعلومات‪.‬‬
‫أفضل ممارسات تصميم تجربة المستخدم‬
‫إذا كنت تعمل في تصميم مواقع الويب أو التطبيقات‪ ،‬فيجب أ تكو مطلعًا على إرشادات إمكانية الوصول لألشخاص ذوي‬
‫القدرات الخاصة‪ ،‬فوفقًا إلرشادات إمكانية وصول محتوى الويب)‪ ، (WCAG‬يجب أ يراعي التصميم االختالفات بين‬
‫البشر لتحقيق الوصول إلى جميع الفئات التي قد تعاني من عوائق جسدية في استخدام التقنيات والموارد المختلفة‪.‬‬
‫إذا كنت تصمم منت ًجا رقميًا للمكفوفين‪ ،‬فيمكنك االطالع على اإلرشادات التالية التي تضمن قابلية الوصول لهذه الفئة من‬
‫الناس‪.‬‬
‫ما هي إرشادات ‪ WCAG‬إلمكانية الوصول؟‬
‫تهدف إرشادات إمكانية وصول محتوى الويب( إرشادات )‪ WCAG 2.0‬إلى أربعة أهداف رئيسية‪ ،‬وتتضمن التحقق من‪:‬‬
‫‪ .1‬إمكانية عثور المستخدمين على المعلومات والتنقل في المحتوى‪.‬‬
‫‪ .2‬توفير المحتوى بشكل نص ووسائط أخرى‪.‬‬
‫‪ .3‬قدرة جميع المستخدمين على فهم المحتوى‪.‬‬
‫‪ .4‬إمكانية قراءة صفحات الويب أو استخدامها من ِّقبل أي شخص مهما كانت قدراته‪.‬‬
‫تقسم هذه األهداف إلى ثالثة معايير للنجاح‪ ،‬يركز األوال على ضما كو المحتوى ً‬
‫ومتوفرا للجميع‪ ،‬في حين‬
‫قابال للرؤية‬
‫ً‬
‫يعنى المعيار الثالث بضما قدرة المستخدمين على فهمه‪.‬‬
‫‪‬‬
‫معيار النجاح ‪ :1‬قابلية الرؤية ‪:‬يتضمن هذا المعيار التحقق من قدرة األشخاص ذوي القدرات الخاصة على التعرف‬
‫كبيرا بما يكفي ليتمكن‬
‫على المحتوى من خالل وسائل مختلفة‪ .‬على سبيل المثال‪ ،‬يجب التحقق من كو النص‬
‫ً‬
‫المستخدمو الذين يعانو من مشاكل بصرية من رؤيته‪ ،‬كما يجب التحقق من مالءمة التباين اللوني‪.‬‬
‫‪‬‬
‫معيار النجاح ‪ :2‬قابلية االستخدام ‪:‬يتضمن هذا المعيار التحقق من قدرة األشخاص ذوي القدرات الخاصة على‬
‫التفاعل مع المحتوى‪ .‬ولتحقيق ذلك‪ ،‬يجب التأكد من فعالية جميع الروابط وسهولة النقر عليها وكو األزرار‬
‫والعناصر األخرى كبيرة بما يكفي لمالحظتها‪.‬‬
‫‪‬‬
‫معيار النجاح ‪ :3‬قابلية الفهم ‪ :‬يركز هذا المعيار على إمكانية فهم األشخاص ذوي القدرات الخاصة للمحتوى‪.‬‬
‫ولتحقيق ذلك‪ ،‬يجب التأكد من قابلية سماع وفهم المحتوى المسموع والمرئي من قِّبل األشخاص الذين يعانو من‬
‫كبيرا بما يكفي واستخدام األلوا والتباين‬
‫مشاكل سمعية أو نطقية‪ ،‬كما يجب التأكد من كو جميع المحتوى المرئي ً‬
‫المناسبين ووضوح الصور وسهولة القراءة‪.‬‬
‫صا من جميع أنحاء العالم يعملو معًا‬
‫وضعت إرشادات ‪ WCAG 2.0‬من قِّبل رابطة شبكة الويب العالمية‪ ،‬التي تضم أشخا ً‬
‫ِّ‬
‫على التحقق من التزام جميع مواقع الويب بالمعايير‪.‬‬
‫التصميم للمكفوفين والصم‬
‫المعايير السابقة هي مجرد إرشادات عامة حول كيفية التصميم مع مراعاة إمكانية الوصول‪ ،‬فهناك إرشادات نوعية أكثر‬
‫لألشخاص الذين يعانو من مشاكل سمعية أو بصرية أو حركية‪.‬‬
‫تركز إرشادات إمكانية وصول محتوى الويب للمكفوفين والصم على األهداف العامة نفسها‪ ،‬لكنها تخوض بمزيد من التفاصيل‬
‫حول كيفية تحقيقها‪ .‬على سبيل المثال‪ ،‬تحدد اإلرشادات كيف يجب أ يبدو النص وكيف يجب تنسيقه ليكو سهل الفهم‪.‬‬
‫تؤكد اإلرشادات أيضًا أنه يجب أال تفترض إمكانية وصول شخص ما إلى موقع الويب أو التطبيق ما لم يكن مصم ًما بما‬
‫يوافق احتياجاته الخاصة‪ ،‬وهنا قد تختار تصميم نسخة مختلفة من موقعك أو تطبيقك لتناسب فئات معينة من الناس مثل ذوي‬
‫القدرات الخاصة‪.‬‬
‫ً‬
‫أصال لذوي‬
‫من الضروري أ تحرص على قابلية وصول أي برنامج تصممه لجميع الناس‪ .‬ربما يكو البرنامج مناسبًا‬
‫القدرات الخاصة‪ ،‬لكن قد يتعين أحيانًا على الشركة إجراء بعض التغييرات ليصبح ممكن الوصول‪.‬‬
‫التصميم لعمى األلوا‬
‫تركز إرشادات إمكانية وصول محتوى الويب لعمى األلوا على األهداف العامة نفسها أيضًا‪ ،‬مع وجود اختالفات مهمة‪.‬‬
‫على سب يل المثال‪ ،‬تحرص اإلرشادات على أال يكو المحتوى صعب القراءة‪ ،‬وتدعو إلى الكتابة بخط سميك ليكو أكثر‬
‫وضو ًحا‪.‬‬
‫تو ّجه اإلرشادات المصممين أيضًا إلى تجنب استخدام األلوا المتقاربة بشدة أو المتباينة بشدة‪ ،‬والتي يصعب التفريق بينها‬
‫بالنسبة لألشخاص المصابين بعمى ألوا ‪.‬‬
‫أصبحت إرشادات ‪ WCAG 2.0‬معت َمدة ً من طرف العديد من المؤسسات والشركات المطورة للبرامج ومواقع الويب‪ ،‬كما‬
‫تفرض الحكومة األمريكية اتّباع هذه اإلرشادات على جميع الوكاالت االتحادية وخدمات البريد في الواليات المتحدة‪.‬‬
‫إمكانية الوصول على األجهزة المحمولة‬
‫من أشهر اإل رشادات المطبقة لمستخدمي األجهزة المحمولة‪ ،‬نجد إرشادات تصميم الجوال من أجل إمكانية الوصول‪ ،‬ودليل‬
‫تصميم ويب الجوال من أجل إمكانية الوصول‪.‬‬
‫تقدّم هذه الدالئل الكثير من النصائح حول إنشاء مواقع ويب وتطبيقات تتمتع بإمكانية الوصول‪ ،‬فهي تؤ ّكد ً‬
‫مثال على أهمية أ‬
‫ومباشرا‪ ،‬وتنصح باستخدام نص كبير الحجم وتباين جيد أللوا المخطط اللوني ودعوة واضحة‬
‫يكو المحتوى واض ًحا‬
‫ً‬
‫التخاذ إجراء‪.‬‬
‫إذا كنت تصمم للمكفوفين‪ ،‬فمن المهم أ تتذكر أنك بحاجة الستخدام خطوط كبيرة وتباين عا ٍل في النصوص والرسومات‪.‬‬
‫تذكر أيضًا أ شاشات هواتف آيفو وأندرويد مختلفة القياسات‪ ،‬لذا فقد تحتاج لضبط تصميمك بما يوافق ذلك‪.‬‬
‫الخالصة‬
‫تصميم تجربة المستخدم هو مجال يساعد المشاريع التجارية على تقديم منتجات أفضل للمستخدمين‪ .‬يهتم مصمم تجربة‬
‫المستخدم بالرحلة الكاملة للمستخدم‪ ،‬ويدرس مشاعر الناس وكيف يتفاعلو مع المنتجات وكيف يمكن أ يشعروا بالرضا‬
‫عند استخدامها‪.‬‬
‫إلنشاء تجربة مستخدم مقنعة‪ ،‬يحتاج مصمم تجربة المستخدم ً‬
‫أوال لفهم احتياجات المستخدمين ورغباتهم‪ ،‬ثم وضع مجموعة‬
‫من القواعد التي تضمن توافق المنتج مع هذه االحتياجات والرغبات‪.‬‬
‫ومهما كا نوع المشروع‪ ،‬فإ السبب الذي يدفع الناس لإلقبال عليه هو السعي وراء المنتجات أو الخدمات التي تُشعرهم‬
‫بالمزيد من الرضا‪ ،‬ولهذا السبب يقال أ المنتجات التي نختار شراءها ليست مجرد أشياء‪ ،‬بل هي امتداد وانعكاس ألنفسنا‪.‬‬
Download