AdobeXD تحولی عظیم در نمونه سازی اولیه

سلام دوستان این اولین نوشته من در سایت ویرگول است.

امروز میخوام درمورد نرم افزار AdobeXD صحبت کنم، از ویژگی هاش بگم و اینکه این نرم افزار یه تحول عظیم در حوزه مهندسی نرم افزار ایجاد کرده است.

مقدمه
نرم افزار AdobeXD همان طور که از اسمش پیداست محصولی از کمپانی بزرگ Adobe محسوب میشه، که هدف اصلی این نرم افزار طراحی و نمونه سازی اولیه نرم افزار، وب سایت و اپلیکیشن های موبایلی می باشد.

AdobeXD چیست؟

نرم افزار AdobeXD مخفف Adobe Experience Design است که در اواخر سال 2017 میلادی رسما برای سیستم عامل ویندوز و مک منتشر شد.
این نرم افزار به صورت رایگان در دسترس تمامی کاربران قرار گرفته است و شما میتوانید از سایت رسمی اون که آدرسش رو در قسمت پایین قراردادم آخرین نسخه این نرم افزار محبوب را بر حسب پلتفرم مدنظر دانلود و نصب کنید.
این نرم افزار به شما و تیمتون کمک میکنه که رابط های کاربری برای وب سایت، برنامه های تلفن همراه، بازی و سایرموارد طراحی کنید.

www.adobe.com/products/xd.html

ویژگی های مهم AdobeXD:

1. نرم افزاری مناسب برای طراحی واسط کاربری

2. پشتیبانی از سیستم عامل مک و ویندوز

3. پشتیبانی از فرمت گرافیکی Vector

4. تهیه خروجی در فرمت های گرافیکی متنوع

5. سرعت بخشیدن به عملیات

6. طراحی رابط های گرافیکی زیبا و کاربردی

7. قابلیت اشتراک گذاری طرح ها

8. قابلیت اجرا بر روی شبیه ساز مجازی یا حتی دستگاه واقعی

9. قابلیت Prototype

10. و...

آیا AdobeXD تحولی عظیم در حوزه مهندسی نرم افزار ایجاد کرده است؟

خب این نظر شخصی خودمه و واقعا میتونم بگم که اگه شخصی داره روی یه پروژه ای کار میکنه و این نرم افزار رو نشناسه واقعااا فقط داره وقت خودش رو تلف میکنه و توی مسیر پیشرفت پروژه به مشکلات بزرگی برمیخوره.
قبل از شروع توضیحاتم میخوام مفهوم Prototype رو توضیح بدم که اصلا چی هست؟ Prototype همونطوری که از معنی و مفهومش مشخصه به معنای نمونه اولیه هستش.

یادمه توی درس مهندسی نرم افزار دانشگاه، یه مفهومی داشتیم به اسم "نمونه سازی اولیه" که یکی از اصلی ترین فرآیندهای تولید و توسعه نرم افزار بود، در واقع مرحله قبل از نمونه سازی اولیه "شناسایی نیازمندی ها" بود که پس از شناسایی نیازمندی ها، اطلاعات جمع آوری شده وارد بخش نمونه سازی اولیه میشد و در این بخش نمونه اولیه طراحی میشد و پس از تایید مشتری وارد مرحله تولید نرم افزار میشدیم.

خب حالا که درک کردیم که این نمونه سازی اولیه چی هستش، بیاین یه مثالی رو مورد بررسی قراربدیم تا با عمق فاجعه رو درک کنید.

فرض کنید یه پروژه جدید قراره استارت بخوره، مشتری تمام نیازمندی هایی که لازم داره رو در اختیار تیم برنامه نویس قرار میده و افراد تیم پس از گفت و گو با هم مبلغ انجام پروژه و مدت زمان اون رو مشخص میکنند.
خب قرارداد این پروژه بسته میشه و یه اشتباه غلط که شاید بین اکثریت برنامه نویسا وجود داره اینه که با خودشون فرض میکنند که هرچی سریعتر استارت کار رو (کد زدن) بزنند پروژه زودتر تموم میشه.
اما واقعا اینطوری نیست این یه فرض غلط هست، و تولید و توسعه نرم افزار شامل رعایت یک سری اصول می باشد.
خب حالا شما فرض کنید این تیم کاری درک درستی از نمونه اولیه ندارند (این رو همیشه نمیشه گردن برنامه نویس و طراحان انداخت، گاهی اوقات مقصر مشتری هستش) و میان صفر تا صد این پروژه رو طراحی میکنند طبق اصولش، یعنی سر موعد پروژه رو تحویل مشتری میدند.
فاجعه اصلی اینجا رخ میده وقتی که مشتری برنامه رو باز میکنه و کل اون رو بررسی میکنه و میگه این موردتایید من نیست! من اون چیزی که فکرشو میکردم شما واسم طراحی نکردین و...

بعله مشکلات همیشه توی فرآیند کار رخ نمیدند و واقعا میشه گفت که بعد از تحویل کار تازه مشکلات اساسی شروع میشه، شما فکرکنین یه پروژه ای رو که یک ماه وقت گذاشتین رو باید یک ماه دیگه وقت بزارین تا اون چیزی که موردتایید مشتری هست رو بهش تحویل بدین.
خب چی میشد یکم درک از نمونه سازی اولیه میداشتیم، این نمونه سازی اولیه واقعا میگم خیلی بحث مهمی هستش، همین مثالی که زدم رو در نظر بگیرین که یه تیم طراحی یه نمونه اولیه از برنامه رو طراحی میکرد (فقط طرح، نه کدنویسی) و این طرح اولیه رو به مشتری نشون میدادند و مشکلات کار در میومد و طرح کار نهایی میشد و حالا برنامه نویسان با خیال راحت مینشستن کارشون رو میکردن و دغدغه این رو نداشتند که بعدا قراره فاز طراحی کار رو دوباره ویرایش کنند(چقد خوبه).

قابلیت Prototype در AdobeXD

یکی از نقاط قوت این نرم افزار استفاده از ویژگی Prototype هستش، به این منظور که شما هر اِلِمانی در صفحه طراحی میکنید رو میتونید به صفحات مختلف وصل کنید (مثلا: دکمه برگشت داخل صفحه گذاشتید و میتونید بگید اگه روش کلیک شد برگرده به صفحه قبلی).
جهت کار با این ویژگی اصلا نیاز به تخصص خاصی وجود نداره و میتونید خیلی راحت از منوی بالا سمت چپ گزینه Prototype را انتخاب کنید و اِلِمان های طراحی شده درون صفحاتتون رو به هم مرتبط سازید.

AdobeXD از پلاگین پشتیبانی میکند

یکی دیگر از نقاط قوت این نرم افزار استفاده از پلاگین های مختلف است، شما میتوانید از داخل تب مربوط به Plugins اون پلاگین های مدنظرتون رو دانلود کنید و نصبشون کنید.
مثلا پلاگین ColorDesigner رنگ های استاندارد رو داره که میتونید ازش استفاده کنید، یا پلاگین UiFacesبدین منظور هستش که مثلا میخواهید توی یه صفحه تون یه عکس نمونه داشته باشید خب میتونین از این پلاگین کاربردی استفاده کنید که یه سری فیلتر ها هم داره که مثلا میتونید رنج سنی اون شخص، جنسیت، رنگ پوست و غیره رو مشخص کنید تا به اون چیزی که میخواهید برسید.

پلاگین LTR To RTL

یکی از مشکلاتی که توی زبان فارسی داخل این نرم افزار وجود داره اینه که جای نقطه یا ویرگول رو اشتباه میزاره و متن رو کمی بهم ریخته میکنه، این پلاگین تا یه حدی میتونه به کمکتون بیاد. فقط کافیه نصبش کنید و وقتی داخل طرح تون از یه متن استفاده کردید و مشاهده کردید که علائم نگارشی اون بهم ریخته فقط کافیه دکمه ترکیبی Ctrl+Hرو از صفحه کلید بزنید تا متن مربوطه تصحیح بشه.

نتیجه گیری

به حقیقت میتونم بگم از وقتی با این نرم افزار آشنا شدم، احساس بهتری دارم حس میکنم کارهایی که دارم انجام میدم طبق یه سری اصول داره رعایت میشه و ازین بابت خوشحالم.
نیازهای اولیه مشتری رو میگیرم طراحی میکنم تاییدیه نهایی رو میگیرم و با خیال راحت شروع میکنم به کدنویسی.

امیدوارم این مطلب برای دوستان مفید واقع شده باشه، موفق باشید...