معرفی چند ابزار ui/ux

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

اولین مورد AdobeXD هستش ،از جدیدترین نرم افزار های شرکت بزرگ ادوبی در زمینه طراحی و تجربه کاربری هستش . AdobeXD از هر دو نرم افزار فتوشاپ و ایلوستریتور پشتیبانی میکنه و طراحانی که قبلا برای پروژه هاشون از این دو نرم افزار استفاده میکردند به راحتی میتونند با این نرم افزار ارتباط بگیرند و از ابزار های موجود به خوبی استفاده کنند . adobe xd برای ویندوز و مک منتشرشده ، اما اگه از ویندوز استفاده میکنید پیشنهاد میکنم حتما برای یک بار هم که شده با این نرم افزار کار کنید

مورد دوم InVision نام داره ، به کمک InVision میتونید برای اپلیکیشن ها و وب سایت ها اسکچ بزنید و پروتوتایپ بسازید . طراحی رو با بقیه اعضای تیم به اشتراک بزارید و تصمیم های بهتری بگیرید . امکانت و ویژگی های این ابزار اون رو خیلی مطرح کرده و توسط شرکت های بزرگی همچون airbnb ، ibm و … مورد استفاده قرار گرفته .

از نرم افزار های نسل جدید طراحی دیجیتال محسوب میشه مخصوصا در زمینه طراحی اپلیکیشن ها . یکی از رقبای بزرگ adobe به حساب میاد و به شدت با فتوشاپ در رقابت هست ، sketch متن باز هست به همین دلیل user میتونه پلاگین های سفارشی برای استفاده از این نرم افزار بسازه . sketch قابلیت های فوق العاده ای داره که اگه بخوام خیلی کوتاه به بعضی از اونها اشاره کنم میشه رنگ بندی فوق العاده و خفن ، خروجی اتوماتیک برای رزولوشین های متعدد ، وجود ابزار های فوق العاده مخصوص طراحان سایت ، طراحی به صورت وکتور و …. نام برد .

مورد بعدی UXPin هست ، یه ابزار خیلی خوب تا به فرایند مدل سازی در تیمتون سرعت ببخشه و این امکان رو به تیم بده تا نمونه اولیه رو طراحی و تست کنند و بعد از اون وارد فرایند توسعه بشه .

پنجمین پیشنهاد Notism نام داره ، ترکیبی از طراحی real time و task management هست ، طرح های استاتیک رو به نمونه های اولیه تعاملی برای وب و اپ تبدیل میکنه ، میتونید طرح هاتون رو با دیگران به اشتراک بزارید و از تجربه اونها استفاده کنید .

شاید آشنایی با Proto.io هم بد نباشه ، ابزار فوق العاده ای که استارتاپ های زیادی از اون استفاده کردند و میکنند ، طراحان رابط کاربری و تجربه کاربری بدون دانش کد نویسی میتونند نمونه های اولیه خیلی خوب از سایت و اپلیکیشنشون ایجاد کنند و حتی این امکان رو دارند تا طرح هاشون رو از فتوشاپ یا اسکچ وارد برنامه کنند . مثل اکثر ابزارهایی که معرفی کردم Proto.io هم قابلیت اشتراک گذاری داره و میتونید از تجربیات طراحان دیگه هم استفاده کنید .

هفتمین مورد mason هست . بدون نیاز به دانش برنامه نویسی محصول نهاییتون بر اساساندازه هایی که مشخص کردید خواهد بود .طراحی و پیاده سازی با این ابزارخیلی راحت و مشخص هستش ، خیلی راحت میتونید صفحات ثبت نام ، ورود و … رو بدون کد نویسی ایجاد کنید . (البته به نظر من زیاد ابزار جالبی نیست البته این نظر کاملا شخصیه)

یکی دیگه از ابزار های خوبی که برای طراحان توسعه داده شده Plant هست . به راحتی میتونید طراحی و واسط گرافیکی کاربر gui رو انجام بدید ، نسخه رایگان این ابزار از ویژگی های اون به حساب میاد .

اصول استفاده از Grid در طراحی UI

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

طبیعتا با وجود ابزار های قدرتمند و همچنین پیشرفت در زمینه طراحی رابط کاربری و تجربه کاربری ، شما به عنوان یک فرد فعال در این زمینه باید خودتون رو همیشه به روز نگه دارید و با جدید ترین متد ها آشنایی داشته باشید . طبیعتا کاربران و مشتریان شماهم انتظار هاشون با گذشته فرق میکنه و شما نیاز دارید تا همیشه خودتون رو بروز نگه دارید ، استفاده و آشنایی از ابزارها رو فراموش نکنید ، هر ابزاری به جای خودش میتونه خیلی خیلی براتون مفید باشه . برای این پست از دو سایت www.hongkiat.com , blog.prototypr.io کمک گرفتم و خیلی دوست دارم نظر و تجربه های شمارو در این زمینه بدونم ، پس حتما در کامنت ها تجربیاتتون رو به اشتراک بزارید .