30 أدوات UX الأساسية
عندما ينشئ المطورون مواقع ويب ، غالبًا ما يركزون على التصميم والميزات الفنية ولكنهم يهملون جانبًا مهمًا جدًا - كيف يتعامل المستخدم مع الموقع. إذا واجه المستخدمون صعوبة في معرفة كيفية تحقيق أهدافهم ، فسوف يبحثون في مكان آخر ولا يعودوا. من ناحية أخرى ، يمكن أن تخلق تجربة المستخدم الممتعة انطباعًا مواتًا ودائمًا يميز الموقع عن منافسته.
ولهذا السبب من المهم جدًا التفكير مليًا في ما يواجهه المستخدمون عند زيارتهم لموقعك على الويب. عليك أن تسأل نفسك: هل توفر هذه الصفحة المعلومات التي يتوقعها المستخدم؟ كما هو الحال مع العديد من الأشياء ، يمكن لأدق التفاصيل أن تحدث الفرق الأكبر في تجربة المستخدم.
في هذا المنشور ، سأقدم 30 أداة وخدمات ممتازة لإنشاء مواقع ويب ذات إمكانية استخدام أفضل.
خرائط ذهنية ومخططات انسيابية وملفات Sitemap
أساس موقع الويب القابل للاستخدام هو خطة جيدة. إذا لم تكن لديك فكرة أساسية عن المكان الذي يتجه إليه مشروعك ، فمن غير المحتمل أن تصل إلى المكان الصحيح. تعد الخرائط الذهنية والمخططات الانسيابية وملفات Sitemap أدوات فعالة لإنشاء الرسوم البيانية التي تحتاجها. تعتبر الخرائط الذهنية رائعة لتوليد الأفكار وتنظيمها ، بينما تساعد مخططات التدفق على تصور وتخطيط الخطوات في العملية. يمكن استخدام ملفات Sitemap لتحديد بنية التنقل لموقع الويب. فيما يلي بعض التطبيقات التي يمكنها مساعدتك في هذه المهام:
XMind (مجاني)
XMind هو برنامج لرسم خرائط ذهنية مفتوح المصدر لنظام التشغيل Windows و Mac OS X و Linux.
مكتب ConceptDraw (من $ 199)
أداة رسم بياني قوية ، مكتب ConceptDraw يوفر الدعم للخرائط الانسيابية والخرائط الذهنية على Windows و Mac.
OmniGraffle (69.99 دولارًا)
يمكن لمستخدمي Mac OS X و iPad الاختيار OmniGraffle لإنشاء المخططات الانسيابية ، والمخططات التنظيمية ، والعديد من أنواع الرسوم البيانية الأخرى.
Gliffy (مجاني)
Gliffy هو تطبيق رسم بياني يستند إلى الويب مع دعم لمخططات التدفق وملفات Sitemap.
إطارات عريضة ونماذج أولية
قبل بدء الترميز الفعلي ، غالباً ما يكون من المنطقي القيام ببعض النماذج الأولية. تتيح لك النماذج الأولية اللعب بأفكار مختلفة والكشف عن المشكلات المحتملة دون استثمار الكثير من الوقت في الترميز والتصميم. يمكنك البدء بإطارات سلكية منخفضة الدقة بتدرج الرمادي ثم إنشاء نماذج بالأحجام المرئية والنماذج الوظيفية عالية الدقة في وقت لاحق.
PowerMockup (من 59.99 دولارًا)
استعمال PowerMockup لإنشاء wireframes مع PowerPoint.
قلم رصاص (مجاني)
متاح على عدة منصات ، هذا البرنامج مفتوح المصدر يوفر النماذج الأولية GUI.
مواب (من 9 دولارات في الشهر)
Moqups هو عبارة عن إطار سلكي عبر الإنترنت وأداة بالحجم الطبيعي.
Justinmind Prototyper (من $ 19 / month)
هذا التطبيق لتشغيل تطبيقات الويب وتطبيقات الهاتف الجوال السلكي على نظامي التشغيل Windows و Mac OS X.
FileSquare (مجاني)
FileSquare هي أداة تستند إلى الويب لإنشاء نماذج من خلال النقر من خلال ربط الصور بالحجم الطبيعي التي تم تحميلها معًا.
حرف يدوية (من $ 19 / شهر)
الحرفية أداة تعاونية في تنسيق HTML / CSS / جافا سكريبت.
اختبار المستخدم وردود الفعل
بمجرد أن يكون لديك شيء محدد لتظهره ، يجب أن تخرجه أمام المستخدمين الفعليين ، وجمع التعليقات ، والتصرف بناءً عليها. تساعدك التطبيقات والخدمات المذكورة أدناه على إجراء اختبارات قابلية الاستخدام وتنظيم تعليقات المستخدمين.
الحدس (مجانا)
هذه الخدمة اختبار قابلية الاستخدام عن بعد يسمح لك بتشغيل اختبارات المستخدم المختلفة على التصميمات الخاصة بك والحصول على ردود الفعل الفورية.
تحقق من (من 19 $ / شهر)
هذا التطبيق عبر الإنترنت يجمع ويحلل تعليقات المستخدمين على الشاشات والنماذج الطبيعية.
Polldaddy (مجاني)
Polldaddy هو تطبيق ويب لإنشاء ونشر الاستطلاعات والاستطلاعات.
ملاحظات المفهوم (مجاني)
يزور هذا المجتمع عبر الإنترنت لتبادل التعليقات على التصاميم.
Fivesecondtest (مجاني)
هذه الخدمة يجمع التعليقات عن طريق مطالبة المستخدمين بتذكر عناصر موقع الويب بعد مشاهدته لمدة خمس ثوانٍ فقط.
PickFu (من 20 دولارًا)
هذه الخدمة التعهيد الجماعي يوفر ردود فعل سريعة عبر استطلاعات A / B بسيطة.
اختبار المستخدم (من $ 49)
UserTesting يتيح لك "إلقاء نظرة على أكتاف" الأشخاص الذين يتصفحون موقعك على الويب.
سهولة الاستخدامأدوات (من 39 دولار / شهر)
هذه المجموعة من الأدوات يقدم بحث المستخدم بما في ذلك استطلاعات الرأي وفرز البطاقات ونماذج الملاحظات.
مورا (من 402 دولار تقريبا)
هذا البرنامج المكتبي يسجل تفاعلات المستخدم (لوحة المفاتيح / إدخال الماوس ، تتبع العين ، الصوت ، إلخ) ويحلل النتائج.
BugHerd (من 29 $ / شهر)
BugHerd هو تعقب علة على الانترنت المصممة خصيصا لمشاريع تطوير الشبكة.
اختبارات الانقسام A / B
اختبار A / B بسيط: يمكنك إنشاء صيغتين (A و B) للصفحة ، ثم تحديد أيهما ينتج نتائج أفضل يتم قياسها من حيث المشتريات ، أو الاشتراكات في النشرات الإخبارية ، أو عوامل أخرى تقيّمها ، مما يعكس تجربة مستخدم أفضل . يمكن أن تساعدك هاتان الخدمتان في ذلك:
بشكل أفضل (من 17 دولارًا في الشهر)
أداة اختبار الانقسام A / B هذه يمكن أن تساعدك في العثور على أكثر الطرق فعالية لزيادة التحويلات على موقعك الإلكتروني.
محسّن مواقع الويب المرئي (مجانًا)
مثل Optimizely ، محسّن مواقع الويب المرئي يقدم الدعم لاختبارات A / B واختبار النسخ المتعددة المتغيرات واستهداف السلوك وغير ذلك.
تحليلات
تقدم تحليلات الويب إحصاءات قيّمة حول كيفية استخدام الأشخاص لموقعك على الويب. يمكن أن يخبرك كيف يتنقل الزوار عادة عبر موقع الويب ، ومدة بقائهم في كل صفحة ، ومغادرة الموقع ، وأكثر من ذلك بكثير. يمكن أن تكون هذه المعلومات مفيدة للغاية لتحديد مشاكل سهولة الاستخدام وأسبابها.
بيضة مجنونة (من 9 دولارات في الشهر)
خدمة تحليلات الويب هذه تصور سلوك المستخدم مع خرائط الحرارة ، وخرائط التمرير ، وتقارير النثار.
Inspectlet (مجاني)
أداة أخرى لتحليل بيانات الإنترنت ، Inspectlet يوفر خرائط الحرارة والتحليلات في الوقت الفعلي وتسجيلات الشاشة لسلوك الزائر.
Mixpanel (مجاني)
Mixpanel هي منصة تحليلية لتتبع الأحداث المخصصة في تطبيقات الجوال والويب.
التحقق ، والتحقق من الارتباطات واختبارات السرعة
للحصول على تجربة إيجابية للمستخدم ، من المهم أيضًا أن يعمل الجانب التقني لموقع الويب على النحو المنشود. لا شيء أكثر إحباطًا من الروابط التي تشير إلى صفحات غير موجودة ، أو مواقع ويب يتم تحميلها إلى الأبد ، أو صفحات معطلة بسبب أخطاء HTML وجافا سكريبت.
خدمة التحقق من علامة W3C (مجانًا)
هذه الخدمة عبر الإنترنت يتحقق لتحديد ما إذا كان رمز صفحة الويب صالحًا (X) HTML.
د. لينك شيك (مجاني)
هذا التطبيق على شبكة الإنترنت يتحقق من موقع الروابط المعطلة والقائمة السوداء.
اختبار Pingdom كامل الصفحة (مجاني)
استعمال هذه الأداة لاختبار وتحليل المدة التي يستغرقها تحميل صفحتك على الويب.
جوجل PageSpeed (مجانا)
هذه خدمة جوجل يحلل صفحة ويب ويقدم اقتراحات حول كيفية تحسين وقت التحميل.
CrossBrowserTesting (من 29.95 دولارًا في الشهر)
هذه الخدمة توفر أجهزة افتراضية لاختبار موقع ويب في متصفحات مختلفة على أنظمة تشغيل مختلفة.
هل تستخدم أي من هذه الأدوات؟ هل فاتنا أي شيء تعتمد عليه؟ اسمحوا لنا أن نعرف في التعليقات.