أتقن حرفتك باستخدام أفضل أدوات تجربة المستخدم هذه

يمكن أن يكون امتلاك أدوات UX الصحيحة في متناول اليد هو الاختلاف الحاسم بين وجود سير عمل تصميم تعاوني وسلس وفعال للغاية وسير عمل بطيء وغير منتج وغير خاضع للمساءلة.

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

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

تصميم + نماذج أولية + أدوات تسليم التصميم

InVision / InVision Studio

النظام الأساسي: الويب (يتكامل مع Sketch و Photoshop) و macOS
السعر: من 13 دولارًا شهريًا للأفراد ، أو 89 دولارًا شهريًا للفرق المكونة من خمسة أفراد

ملاحظة: ينطبق السعر على تطبيق الويب الأساسي InVision ، وليس تطبيق InVision Studio المجاني.

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

في عام 2017 ، شحنت InVision ميزات تسليم تصميم جديدة ، والآن في عام 2018 ، أصبح InVision حلاً كاملاً وشاملاً حيث يقدمون أداة تصميم UX الخاصة بهم ، Studio ، وهو مجاني ويتضمن ميزات الرسوم المتحركة والنماذج الأولية المتقدمة.

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

المبروز

النظام الأساسي: macOS
السعر: 12 دولارًا شهريًا للمستخدمين الفرديين ، أو من 250 دولارًا شهريًا للفرق المكونة من ثلاثة أفراد

من حيث العرض ، يعد Framer الأداة التي تشبه InVision إلى حد كبير ، حيث يجمع كلاهما واجهة ويب ناضجة مع أداة تصميم UX جديدة تمامًا. يتعلق الأمر بالتفضيل الشخصي مع هذين ، ولكن عندما يكون Framer أرخص قليلاً للأفراد ، من الواضح أن InVision هو الأخ الأكبر عندما يتعلق الأمر بالتعاون في التصميم.

فيجما

النظام الأساسي: الويب و macOS و Windows
السعر: مجاني لفرق المبتدئين ، أو 12 دولارًا في الشهر

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

إذا كنت تستمتع بسير عمل تصميمي نشيط وتعاوني ، فإن Figma تناسبك.

Adobe XD

النظام الأساسي: Windows و macOS
السعر: مجانًا لنموذج أولي واحد ، أو 20.99 دولارًا شهريًا للنماذج الأولية غير المحدودة

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

UXPin

المنصة: الويب
السعر: من 8.10 دولارات شهريًا لمستخدم واحد ، مع خيارات أخرى للفرق

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

أدوات التصميم + النماذج الأولية

رسم

النظام الأساسي: macOS
السعر: 99 دولار / سنة

سلم Photoshop التاج إلى Sketch حيث أصبحوا أداة التصميم الرائدة لكل من تصميم الهيكل الشبكي والواجهة في عام 2015 ، واعتبارًا من عام 2017 ما زالوا يتولون زمام الأمور. قدم نهج Sketch المبتكر لتصميم الشاشة ميزات لا تقدر بثمن مثل اللوحات الفنية والرموز والتصدير ، والتي من شأنها أن تلهم بعد ذلك موجة من أدوات التصميم الجديدة مثل Adobe XD و Framer Studio و InVision Studio. تساعد أداة المتجه هذه سهلة الاستخدام (وخفيفة الوزن) بشكل لا يصدق مصممي واجهة المستخدم على التكرار بشكل أسرع من أي وقت مضى.

ومع ذلك ، إليك "لكن" (وهي كبيرة ولكن): Sketch غير متاح لنظام التشغيل Windows ، وقرارهم بتنفيذ أدوات لتصميم النماذج الأولية في وقت متأخر جدًا من اللعبة يعني أن منافسيهم قد استولوا بسرعة على هذا السوق ، باستخدام InVision كونها أكثر أدوات النماذج الأولية ديناميكية المتاحة اليوم. على الرغم من إمكانية تصميم وظائف Sketch مع كتالوج مثير للإعجاب من المكونات الإضافية (بما في ذلك عمليات الدمج مع أمثال Flinto و Zeplin و Marvel و Principle وحتى InVision بأنفسهم) ، قد يفضل بعض المصممين تجربة أكثر أصالة مع هذه الميزات المتوفرة بسهولة من خارج صندوق.

بشكل عام ، يعد Sketch ممتازًا في التفكير والتخطيط الشبكي ، أو أولئك الذين لا يمانعون في إضافة أدوات أفضل للنماذج الأولية والتعاون.

تدفق الويب

المنصة: الويب
السعر: مجموعة متنوعة من الخيارات تستهدف الأفراد الموجودين في موقع واحد والمواقع المتعددة والفرق

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

مبدأ

النظام الأساسي: macOS
السعر: 129 دولار / سنة

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

أدوات النماذج الأولية (فقط)

فلينتو

النظام الأساسي: macOS
السعر: 99 دولار / سنة

يأخذ Flinto الانتقالات والتفاعلات الدقيقة إلى المستوى التالي باستخدام أدوات الرسوم المتحركة المتقدمة ، بما في ذلك الينابيع والتخفيف ، والدوران ثلاثي الأبعاد ، وتأثيرات التمرير ، وحتى يسمح للمصممين العصريين بتصدير الرسوم المتحركة كمقاطع فيديو ، وصور GIF ، ولقطات Dribbble.

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

فن قص وتشكيل الورق

النظام الأساسي: macOS
السعر: مجاني / مفتوح المصدر

Origami هي أداة نماذج أولية للتطبيق تم تطويرها بواسطة فريق التصميم في Facebook. على الرغم من أنه مشابه لـ Flinto (مطروحًا منه علامة السعر) ، إلا أنه لا يتم صيانته كثيرًا مثل الأدوات المماثلة ، وينتج عن منهجه القائم على المنطق لتصميم التفاعلات منحنى تعليمي أكثر حدة.

بالنسبة للمصممين ذوي الميزانية المحدودة ، فإن Origami تستحق المشاهدة.

النماذج الأولية + أدوات تسليم التصميم

أعجوبة

المنصة: الويب
السعر: 0-12 دولار شهريًا للأفراد ، أو 42-84 دولارًا شهريًا للفرق

يجب أن تستفسر فرق المؤسسات التي تتطلب ميزات الدخول الموحّد (SSO) والتسليم مباشرةً.

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

يسمح Marvel أيضًا للفرق (حتى غير المصممين) باختيار لوحة فنية وتوضيح فكرة منخفضة الدقة باستخدام الأشكال والنص ، مما يجعلها مثالية لسباقات التصميم (خاصةً لأنها تتيح للمستخدمين أيضًا تحويل النماذج الأولية الورقية إلى نماذج Marvel الأولية منخفضة الدقة).

أدوات تسليم التصميم (فقط)

زيبلين

المنصة: الويب
السعر: مجاني لمشروع واحد ، 17 دولارًا شهريًا و 26 دولارًا شهريًا لثلاثة و 12 مشروعًا باحترام

بالنسبة للمؤسسات الكبيرة ، يوفر خيار 7.65 دولارًا أمريكيًا لكل مستخدم / شهرًا أذونات مستخدم أكثر تقدمًا والقدرة على نسخ أنماط الألوان والنص بين المشاريع.

تفوقت Zeplin باستمرار على المنافسين Sympli و Avocode ، حيث أضافت مؤخرًا تكامل Adobe XD و Figma جنبًا إلى جنب مع تكامل Sketch و Photoshop CC الموجود بالفعل. في حين أن العديد من أدوات الكل في واحد قد أضافت تسليم التصميم إلى قائمة الميزات الخاصة بهم ، فإن Zeplin يملأ الفراغ للأدوات التي لم يتم القيام بها (Sketch ، Photoshop) ، وتلك التي لا تزال تختبر ميزات التسليم (Adobe XD ، Figma).

أدوات التخطيط الشبكي + النماذج الأولية

المحور

النظام الأساسي: Windows و macOS
السعر: 29/49/99 / مستخدم / شهر لمستخدمي Pro / Team / Enterprise على التوالي

تتوفر أيضًا عمليات شراء Axure RP 8 لمرة واحدة بسعر يبدأ من 495 دولارًا.

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

جاستن ميند

النظام الأساسي: Windows و macOS
السعر: 19 دولارًا لكل مستخدم في الشهر ، أو 39 دولارًا لكل مستخدم في الشهر لفرق المؤسسة

لا يتلقى Justinmind ما يكفي من الحب لما يقدمه ، وهو النماذج الأولية المتقدمة لـ UX ، والتعاون ، وبعض أدوات التصميم الأساسية ، وأيضًا أكثر من 500 عنصر واجهة مستخدم على الويب والجوّال للتخطيط الشبكي. لا يعتبر Wireframing شيئًا ركز عليه العديد من تطبيقات النماذج الأولية المنافسة ، مما يجعل Justinmind واحدة من أدوات UX القليلة التي تقوم بذلك.

أدوات التخطيط الشبكي (فقط)

OmniGraffle

النظام الأساسي: macOS
السعر: 100 دولار ، أو 200 دولار لترخيص Pro

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

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

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

بلسمق

النظام الأساسي: الويب و macOS و Windows
السعر: من 90 دولارًا لكل مستخدم في السنة للوصول إلى السحابة ، أو 89 دولارًا لتطبيقات سطح المكتب

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

أدوات البحث والاختبار UX

انظر للخلف

المنصة: الويب
السعر: 49 دولارًا لكل مستخدم في الشهر أو 99 دولارًا لكل مستخدم في الشهر حسب الميزات

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

UserTesting

المنصة: الويب
السعر: 49 دولارًا للاختبار (15 اختبارًا كحد أدنى) ، مع توفر خيارات المؤسسة

UserTesting يشبه Lookback من حيث الميزات. على الرغم من أنها أداة اختبار رائعة قائمة بذاتها للمستخدم مع ذخيرة ضخمة من مختبري المستخدمين ذوي الخبرة (مع Marvel ستحتاج إلى العثور على مختبري المستخدم بنفسك) ، فإن UserTesting يتكامل بسلاسة مع InVision أيضًا.

إييكوانت

المنصة: الويب
السعر: 499 دولارًا شهريًا للأفراد ، 999 دولارًا شهريًا للفرق المكونة من 10 (+ خيارات المؤسسة)

يستخدم Eyequant التعلم الآلي لمساعدة الفرق على اتخاذ قرارات تصميم أفضل وتحسين جهود CRO الخاصة بهم. قد يؤدي سعره الضخم إلى ردع بعض العملاء ، لكن أولئك الذين يستثمرون يتلقون تدريبًا على كيفية محاكاة المستخدمين ، وتحليل المقاييس ، وتحقيق أقصى استفادة من اختبار A / B ، والمزيد.

هوتجار

المنصة: الويب
السعر: تسعير متغير حسب عدد مشاهدات الصفحة اليومية

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

بيضة كريزي

المنصة: الويب
السعر: من 29 دولارًا شهريًا مقابل 20000 مشاهدة للصفحة

على غرار Hotjar ، يتم استخدام Crazy Egg لتحسين تجارب المستخدم ومعدلات التحويل من خلال تحليل سلوك المستخدم باستخدام خرائط الحرارة وتسجيلات الزائرين ، على الرغم من أنه يتضمن أيضًا أدوات اختبار A / B سهلة الاستخدام للمساعدة في فك تشفير ما هو يعمل وما لا يعمل.

ورشة العمل المثلى

المنصة: الويب
السعر: 166 دولارًا لكل مستخدم في الشهر ، مع توفر خيارات مجانية ومتاحة للشركات

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

أدوات التحليلات

تحليلات كوكل

المنصة: الويب
السعر: مجاني

على الرغم من أن Google Analytics لا يحتوي على الواجهة الأكثر إلهامًا أو الأكثر استخدامًا ، إلا أنه يوفر قدرًا لا بأس به من البيانات لأداة مجانية ، مما يجعلها نقطة انطلاق مناسبة لأبحاث المستخدم واكتساب رؤى قد ترغب في استكشافها بشكل أكبر في أداة أخرى .

ميكسبانيل

المنصة: الويب
السعر: من 99 دولارًا لكل مليون نقطة بيانات ، مع توفر الخيارات المجانية والمتوفرة للشركات

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

بندو

المنصة: الويب
السعر: يتم تحديد السعر بناءً على عدد المستخدمين والميزات المطلوبة

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

خاتمة

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