أفضل أدوات تصميم تجربة المستخدم UX في عام 2019

كيف يمكنك الانتقال بسلاسة من النماذج بالحجم الطبيعي إلى النماذج الأولية from mockups to prototypes ؟ إدارة نظام التصميم وتنظيم سير العمل الخاص بك أثناء التعاون مع أصحاب المصلحة؟ إليك الأدوات التي تسهل بناء أفكارك:

Framer X

أداة متوفرة لـ Mac فقط (مع استيراد Sketch) والتي تحتوي على مكونات مدمجة في React للسماح للمصممين بعمل نماذج أولية قوية وعالية الدقة

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

FIGMA

أداة قائمة على المتصفح بشكل اساسي (مع تطبيق سطح مكتب) تسمح بالتعاون الجماعي في الوقت الفعلي ؛ مع أدوات فيكتور التى تكون قادرة على التوضيح ، والنماذج الأولية وتوليد الكود للتسليم

• متعددة التحرير المشترك.
• مكتبات النمط التي تبسط عملية إنشاء وتحديث نظام التصميم الخاص بك
• التكامل مع المصدر (ماك فقط)
• واجهة برمجة تطبيقات الويب API  التي تربط Figma بالأدوات والبرامج النصية وتطبيقات الويب الأخرى

ProtoPie

أداة لنماذج تفاعل تفاعلية خالية من الاكواد ، متوفرة على Windows و Mac

• إمكانات مثيرة للاهتمام مثل تفاعلات النماذج الأولية بين الأجهزة أو إنشاء نماذج أولية يمكنها التواصل مع أجهزة إنترنت الأشياء
• لديه تكامل مع Sketch على macOS و Adobe XD على كل من macOS و Window
قريبا:
• الردود تمكين الارتباطات التشعبية وفتح التطبيقات الأخرى
• خصائص الحدود والظل
• استخدم الملفات الصوتية: mp3 ، wav و m4a

Studio

أداة متوفرة لـ Mac وويندوز من شركة InVision (نظام أساسي لتصميم المنتجات الرقمية) والتي تتيح لك التصميم السريع والتصميم الأولي  prototypes والتعاون بسرعة

• معاينة ومزامنة النماذج إلى InVision Cloud
• استخدم Shared Design Libraries لمزامنة المكونات عبر ملفات Studio
• واجهة برمجة التطبيقات API إلى الأدوات والبرامج النصية وتطبيقات الويب الأخرى

Adobe XD

أداة تعتمد على المتجهات من Adobe والتي تسمح بالتصميم السلكي للموقع الإلكتروني المتجه ، وإنشاء نماذج تفاعلية بسيطة ، متوفرة على Windows و Mac

• تسجيل التفاعلات مع الصوت - يتيح لك تطبيق معاينة سطح المكتب الآن تسجيل صوتك مع أي تفاعلات النقر ومشاركته كملف MP4
• قدرات النماذج الأولية الصوتية مثل مشغلات الصوت أو تشغيل الكلام
• الإضافات لإضافة بيانات وهمية ، والتكامل مع UserTesting أو التصدير كمكون React ، إلخ.

UX Pin

منصة تعاونية للتصميم والنماذج الأولية ، متوفرة على Windows أو Mac أو بشكل بسيط في المتصفح

• متعددة التحرير المشترك
• نماذج تفاعلية ، والرموز ، وميزات الوصول الأساسية ومكونات التعليمات البرمجية
قريبا:
• استيراد HTML من صفحة ويب موجودة أو أي جزء منها
• مزامنة مكونات React.js تلقائيًا مع UXPin من مستودعك


ادوات اخرى

• Webflow - أداة قائمة على الويب لإنشاء مواقع ويب سريعة الاستجابة في متصفحك ، ثم تصدير الكود الخاص بك إلى المضيف على Webflow أو في أي مكان آخر
• Tilda - يمكنك إنشاء موقع ويب أو صفحة مقصودة أو متجر عبر الإنترنت مجانًا بمساعدة وحدات Tilda
• STUDIO - تصميم من نقطة الصفر ، العمل المشترك في الوقت الحقيقي ونشر المواقع
• Lightwell - يحول تصميماتك إلى مشروع Xcode ، للتطبيقات سريعة الاستجابة على الهاتف المحمول والكمبيوتر اللوحي