تقدیم به همتون کاردرست‌ها 🤟😍

پ.ن: به جهت ایجاد انگیزه :))

#Fun
🦚 @Design_Stuffs

فرق بین طراح محصول (Product Designer) و طراح تجربه کاربر (UX Designer)

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

درباره فرق بین این دو پوزشن اختلافات زیادی بین علماست 😄 و هر کدوم مهارت‌هایی رو برای این یکی می‌شمارند که در دیگری نیست!.

مثلا بسیاری فکر می‌کنن که یک ‌طراح محصول باید در کنار دانش UX، به خوبی ذینفعان رو بشناسه و دید خوبی نسبت به بازار داشته باشه.

عده‌ای هم پا رو فراتر گذاشتن و وظایف مالک محصول (Product owner) رو هم برای طراح محصول در نظر گرفتند.

اما نکته اینجاست که شناخت ذینفع و کاربر هر دو برای طراح UX مهمه و اینطور نیست که صرفا تمرکز طراح روی کاربر نهایی و رضایت اون باشه. بلکه به عنوان کسی که باید «کسب و کار، تکنولوژی و کاربر» رو در کنار هم در نظر بگیره اجبارا باید با این بخش‌ها به خوبی تعامل داشته باشه.

برای درک تفاوت بین طراح محصول و طراح ux باید به «دلیل پیدایش پوزیشن طراح محصول» اشاره کرد:

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

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

اینجا بود که نیاز به فردی شد که به طور ثابت فرایند توسعه تجربه کاربری محصول رو به عهده بگیره و این بخش رو زنده نگه داره. اسمش رو هم گذاشتن «طراح محصول».

در واقع طراح محصول شخصیه که مباحث تجربه کاربری رو، همراه با دید وسیع‌تر (به لحاظ محصولی) و با تعامل بیشتر و البته ثابت، با همه تیم‌ها و ذینفعان، به صورت «فرایند توسعه محور» جلو ببره.

(* «فرایند توسعه محور» در اینجا یعنی دیزاین محصول هیچ وقت تموم نمیشه و مدام یا داره بهبود پیدا می‌کنه و یا داره بزرگ‌تر میشه)

تعریف آسونی نبود، ها؟ 😁

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

یعنی:
- میدونه محصول چطور به وجود اومده (چون یا نقش اساسی در به وجود اومدن محصول داشته و یا به خوبی با گذشته محصول آشناست)

- می‌دونه داره چه مسیری رو طی می‌کنه (چون یا خودش در این طراحی این مسیر نقش اساسی داشته و یا از دلایلش آگاهه)

- از برنامه‌های آینده محصول مطلعه و براشون پلن داره (چون… 😁)

حالا آیا همه UX دیزاینرها اگر جایی ثابت کار کنند، طراح محصول می‌شن؟ خیر!

جدای از مهارت‌ها و تجربه لازم برای پوزیشن طراح محصول،‌ در تیم طراحی بسته به میزاین کار، میشه از یک یا چند طراح محصول و چند طراح UX و البته UI استفاده کرد. و خیلی راحت میشه به کمک ux دیزاینرها روی فیچرهای مختلف محصول کار کرد (البته با توجه به ساختار تیم و محصول).
البته طراح محصول لزوما لیدر تیم طراحی نیست.

و خوب مشخصا با توجه به مطالب بالا، یک شخص فریلنسر نمی‌تونه طراح محصول باشه هر چند که در این کار مهارت داشته باشه.

📝 مهدی مراد‌حسینی

🟡 اگر نظری دارید، کامنت کنید ✌️

#Article #UIX
🦚 @Design_Stuffs

یک خبر بد برای کپی‌رایترها :))

وبسایت‌ها و اپلیکیشن‌های حوزه‌ی هوش مصنوعی به طرز فجیعی دارن جذاب میشن!
یک نمونه‌ش Copy.ai هست که براتون تولید محتوا می‌کنه 🤦🏻‍♂️🤤
کافیه توضیح مختصری راجع به نوع محصول و فعالیت‌تون بنویسین، باقیِ کار با ایشونه!

🎥 ویدیوی معرفی copy.ai

پ.ن: البته که برای زبان فارسی، حالا حالاها راه زیادی در پیشه :)

#Tools #Ai
🦚 @Design_Stuffs

از اون جایی که دنبال‌کننده‌های خیلی خوبی هستین، بیاین بهتون جایزه بدم :))

🎁 همراه اول، دوشنبه‌ی آخر هر ماه (مثل امروز) اینترنت رایگان میده با این کد:
*100*64*1#
این بات تلگرام میتونه بهتون دوشنبه‌های آخر ماه، یادآوری کنه 😁:
@doshanbehBot

🎁 و این هم کد اشتراک یک ماهه رایگان برای طاقچه بی‌نهایت:
bmntaq

استفاده کنین و دعا کنین به جونم :))

🦚 @Design_Stuffs

🔗 Mohammad Moazzen

🦚 @Design_Stuffs

تپسی، از روند اضافه کردن این فیچر، ویدیو ساخته :))

پ.ن: این فیچر، توسط دو کاربر پیشنهاد شد و در مدت ۵ ساعت، توسط تپسی پیاده‌سازی شد!
مثل تپسی باشید! ✌️😄

🦚 @Design_Stuffs

یک Case Study خوب و اصولی: "تجربه بهتر رزرو هتل در علی‌بابا"

روند و پروسه‌ی ریدیزاین، خیلی جالب بود ولی به نظر شخصی من، شاید می‌شد راه‌حل‌های بهتری هم ارائه‌ کرد.

🖥 در Behance ببینید

#Case_Study #UIX
🦚 @Design_Stuffs

کانسپت جذاب دیگری برای اینستاگرام 😁

مجددا توسط حاتم 😎

#Concept #Designer #Instagram
🦚 @Design_Stuffs

ریپلای‌های این توییت رو ببینید و با روش‌های دیگران برای نام‌گذاری لایه‌ها و آرت‌بورد‌ها توی فیگما آشنا بشید :)

#Tips #Figma
🦚 @Design_Stuffs

اگر دانشجو هستید، از امروز می‌تونید برای ثبت‌نام ۳۰ گیگ اینترنت رایگان، هدیه وزارت ارتباطات، اقدام کنید.

https://ictgifts.ir/UniversityStudents

#News
🦚 @Design_Stuffs

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

یکی از راه‌هایی که خیلی وقته می‌شه استفاده کرد اینه که فایل یا پروتوتایپ فیگما رو توی یه صفحه‌ی دیگه به نمایش بذاریم. Embed کنیم به اصطلاح.
مثلاً این صفحه روی نوشن رو ببینید. این‌جوری دیگه فقط همون قسمتی که لینکش رو ساختیم نمایش داده‌میشه و دسترسی به لایه‌ها و قسمت‌های دیگه نخواهد‌بود، اما مشکل اینجاست که پایین همون فریم لینک فایل قرار داره که شخص می‌تونه روش کلیک کنه و وارد فایل بشه، یا مثلاً توی حالت پروتوتایپ فلوهای دیگه رو هم می‌تونه ببینه. برای همین یه صفحه ساختم که یه جورایی جلوی این موضوع رو بگیریم.

کافیه آدرس فایلی که از فیگما گرفتید رو داخل این صفحه وارد کنید و یه آدرس جدید (مثل این) که بهتون داده‌میشه رو به اشتراک بذارید. البته که این راه هم ۱۰۰٪ نیست ولی تا حد خوبی دارنده‌ی لینک رو محدود می‌کنه به همون قسمتی که باهاش به اشتراک‌گذاشته‌شده.

Telegraph | Virgool

🔗 منبع: فیگ‌میگ

#Tips #Figma
🦚 @Design_Stuffs

#Fun
🦚 @Design_Stuffs

مشاهده‌ی پیام‌های حذف‌شده توسط طرف مقابل!

با نصب این افزونه (مختص تلگرام دسکتاپ) می‌تونید پیام‌هایی که از این به بعد توسط دیگران حذف میشه، ببینید!
این پیام‌ها سر جای اصلیش اما با توضیح «Deleted» نمایش داده می‌شه.

⚠️ این افزونه غیررسمی هست اما به صورت اپن‌سورس ارائه شده.

🔴 روش نصب: توی صفحه‌ی افزونه، از قسمت Releases روی Latest بزنید و لینک TelegramAntiRevoke . zip رو دانلود کنید.

🔗 معرفی شده در @tg_ir

#Tools #Telegram
🦚 @Design_Stuffs

منابع رایگان دانلود Icon

جدیدا برای دانلود آیکن با فرمت noscript از سایت Flaticon که از منابع خوب دانلود آیکن هست، نیاز به اکانت Premium دارید.

اینجا یه تعداد از منابع رایگان و خوب دانلود آیکن رو لیست کردم که می‌تونید ازشون استفاده کنید:

https://iconsax.io/

https://iconly.pro/

https://www.figma.com/community/file/1014143897459418663

https://coolicons.cool/

https://thenounproject.com/

https://feathericons.com/

https://remixicon.com/

https://www.figma.com/community/file/1023171235158207826

https://anronkai.gumroad.com/l/ai-demo

https://gumroad.com/l/ricon

https://icons8.com/

https://iconscout.com/icons

https://orioniconlibrary.com/all-icons

https://fontawesome.com/v5.15/icons

https://www.iconfinder.com/

https://www.iconninja.com/

https://lordicon.com/icons

https://fontello.com/

https://css.gg/app

https://fonts.google.com/icons

https://freeicons.io/

اگر شما هم سایت و یا آیکن‌پک خوبی می‌شناسید، معرفی کنید ✌️

#Assets #Icon
🦚 @Design_Stuffs

کنفرانس آنلاین و رایگان Adobe MAX

افراد شرکت‌کننده‌ توی کنفرانس MAX 2021 می‌تونن توی کارگاه‌های آموزشی متنوعی شرکت کنن.
این کنفرانس به ۱۰ موضوع مختلف می‌پردازه که این ۱۰ موضوع روی هم رفته شامل ۳۵۰ کارگاه آموزشیه.

امسال این کنفرانس، آنلاین و به صورت رایگان از 26 تا 28 اکتبر برگزار می‌شه.

https://max.adobe.com

#Events #Tutorial
🦚 @Design_Stuffs

طراحی Search برای محصول

📄 مطالعه‌ی مقاله

🕒 زمان حدودی مطالعه: ۲۰ دقیقه

#Article #UIX
🦚 @Design_Stuffs

دیزاین سیستم شرکت‌های مختلف

یکی از بهترین روش‌ها برای یادگیری اصول و استانداردهای طراحی در زمینه‌ی UI/UX، بررسی دیزاین سیستم‌ شرکت‌های مختلفه.
این موارد رو حتما ببینین چون با بررسی‌شون چیزهای خوبی یاد می‌گیرین:

🔸 Google Material Design

🔹 IBM Design System (Carbon)

🔸 Shopify Polaris

🔹 Microsoft Fluent

🔸 Salesforce Lightning

🔹 Atlassian Design System

🔸 Uber Base Web

🔹 Ant Design

🔸 Divar Design System

🔹 Morph Design System

#Source #UIX #Design_System
🦚 @Design_Stuffs