التصميم بدقة - مراجعة Adobe XD

مع اختتام عام 2018 وخطوة عام 2019 ، دعنا نراجع الوضع الحالي لصناعة التصميم ، ودور المصمم ، وأدوات تصميم تجربة المستخدم ، وسير العمل.

من بناء نظام تصميم متماسك إلى تصميم التدفقات لابتكار الجهاز التالي أو إنشاء واجهات معقدة لاختبار المستخدم ، يمكن للمصممين الاختيار من بين مجموعة وفيرة من أدوات تصميم UX. سواء أكان أحد البرامج الأكثر شيوعًا مثل Sketch أو Figma المستند إلى الويب أو Adobe XD المتنامي بقوة أو InVision Studio الذي تم تقديمه حديثًا - فإن الإلمام بأدوات تصميم UX الصحيحة بما في ذلك مراجعة Adobe XD هذه سوف تسرع عملية تصميم المنتج.

اختيار أداة تصميم UX الصحيحة

أثناء النظر إلى الأدوات التي يستخدمها المصممون ، من المهم ملاحظة أن مسؤوليات المصممين تتغير وتتوسع باستمرار. منذ 6-7 سنوات فقط ، قلة من الناس يفهمون ما فعله مصمم تجربة المستخدم. في هذه الأيام ، من المتوقع أن يقوم كل مصمم على الأقل بنوع من البحث عن المستخدم والنماذج الأولية والتحليل التنافسي.

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

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

لقد ولت أيام المصممين الذين يعتمدون على Photoshop كأداة تصميم رئيسية منذ فترة طويلة. الآن هو سباق على منصات برامج التصميم لجذب كل من المبتدئين والمحترفين. كان Sketch لاعباً رئيسياً لعدة سنوات ، وحصلت Figma ، بعد أن تلقت دعماً مالياً بأكثر من 46 مليون دولار ، على اللحاق بأداة النماذج الأولية التفاعلية المستندة إلى الويب.

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

بعد هيمنتها على عالم التصميم الرقمي لفترة طويلة ، تتأخر Adobe في هذا السباق للحصول على أداة تصميم UX / UI النهائية. عدم وجود رفاهية البقاء في هذا المنصب لفترة طويلة… أدخل Adobe XD. على الرغم من تأخره قليلاً عن السباق ، إلا أن Adobe XD نمت شعبيته وأصبح منافسًا واعدًا منذ صدوره في عام 2016.

مراجعة Adobe XD: الميزات والفوائد

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

قبل أن نتعمق في مراجعة ميزات Adobe XD ، دعنا نتوقف ونسأل ، "هل يستحق الأمر الوقت لتعلم أداة جديدة توفر وظائف مماثلة للأدوات التي نعرفها بالفعل؟" للإجابة على ذلك ، دعنا نلقي نظرة على أربعة معايير: السعر ، وسهولة الاستخدام ، والنظام البيئي ، وحصة السوق.

السعر

كان أحد العوامل في النجاح المبكر لمفضلات الصناعة مثل Sketch و Figma هو القدرة على تحمل التكاليف النسبية. يعد Adobe XD جزءًا من اشتراك Adobe Creative Cloud ، والذي يمنحك الوصول إلى أكثر من 20 تطبيقًا مثل Photoshop و Illustrator و Premiere Pro وما إلى ذلك مقابل 50 دولارًا شهريًا ، لذلك يصعب فصل السعر تحديدًا لهذا المنتج. ما لم يكن لديك اشتراك بالفعل ، قد يكون من الصعب تبرير إنفاق الكثير على تجربة أداة جديدة.

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

سهولة الاستعمال

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

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

النظام البيئي

يعد وجود Adobe XD في نظام Adobe البيئي أحد أقوى نقاط البيع لأن لديك بالفعل Creative Cloud ، أو تستخدم منتجات Adobe الأخرى على أساس أسبوعي. من المتجهات إلى الصور ، تحتوي مجموعة منتجات Adobe على أداة مخصصة لمعظم احتياجات المصممين والتي ستعمل بسلاسة مع Adobe XD.

الحصة السوقية

في عام 2017 ، كان Adobe XD يحتل مرتبة متوسطة في السوق ولم يستطع أن يطغى على هيمنة Sketch. بعد مرور عامين ، بدأت Adobe في اللحاق بالركب بسرعة (مع أكثر من 12 مليون مشترك في Creative Cloud) وأظهرت إمكانات كبيرة لمواصلة نموها السريع.

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

قائمة متزايدة بميزات وإضافات Adobe XD

"من خلال عمليات التكامل مع Creative Cloud ، يمكننا أن نجعل عملائنا أكثر سعادة وإنتاجية من خلال ربطهم بسلاسة بجميع الخدمات التي يستخدمونها ، وإمدادًا لا نهائيًا من الأدوات التي توسع تطبيقاتنا بطرق قوية ومخصصة." - فيجاي فاتشاني ، مدير ، رئيس من Partner Platform & Ecosystem ، Adobe Creative Cloud.

نظرًا لكونه "خفيفًا وأساسيًا" كما قد يبدو ، فإن واجهة Adobe XD تتعامل مع أنظمة التصميم المعقدة ومكتبات الرموز ، مما يسمح للمصممين ببناء وتحديث التصاميم المعقدة بسهولة. لا تقل أهمية أدوات الرسوم المتحركة والنماذج الأولية المتطورة لـ XD عن التصميم وعملية اختبار المستخدم. عندما يكون المصمم جاهزًا للحصول على تعليقات على التصميمات ، فإن المكونات الإضافية بواسطة UserTesting و Userlytics تسمح له بالقيام بذلك دون مغادرة البرنامج.

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

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

بينما يعد Sketch أداة تصميم رائعة ، فإن ما يجعله رائعًا حقًا هو توفر المكونات الإضافية لجهات خارجية مثل Runner و Color Accessibility Check و Magic Mirror و Auto Animate وما إلى ذلك. ، ومولد البيانات ، وما إلى ذلك ، والتكامل مع Trello ، و Dribbble ، و Google Sheets ، وما إلى ذلك.

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

منذ البداية ، تم وضع Adobe XD على أنه "منتج من المصممين إلى المصممين" وهم يواصلون هذه الدورة بأمانة. كل شهر ، يتم طرح مجموعات جديدة من الميزات. على سبيل المثال ، في الأشهر القليلة الماضية فقط ، قدمت Adobe ميزات Adobe XD الجديدة مثل Respive Resize ، Timed Transitions ، Spell Check ، Jira Integration ، والمزيد.

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

من Siri إلى Alexa والتجارب الأخرى خارج الشاشة ، يكتسب التفاعل القائم على الصوت أساسًا. تمنح النماذج الصوتية الفريدة لـ Adobe XD المصممين ميزة لمواكبة هذا الاتجاه المتنامي بسرعة.

توسيع صندوق أدوات المصمم

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

هناك بعض الجدل حول ما إذا كان يجب على المصمم التركيز على توسيع ذخيرته مقابل شحذ تخصص معين. يعد Adobe XD سريعًا ومجانيًا وسهل التعلم - لا يوجد شيء ضائع في اتخاذ القرار وتوسيع نطاق تعدد استخداماتك.

مزيد من القراءة على مدونة Toptal Design:

• أفضل أدوات تجربة المستخدم (مع مخطط المعلومات الرسومي)
• Figma مقابل Sketch مقابل Axure - مراجعة قائمة على المهام
• تصميم واجهة المستخدم الصوتية VUI
• أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة
• النموذج الأولي بسهولة - برنامج تعليمي لـ InVision Studio