تصميم تجربة المستخدم وواجهاته (UX/UI) وتقييمها بمعايير قابلية الاستخدام

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

نحدد الخطوة التي يتوقف عندها الزوار، ثم نعيد بناءها. الزيارات نفسها، ومهام مكتملة أكثر.

اتصلوا بنا+971 54 464 4410
مشروعًا
150+
مشروعًا
قطاعًا
30+
قطاعًا
نعمل في الإمارات
منذ 2015
نعمل في الإمارات
الإجابة المختصرة

تجربة المستخدم وواجهاته (UX/UI) ومعايير قابلية الاستخدام

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

النتائج

يجد الناس ما جاؤوا من أجله

خطوات أقل للوصول إلى ما يريدون، فيغادر عدد أقل من الناس قبل أن يصلوا إليه.

استفسارات أكثر من الزيارات نفسها

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

تصميم واحد يعيد فريقكم استخدامه

تحتفظون بالمكوّنات والقواعد، فتأتي الصفحة التالية متسقة دون مشروع تصميم جديد.

النطاق

فهم مستخدميكم الحقيقيين

نجري مقابلات مع عملائكم ونقرأ بيانات التحليلات لديكم، فيلبّي التصميم ما جاء الناس من أجله فعلًا.

نموذج تفاعلي قبل البناء

تتصفحون نموذجًا أوليًا تفاعليًا قبل أن يكتب أحد سطرًا من الشيفرة، فلا تكلّف التعديلات شيئًا.

مراجعة كل صفحة رئيسية وفق معايير قابلية الاستخدام

نقيّم كل صفحة رئيسية، بما فيها القوائم، وفق معايير قابلية الاستخدام العشرة، وهي القواعد المعتمدة لتصميم الواجهات الجيدة، ثم نرتب المشكلات بحسب كلفتها عليكم.

مظهر يطابق هويتكم

ألوانكم وخطوطكم وشعاركم مطبّقة على كل شاشة، ليبدو الموقع منسجمًا مع بقية أعمالكم.

يختبره أشخاص حقيقيون، ثم نصلحه

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

الإثبات

مشروعًا
150+
مشروعًا
قطاعًا
30+
قطاعًا
نعمل في الإمارات
منذ 2015
نعمل في الإمارات

آلية العمل

  1. 01

    تشخيص مدفوع

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

  2. 02

    تعاون بنطاق محدد

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

  3. 03

    اتفاق شهري أو تسليم

    تُبقوننا معكم شهريًا للاختبار والتحسين، أو نسلّم المكوّنات والقواعد والأبحاث إلى فريقكم.

نطاق محدد ورسوم محددة، يُتفق عليهما قبل البدء

الأسئلة الشائعة

كم تبلغ تكلفة إعادة تصميم الموقع؟

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

كم تستغرق إعادة تصميم الموقع؟

تستغرق إعادة بناء الصفحات القليلة التي تخسر الزوار من 4 إلى 6 أسابيع تقريبًا. أما الموقع الكامل، بالبحث والاختبار والبناء، فيستغرق من 10 إلى 14 أسبوعًا تقريبًا. والعامل المتغير يكون عادة من جانبكم: المحتوى، والاعتماد، والوصول إلى عملاء حقيقيين. نتفق على المواعيد في النطاق قبل بدء العمل، ونرفع إليكم تقريرًا أسبوعيًا بمدى الالتزام بها.

هل نحتاج إلى إعادة تصميم كاملة، أم إلى بعض الإصلاحات فقط؟

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

ماذا تحتاجون منا للبدء؟

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

ما هو التقييم وفق معايير قابلية الاستخدام؟

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

ما الفرق بين تصميم تجربة المستخدم (UX) وتصميم الواجهة (UI)؟

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

ما هي دورة التصميم بالقياس؟

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

كيف تضمنون إمكانية الوصول في التصميم؟

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

هل تصممون تطبيقات الهاتف إلى جانب المواقع؟

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

هل يمكنكم تصميم الموقع بالعربية أيضًا؟

نعم، وهذه ليست مهمة ترجمة. فالعربية تُقرأ من اليمين إلى اليسار، لذا ينعكس التخطيط كله: التنقل، والنماذج، والأيقونات، واتجاه كل سهم. نبني النسخة العربية كما يجب ونكتبها من الأساس، دون ترجمة آلية أبدًا. ثم نختبر كل نسخة مع مستخدمين يقرؤون بلغتها.

عرض جميع الخدمات

كتبه وراجعه محمد الشرفا

رئيس مجلس الإدارة، الشرفا. يعمل مع العملاء في الإمارات منذ عام 2015.

الملف الشخصي على لينكدإنآخر تحديث

أدوات مجانية من العمل نفسه

الأدوات متاحة باللغة الإنجليزية.

الخطوة التالية

أرسلوا إلينا رابط الصفحة التي يغادر منها الزوار.