Finebank - Financial Management Dashboard UI Kits
#Resources

Finebank - Financial Management UI Kits is the ultimate solution for designers creating finance-related dashboard designs. This customizable UI kit includes components for expense breakdowns, transaction details, goal setting, and bill management, as well as a range of charts, icons, and more.

https://www.figma.com/community/file/1227525441534506928/finebank-financial-management-dashboard-ui-kits

@SamyNote

موقعیت شغلی | طراح UX/UI دورکاری (Junior)

در یکی از استارتاپ‌ هایی که به‌عنوان منتور طراحی محصول و جذب نیرو باهاشون همکاری دارم، در حال تکمیل تیم محصول هستیم و دنبال اولین طراح UX/UI تیم می‌گردیم.

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

چون این اولین جایگاه تخصصی طراحی محصول در تیمه، این فرصت می‌تونه برای یک طراح Junior که دنبال رشد واقعی و تجربه کار روی یک محصول در حال توسعه‌ هست، خیلی ارزشمند باشه. اینجا در شکل‌گیری تجربه کاربری، طراحی User Flow، توسعه UI و پایه‌گذاری Design System نقش داری.

🔹 حداقل ۱ سال تجربه مفید UI/UX
🔹 تسلط به Figma و Responsive Design
🔹 آشنایی با اصول UI/UX، Interaction Design، Usability و Accessibility
🔹 آشنایی با Design System و UI Kit
🔹 پورتفولیو الزامی

💼 همکاری تمام‌وقت و کاملاً دورکاری

💰 حقوق از ۴۰ میلیون تومان

📅 پنج‌شنبه‌ها تعطیل

اگر فکر می‌کنید این موقعیت برای شما مناسبه، به @SamyUXD پیام بدین.

#فرصت_شغلی

@UxBook

پیشنهاد میکنم مستند Abstract: The Art of Design رو حتما ببیند! دو فصل داره و هر قسمت میره سراغ یه دیزاینر بزرگ.

تو اپیزود Ian Spalter (هد دیزاین اینستاگرام) میبینی تغییر یه تب ساده چقدر تحقیق و تست میخواد. یعنی دیزاین یه تصمیم استراتژیکه، نه یه قاب خوشکل.

بعدش Tinker Hatfield طراح نایکی نشون میده چطور محدودیت ها باعث خلاقیت میشن. این یعنی همون چالش هر روز ما با بودجه و تکنولوژی.

و Bjarke Ingelse معمار دانمارکی که میگه طراحی یعنی در آغوش گرفتن آدم ها و هدایتشون. این یعنی UX محض. چیدمان صفحه، جای دکمه، رنگ منو، همه مثل معماری یه خونه است.

این #مستند بهت یاد میده طراحی یه لایه عمیق از همدلی و تفکر انتقادیه. نگاهت رو کامل عوض میکنه!

@UXDNotes

🎓 بوتکمپ کارآموزی طراحی محصول | مرداد ماه

من همیشه بیشترین نتیجه رو از طراح هایی دیدم که فقط آموزش ندیدن؛ بلکه وارد یک پروژه شدن، طراحی کردن، اشتباه کردن، فیدبک گرفتن و دوباره بهتر طراحی کردن.

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

در این بوتکمپ یک ‌ماهه، هر طراح روی یک پروژه مستقل کار می‌کنه، مسیر کامل طراحی UX/UI رو تجربه می‌کنه و در پایان پروژه‌اش رو به یک Case Study قابل ارائه تبدیل می‌کنه. در طول مسیر هم طراحی‌های قبلی و فعلی شما بررسی میشه و به سوال‌هاتون پاسخ داده میشه.

این بوتکمپ آموزشی بیسیک نیست، باید با مبانی UX/UI، متد Design Thinking و Figma آشنا باشید. اینجا قراره یادگیر بگیرید چطور طراح بهتری باشید و توی بازار کار به درآمد برسید!

📅 شروع: ۱۰ مرداد
⏱ مدت: ۱ ماه
👥 ظرفیت: فقط ۵ نفر

برای دریافت جزئیات و شرایط ثبت‌نام، به @samyuxd پیام بدید.

@UxBook

دانلود رایگان کتاب : 👇👇👇
📚Solving Product Design Exercises
#Growing

@UXDNotes

درود 👋

⬇️ 📚 فایل کتاب رو اینجا می تونید دانلود کنید. کتاب Solving Product Design Exercises یکی از بهترین کتاب‌ها برای طراح‌هایی هست که قصد ورود به بازار کار رو دارن یا میخوان برای مصاحبه‌ های Product Design آماده بشن. داخل کتاب با تمرین‌ها و چالش‌های واقعی طراحی محصول آشنا میشید و یاد می‌گیرید چطور مثل یک Product Designer فکر کنید.

👈 کتاب کلا 100 صفحه و مفید هست!

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

#کتاب #Growing

@UXDNotes

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

متخصص ‌هایی مثل Andrew Huberman میگن برای کارهای عمیق، مغز بیشتر از اینکه به زمان زیاد نیاز داشته باشه، به تمرکز بدون حواس ‌پرتی نیاز داره. من هم بعد از آشنایی با مفهوم Deep Work، کم‌کم روش خودم رو ساختم.

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

حالا اگه میخوای پیشرفت کنی، باید از زمانت درست استفاده کنی! من برای خودم یک تکنیک ۴۵ دقیقه‌ای دارم که توی بلوک‌های زمانی کوتاه، با بیشترین تمرکز ، بهترین خروجی رو می‌گیرم. این تکنیک ۴ مرحله و ۳ فاز داره و واقعاً روی عملکردم تأثیر مثبتی گذاشته.

اگر دوست داری راهنمای این تکنیک رو داشته باشی، بهتره به سامی پیام بدی :
@SamyUxd

#تکنیک #طراحی_محصول
@UxBook

دانلود قالب‌ های رایگان UX Research از (GB) Lee مدیر طراحی شرکت Atlassian!
👇👇👇

#منابع
@UXDNotes

📦 دانلود رایگان UX Research Bundle

داخل این فایل، ۳ تا Template کاربردی قرار دادم که توسط GB Lee (مدیر طراحی محصول Atlassian) در پروژه‌های واقعی استفاده شده:

✅ Persona Template
✅ Journey Map Template
✅ Affinity Diagram Template

زمانی که روی UX Research کار میکنی، این قالب‌ ها می‌تونن نقطه شروع خیلی خوبی باشن. فایل‌ها با فرمت .sketch هستن و داخل ZIP هم راهنمای باز کردنشون با Lunacy و انتقال به Figma قرار داده شده.
فایل Read Me رو بررسی کنید.

موفق باشید 🌱🚀
@UXDNotes

یه چیزی که همیشه در ارتباط و همکاری با طراح‌های مختلف به‌وضوح دیدم، یه معضل مشترکه که کمتر کسی متوجه اون هست. دو تا مهارت نرم که نبودشون میتونه کل مسیر حرفه‌ای و آینده شغلی یه طراح رو تحت‌ الشعاع قرار بده!

بذارید با اسم علمی این دو تا مشکل شروع کنم تا بدونیم دقیقاً با چی طرفیم :

❌ مشکل اول : شنیدن سطحی یا Pseudo-listening
این همون حالتیه که ظاهراً داری گوش میدی، سرت تکون می‌خوره، حتی «آره، درسته» هم میگی، اما ذهنت جای دیگه‌ هست. داری توی سرت جواب بعدی رو آماده می‌کنی یا به ورودی جلسه بعدی فکر می‌کنی. نتیجه؟ کارفرما یا همکارت حس می‌کنه تو اتاقی، اما غایبی. اینجاست که اعتماد به‌مرور از بین میره و حرفت توی جلسات بی‌وزن میشه.

❌ مشکل دوم : خطای تأیید خودی یا Confirmatory Listening
این یکی خطرناک‌تره. اینجا تو فقط چیزایی رو می‌شنوی که باورهای قبلی خودت رو تأیید می‌کنه. مثلاً کارفرما ده دقیقه دربارهٔ یه مشکل حرف می‌زنه، اما تو فقط همون یه جمله‌ای رو می‌شنوی که به‌ برای راه‌حل از پیش‌آمادهٔ ذهن خودت هست. باقی حرفاش رو فیلتر می‌کنی. اینجوری نه‌تنها مسئلهٔ واقعی رو حل نمیکنی، بلکه آدم‌ها حس می‌کنن تو فقط خودتو می‌بینی و نه نیاز واقعی اون‌ها رو. این یعنی فاجعه برای یه طراح محصول!

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

💎حالا چاره چیه؟

👈 1- تمرین «گوش دادن برای فهمیدن» نه «گوش دادن برای جواب دادن»

دفعهٔ بعد توی جلسه، به‌ جای این که ذهنت دنبال یه پاسخ عالی بگرده، فقط و فقط سعی کن بفهمی طرف مقابل چه دردی داره. بعد از تموم شدن حرفش، قبل از هر چیز بگو: «اگه درست فهمیده باشم، منظورتون اینه که...» این یه جمله معجزه می‌کنه. هم به طرف مقابل نشون میدی که حضور کامل داشتی، هم به خودت فرصت میدی که مطمئن بشی درست فهمیدی. این تکنیک تو روانشناسی بهش میگن «گوش دادن فعال» یا Active Listening.

👈 2- پذیرش ناآگاهی و به تعلیق درآوردن قضاوت

قبل از هر ارتباط با جلسه، به خودت یادآوری کن: «من اینجا نیستم که ثابت کنم درست می‌گم، من اینجام که مسئله رو کشف کنم.» این جمله رو جدی بگیر. برای غلبه بر Confirmatory Listening، باید آگاهانه به سراغ ضد فرضیه‌ های خودت بری. هر وقت ذهنت گفت «اینو که میدونستم...»، مکث کن و از خودت بپرس: «واقعاً؟ اگه چیزی این وسط باشه که من گمش کردم چی؟»

👈 3- ثبت و بازبینی

بعد از جلسات مهم، یه دفترچه بردار و بنویس: «امروز دقیقاً چه فهمیدم؟» و بعدش: «چیزی بود که نتونستم خوب بفهمم؟» این کار شاید ساده به نظر بیاد، ولی کم‌کم باعث می‌شه الگوهای شنیداری اشتباه خودت رو کشف کنی و اصلاحشون کنی.

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

@UXDNotes

توی مصاحبه‌های UX فقط سؤال ‌هایی که می‌پرسیم مهم نیست، رفتار ما حین مصاحبه هم مهمه. برای همین بر اساس تجربه‌ام، فریم ‌ورک ABCD Interview رو ساختم:

Attend → Build → Clarify → Dig Deeper

👇👇👇

#آموزش
@UXDNotes

سلام 👋

امیدوارم سلامت و شاد باشید 💐. ممنونم که برای یادگیری تکنیک ABCD برای مصاحبه های کاربر به من پیام دادید. ABCD یک فریم‌ ورک ساده و خیلی کاربردی از خودم هست برای بهتر انجام دادن User Interview ها برای گرفتن بهترین نتیجه.

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

### چهار اصل پیشنهادی من برای اجرای یک مصاحبه UX بهتر

> A — Attend
> B — Build
> C — Clarify
> D — Dig Deeper


👂 واقعاً گوش بده A — Attend
وقتی کاربر در حال صحبت کردنه، وظیفه تو این نیست که فقط سؤال بعدی رو آماده کنی. به چیزی که میگه گوش بده و به لحن، مکث، تردید و حتی تغییر حالتش توجه کن.
مهم‌ترین نکته اینه که مصاحبه رو با یک لیست سؤال اشتباه نگیری. ممکنه کاربر وسط جواب سؤال سوم چیزی بگه که از ۵ سؤال بعدی ارزشمندتر باشه.

قانون من:
> تا وقتی کاربر حرفش تموم نشده، دنبال سؤال بعدی نباش.


🔗 روی جواب کاربر ادامه بده B — Build
مصاحبه خوب یک لیست سؤال نیست، یک گفت‌وگو هست. وقتی کاربر نکته جالبی گفت، همونجا روی حرفش ادامه بده.

مثلاً کاربر میگه:

> «وقتی داروم تموم میشه، خیلی استرس می‌گیرم.»
به‌جای اینکه سریع بری سراغ سؤال بعدی بپرس:

> «چه اتفاقی میفته که این موضوع باعث استرستون میشه؟»
یعنی از جواب کاربر سؤال بعدی رو بساز.

🔎 مطمئن شو درست فهمیدی C — Clarify
خیلی وقت‌ ها ما فکر می‌کنیم منظور کاربر رو فهمیدیم، ولی در واقع داریم برداشت خودمون رو جای حرف اون میذاریم.

پس وقتی یک موضوع مهم مطرح شد، روشنش کن:

> «منظورتون اینه که پیدا کردن زمان مصرف دارو سخته یا اینکه یادتون میره دارو رو مصرف کنید؟»
این کار کمک می‌کنه Fact، Interpretation و Assumption رو با هم قاطی نکنی.

🕳 سطحی رد نشو D — Dig Deeper

هر چیزی که کاربر میگه ارزش یکسانی نداره. وقتی یک Pain Point، احساس، رفتار یا مشکل مهم پیدا کردی، یک لایه عمیق ‌تر برو:

> چی شد که این اتفاق افتاد؟
> آخرین بار کی اتفاق افتاد؟
> بعدش چه کار کردید؟
> چرا این راه رو انتخاب کردید؟
> این مشکل چه تأثیری روی شما داشت؟

هدف این نیست که بیشتر سؤال بپرسی، هدف اینه که دلیل پشت رفتار کاربر رو پیدا کنی.

## یک مثال واقعی ‌تر برای پروژه خودت
فرض کن برای یک اپ مخصوص بیماران دارای مشکلات تنفسی مصاحبه می‌کنی (این مورد یکی از تجربه های خودم بوده )

کاربر میگه:

> «من خیلی وقت‌ها دارو هام رو فراموش می‌کنم.»

یک مصاحبه ضعیف میگه:
> «آیا Reminder برای دارو مفیده؟»

ولی با ABCD:

مرحله A — Attend:
می‌شنوی که «فراموش کردن دارو» چند بار در صحبتش تکرار شده.

مرحله B — Build:
می‌پرسی:
> «آخرین بار که این اتفاق افتاد، چی شد؟»

مرحله C — Clarify:
میفهمی مشکلش فراموشی نیست، بعضی وقت‌ها زمان مصرف دارو با بیرون بودن از منزل تداخل داره.

مرحله D — Dig Deeper :
می‌پرسی:
> «وقتی بیرون از منزل هستید معمولاً برای مصرف دارو چه کار می‌کنید؟»
حالا یک Insight واقعی داری، نه یک جواب بله/خیر.


👈 این جمله رو همیشه یادت باشه:

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

@UXDNotes

دانلود رایگان کتاب Interviewing Users, 2nd Edition How to Uncover Compelling Insights by Steve Portigal
👇👇👇

#کتاب #مصاحبه_کاربر #تحقیقات_کاربری
@UXDNotes

کتاب Interviewing Users یکی از منابع کاربردی برای یادگیری User Interview و UX Research هست و از برنامه‌ریزی تحقیق تا مصاحبه، سؤال پرسیدن، مستندسازی و تحلیل داده‌ها رو پوشش میده.

📖 فرمت فایل EPUB هست. برای مطالعه پیشنهاد می‌کنم از Readest استفاده کنید؛ یک کتاب‌ خوان رایگان و Open Source هست که روی Windows، macOS، Linux، Android، iOS و Web در دسترسه و قابلیت‌ هایی مثل Highlight، Note و جست‌وجوی متن هم داره.

@UXDNotes

سلام 👋

اینجا براتون توی یک لیست چندتا Figma Skills های کاربردی که ارزش امتحان کردن دارن رو جمع کردم. ویژگی Figma Skills در واقع دستورالعمل ‌های قابل استفاده مجدد برای Agent هستن. یعنی به‌جای اینکه هر بار توضیح بدی چطور یک کار رو انجام بده، یک Skill می‌تونه Workflow، استاندارد و روش کاری مشخصی رو به Agent منتقل کنه.

برای هر Skill فقط کافیه وارد صفحه Figma Community → AI Skills بشی و اسم Skill رو جست‌وجو کنی.
https://www.figma.com/community/ai-skills

🔹 Research and strategy
/usability-test-guide
/developer-handoff

🔹 Generation
/ui-state-expander
/desktop-to-mobile
/shader-starter

🔹 Brand
/better-interface
/bento-board-ui
/logo-motion

🔹 Design systems
/component-handoff
/create-color
/analyze-components

🔹 Critique
/superfuture-design-review
/catch-me-up
/checklist-design

🔹 Workflows
/superfuture-design-review
/create-anatomy
/create-color

📌 پیشنهاد من اینه اول usability-test-guide، ui-state-expander و superfuture-design-review رو امتحان کنی که برای یک طراح محصول کاربردی ‌ترن.

@UXDNotes