() translation by (you can also view the original English article)
تتناول وثائق UX جميعًا تفاصيل التفاصيل المحددة لتصميمك للتأكد من حدوث التنفيذ بسلاسة. بعد كل جولات تصميم التكرارات ، والبحث ، والنقد ، من المهم عدم تجاهل هذا الانتقال المهم من التصميم الكود الفعال.
في ما يلي كيفية تنظيم مواصفات تصميمك خفيف الوزن والتأكد من أن النتيجة النهائية هي مصقولة كما تتخيلها!
مكونات وثائق الUX
ما الذي يحتاجه المطورون لتنفيذ تصميماتك؟ هذا يمكن أن يعتمد على علاقة العمل الخاصة بك ، وتعقيد مشروعك. في كلتا الحالتين ، نعرف أن التصميم يحتوي على طبقات متعددة من المعلومات لذا من الأفضل التواصل بشكل أكثر من ترك الأشياء مفتوحة للتأويل.
- تصميم نماذج بالأحجام الطبيعية Mockups: تعرض مواصفات الأنماط مثل الخطوط الحمراء للموضع ، واللون ، واللوحة ، ومحرف الطباعة.
- التفاعلات: إظهار كيفية عملها ، إما من خلال تدفق أو نسبة النقر إلى الظهور.
- المواصفات الإضافية: أي شيء قد يكون مفقودًا من الفئات السابقة. يمكن أن يتضمن هذا تبعيات على فرق أخرى ، أو أي عناصر قد تتغير في المستقبل القريب ، أو تفاصيل تنفيذ محددة.
- الأصول: الموارد المستخدمة في التصميم ، مثل الرموز والصور المحسنة / الصوت / الفيديو والنسخ وما إلى ذلك.
ادوات
في الوقت الحاضر ، هناك العديد من أدوات التصميم التي تحتوي على مواصفات مدمجة ، إما كتكاملات أو كجزء من سير العمل. اطلع عليها لمعرفة أفضل الميزات لفريقك.
Figma
على غرار "InvisionApp" ، في أن هناك وجهة نظر تعطي المطورين القدرة على فحص ونسخ وتصدير أصول التصميم. أداة قائمة على الويب تتضمن القدرة على إنشاء مواقع الويب وتطبيقات الجوال والتعاون في الوقت الفعلي مع زملائهم في الفريق.
Adobe XD
الآن متاح. حل UX / UI متعدد الإمكانات لتصميم مواقع الويب وتطبيقات الجوّال وغير ذلك الكثير. يولد رابط خارجي للمواصفات ، ويتضمن ميزة حماية كلمة المرور.
InvisionApp
تصميم المنتج وسير العمل والتعاون منصة. يتضمن وضع الفحص لإنشاء القياسات والألوان وتصميم الأصول. تصفح وأدخل أبعاد الشاشة - بما في ذلك الموضع ، اللوحة ، محرف ، الخطوط ، الكود ، معاينة الأصول ، وظيفة تنزيل الأصول.
Zeplin
أداة توزيع التصميم ، مع عمليات التكامل مع "Slack" و "Sketch" (في نظام Mac فقط) لجعل تعاونك مع المطورين أسهل أيضا ، يمكنك تصدير ملفات التصميم الخاصة بك من "Figma" أو "Photoshop" أو "XD" مباشرة إلى Zeplin. تعتبر ميزات التعليق مفيدة وعلى نفس الصفحة مثل المواصفات الفعلية.
تعلم المزيد عن ادوات الUX
- uxtools.co: موقع مقارنة أداة تصميم بالمعلومات
- A checklist for design handoffs by InvisionApp
