UXsourcelink

سلام وقت همگی بخیرامیدوارم اوفات بکام باشه . ببخشید کمی دیر شد. راستش قصد داشتم یک ویدئو بسازم ولی چند مورد برام هنوز نامفهوم بود باری همین خواستم اول طی یسری مطلب مقدمه ای بگم و بعد شاید ویدئو کنم.

در کنار هم هستیم 🕊 برای روزهایی که جان و روان با هم در خطرند... در میان این اخبار ناراحت کننده و اتفاقات سخت، چیزی هست که کمتر دیده می‌شه: ذهن‌هایی که در سکوت می‌جنگند. 📉 اضطراب، بی‌خوابی، بی‌اعتمادی، و تنهایی همه این‌ها واکنش‌های طبیعی‌ان وقتی هر روز باید با ترس و ناامنی از خواب بیدار شی. ما تو مکتب‌خونه نمی‌تونیم شرایط سخت رو متوقف کنیم — ولی می‌تونیم با چیزی که بلدیم (آموزش، آگاهی و همراهی) کنارت بایستیم. 📌 به همین خاطر، دوره‌های زیر رو برای آرام‌سازی ذهن، بازسازی توان روانی، مراقبت از خود و حمایت از دیگران رایگان کردیم: 📎 کد 100% تخفیف: win 🧠 از تنفس عمیق تا مقابله با اضطراب 💬 از گوش دادن همدلانه تا مهارت‌های بازسازی روان ✨ ابزارهایی واقعی برای عبور از روزهایی سخت - کنترل استرس - مدیریت استرس - آموزش مدیریت احساسات در دوران عدم قطعیت و استرس - آموزش هوش هیجانی - آموزش مدیریت تروما - آموزش ایجاد تاب‌آوری - آموزش کمک‌های اولیه برای نجات یک زندگی @maktabkhooneh

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

میدونم که این روزا خیلی انگیزه و حوصله قبلی خودمون رو نداریم، دلمون گرفته، ترسیدیم و شاید یجوریی دوست داریم فقط این روزا خواب باشه و با از خواب‌پریدن، برگردیم‌ به زندگی نرمال و حالِ بهتر قبلش🤍 منم مثل شمام و توی چند روز تعطیلی این هفته، برای اینکه ذهنمو‌ دور کنم و آروم‌تر باشم، با کمک هوش مصنوعی، یه پلاگین برای فیگما نوشتم🤍 این پلاگین[ Uncomponent ] بدون نیاز به کپی و detach کردن کامپوننت‌های شما، به شما اجازه میده تا کامپوننت‌هاتون رو فقط با یه دکمه، آن‌کامپوننت کنید؛ البته که قبل‌تر هم همچین پلاگینی بود. کافیه پلاگین رو باز کنید، کامپوننت یا لیست کامپوننت‌هاتون رو انتخاب کنید و روی دکمه uncomponent بزنید🤍 https://www.figma.com/community/plugin/1515337681400263280/uncomponent

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

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

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

سلام سال نو مبارک .. امیدوارم سال خوبی رو شروع کرده باشین و به ثمره تلاش هاتون در امسال برسین. میخوام یه محصول و یه نرم افزاری رو معرفی کنم که شاید فقط نسل اول دیزاین که 10 سال قبل باهاش اشنا بودیم و کا رمیکردیم رو بهتون معرفی کنم. محصولی که خیلی بیشتر از زمان خودش جلو بود اما متاسفانه دیدگاه مارکت محور و یوزر سنتریک بودنش باعث نقصش شد. زمانی که پروتوتایپ کردن نه تنها مرسوم نبود،بلکه اصلا شناختی رد موردش نبود،اما این محصول پروتوتایپ اینترکتیو و دیتا دریون ارائه میداد. به این صورت که می تونستین صفحات مختلف رو با ولیو و کانتنت های داینامیک ایجاد کنید. فرض کنید صفحه لاگینی دارین که یوزر پس ورد رو میتونید وارد کنید. ماشین حسابی بسازید که بتونه الگریتم رو هم محاسبه کنه ... https://www.justinmind.com/ یکی از خفنای طراحی که میتونم به جرات بگم فیگما میتونست حرفی درمقابلش نداشته باشه ... اینم کانال یوتیوبش .. https://www.youtube.com/@Justinmind_prototyping_tool @UXSourcelink

معرفی سیستم طراحی اطلسیان (Atlassian Design System) سیستم طراحی اطلسیان (Atlassian Design System) که با نام ADS نیز شناخته میشود، یک چارچوب جامع و استاندارد برای طراحی و توسعه محصولات دیجیتال است که توسط شرکت Atlassian**، خالق ابزارهای معروفی مانند **Jira**، **Confluence**، **Trello و Bitbucket**، ایجاد شده است. این سیستم طراحی با هدف تسهیل فرآیند طراحی و توسعه رابط کاربری (UI) و تجربه کاربری (UX) سازگار، قابل اعتماد و کاربرپسند در تمامی محصولات اطلسیان و حتی خارج از اکوسیستم آن توسعه یافته است. ### **مزایای سیستم طراحی اطلسیان 1. یکپارچگی و سازگاری: ADS با ارائه مجموعهای از کامپوننتها، الگوها و دستورالعملهای طراحی، اطمینان حاصل میکند که تمامی محصولات دارای ظاهر و رفتار یکپارچه باشند. این موضوع به کاربران اجازه میدهد تا به راحتی بین ابزارهای مختلف جابهجا شوند بدون اینکه با تفاوتهای چشمگیر در رابط کاربری مواجه شوند. 2. توسعه سریعتر: با استفاده از کامپوننتهای از پیش طراحی شده و آماده، تیمهای توسعه میتوانند زمان کمتری را صرف طراحی از پایه کنند و بیشتر بر روی منطق کسبوکار و ویژگیهای منحصربهفرد محصول تمرکز کنند. 3. دسترسیپذیری (Accessibility): سیستم طراحی اطلسیان با رعایت استانداردهای دسترسیپذیری، اطمینان حاصل میکند که محصولات برای همه کاربران، از جمله افراد دارای محدودیتهای فیزیکی، قابل استفاده باشند. 4. انعطافپذیری: ADS به گونهای طراحی شده است که به تیمها اجازه میدهد تا در عین حفظ یکپارچگی، خلاقیت و انعطافپذیری لازم برای طراحی رابطهای کاربری منحصربهفرد را داشته باشند. 5. مستندات جامع: اطلسیان مستندات کامل و دقیقی را برای سیستم طراحی خود ارائه کرده است که شامل دستورالعملهای طراحی، کدهای نمونه، و بهترین روشها (Best Practices) است. این مستندات به طراحان و توسعهدهندگان کمک میکند تا به سرعت با سیستم آشنا شده و از آن استفاده کنند. ### اجزای اصلی سیستم طراحی اطلسیان 1. طراحی بصری (Visual Design): شامل رنگها، تایپوگرافی، آیکونها، و فاصلهها است که به ایجاد یک هویت بصری سازگار کمک میکنند. 2. کامپوننتها (Components): مجموعهای از عناصر رابط کاربری مانند دکمهها، فرمها، جداول، و منوها که به راحتی قابل استفاده و سفارشیسازی هستند. 3. الگوها (Patterns): ترکیبی از کامپوننتها و دستورالعملها برای حل مشکلات رایج طراحی، مانند نحوه نمایش دادهها یا مدیریت تعاملات کاربر. 4. دستورالعملهای دسترسیپذیری (Accessibility Guidelines): راهنماییهای دقیق برای اطمینان از اینکه محصولات برای همه کاربران قابل استفاده باشند. 5. کیتهای طراحی (Design Kits): فایلهای آماده برای ابزارهای طراحی مانند Figma و Sketch که به طراحان اجازه میدهند به سرعت پروژههای خود را شروع کنند. ### کاربردهای سیستم طراحی اطلسیان این سیستم نه تنها برای محصولات داخلی اطلسیان، بلکه برای توسعهدهندگان و طراحان خارجی نیز قابل استفاده است. شرکتهایی که میخواهند محصولات خود را با استانداردهای بالا طراحی کنند یا حتی ابزارهایی مشابه با اطلسیان ایجاد کنند، میتوانند از این سیستم طراحی بهره ببرند. ### جمعبندی سیستم طراحی اطلسیان (Atlassian Design System) یک ابزار قدرتمند و کاربردی برای ایجاد محصولات دیجیتال با کیفیت بالا است. با ترکیبی از یکپارچگی، انعطافپذیری، و دسترسیپذیری، این سیستم به تیمها کمک میکند تا محصولاتی ایجاد کنند که نه تنها زیبا و کاربرپسند باشند، بلکه برای همه کاربران قابل دسترسی و استفاده باشند. چه شما یک طراح، توسعهدهنده، یا مدیر محصول باشید، ADS میتواند به شما کمک کند تا فرآیند طراحی و توسعه خود را بهبود بخشیده و تجربه کاربری بهتری ارائه دهید. لینک تیم دیزاین اطلسیان : https://www.figma.com/@atlassian لینک داکیومنت های دیزاین سیستم اطلسیان : https://atlassian.design/ @UXSourcelink

The UX Cookbook Handcrafted recipes to get you started with everything UX — user research, design, usability testing, and more. We're always cooking up new recipes, so check back frequently! https://theuxcookbook.com/ @UXSourcelink

رفقا، یه خبر خفن براتون داریم! 😃 این آخر هفته یه دورهمی آنلاین داریم که نباید از دستش بدین. قراره تو این دورهمی با Uxcel آشنا بشیم، یه پلتفرم فوق‌العاده که یادگیری طراحی رو ساده، فان و کاربردی کرده. - آموزشای کوتاه ولی خفن با کلی گیمیفیکیشن - گرفتن گواهینامه معتبر که رزومه‌تون رو قوی‌تر می‌کنه - ارتباط با طراحای حرفه‌ای از سراسر دنیا -و کلی فیچر دیگه که در آینده معرفی می کنیم اگه دنبال یه راه سریع و جذاب برای رشد توی این فیلدین و یادگیریِ ساده براتون مهمه، این جلسه مال خودتونه. پنج شنبه همین هفته یعنی 1403/11/18 همراه Morteza Ajidanpour عزیز، ساعت 7 تا 8 شب منتظرتون هستیم. لینک دعوت: https://calendar.app.google/Pi7WfTAAB8uvYDXw8 منتظرتونیم که با هم یه عالمه یاد بگیریم و حال کنیم.

میتینگ آنلاین: معماری کامپوننت در دیزاین‌سیستم🔥 ارائه: آرمان خواجه وند جمعه 12 بهمن ساعت 20:45 تا 23:00 به وقت ایران افزودن به تقویم (https://calendar.app.google/gZjQsyfMHDwQ3Ygi6)

رویداد دسترسی پذیری دیجیتال ۱۴۰۳ به میزبانی اپلیکیشن دیوار 🎤ویدیوی ارائه: سپیده داوودی - مدیر دسترسی پذیری دیوار 🎤ویدیوی ارائه: حسام آرماندهی - بنیانگذار دیوار 🎤ویدیوی ارائه: حسین شرفی - کارشناس دسترسی پذیری دیجیتال 🎤ویدیوی ارائه: پرهام دوستدار - مدیر دسترسی پذیری بوکینگ دات کام 🎤 ویدیوی پنل دسترسی پذیری ۱۴۰۳ دیوار

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

سلام دوباره ... در مورد دیزاین سیستم بحث های زیادی میشه، منم فکر کردم یه جمع بندی در مورد دیزاین سیستم اینجا بنویسم تا بعدا در موردش بیشتر توضیح بدم... تعریف دیزاین سیستم: تقریبا میدونیم چیه ! اما برای اینکه بحث قوت خودش رو داشته باشه یه تعریف کلی ازش میکنیم. دیزاین سیستم مجموعه‌ای جامع از اصول، دستورالعمل‌ها، اجزا، ابزارها و مستندات است که به تیم‌های طراحی و توسعه کمک می‌کند تا به صورت یکپارچه، منسجم و کارآمد محصولات دیجیتال (وب‌سایت، اپلیکیشن و غیره) را ایجاد و مدیریت کنند. هدف اصلی یک دیزاین سیستم، ایجاد ثبات بصری، کاهش پیچیدگی‌ها و تسهیل همکاری میان تیم‌های مختلف است. حالا سوال اینه که این دیزیان سیستم کجا و برای چه محصولاتی هست و چه محصولاتی نیست.؟! 1. برای هر محصولی که به بلوغ رسیده و برای رشد خودش نیاز داره که با یه سیستم جامع کار کنه . 2و برای محصولاتی که تیم هایطراحی مختلفی دارن که نیاز هست همه تیم ها با یک استاندارد و سیستم کار کنن.. برای چه محصولاتی نیست ؟ میشه گفت تا الان برای بیشتر پروژه های فریلنسری و پروژه ای مناسب نیست. برای محصولاتی که مداما در حال تست هستن، مناسب نیست. برای محصولاتی که ادیت های زیادی از طرف تیم ها و کارفرما میاد، مناسب نیست. برای محصولاتی که سلیقه محور هستن و دست طراح توشون باز نیست، مناسب نیست. اما یه سوال : چرا انقدر دارن در مودش حرف میزنن؟؟ به دو علت : 1.نیاز مارکت در اینده : تقریبا توی دنیای دیجیتال کم تر کسی هست که قدر و اهمیت پروداکت دیزاین و طراحی تجربه رو ندونه!!توی این سالهای اخیر شرکتها،از کوچک تا بزرگ مسیر ها و پستی و بلندی ها و چالش های مختلف رو تجربه کردن.میشه گفت خیلی از محصولات مارکت دارن به بلوغ میرسن.دیگه خبری از اون ادیت های سلیقه ای ،فیچر هایی که رو هوا بیاد،و تیمی که ندونه داره چی رو طراحی میکنه نیست. پس طبیعتا نیاز به یه محصولی هست که توسعه پذیر تر،سریع تر،منعطف تر و ساده تر باشه. همه اینا میشه نیاز به دیزاین سیستم. پس بهتون قول میدم کمتر از 2 سال دیگه شرکت هایی که در top10 ها نیستن هم نیازشون به دیزاین سیستم رو حس میکنن و قطعا نیروهای خودشون رو استخدام میکنن. 2.شوآف ...اونایی که میدونیم کارشون درسته و دارن درست و حسابی دیزاین سیستم رو پروموت میکنن رو خیلی راحت میتونیم از اونایی که صرفا شو اف میکنن بشناسیم. طراحی دیزاین سیستم کیست؟ بنظرم کسی که دنبال فقط طراحی دیزاین سیستم نباشهو گزینه اخرش دیزاین سیستم باشه و درک درستی از : 1. سیستم و تفکر سیستمی و تفکر استراتژی 2.محصول 3.چالش های فنی 4.چالش های مارکتینگ 5.و مهتر از اون درک خوب از کار تیمی با طراح های دیگه و تیم توسعه داشته باشه رو میتونیم بگیم طراح دیزاین سیستم هست. @UXSourcelink

سلام وقت همگی بخیر... امیدوارم اوقات خوشی رو سپری بکنین... چند وقتیه که اجتمالا توی کامنیتی بحث مفصل دیزاین سیستم مطرح شده .. آرمان خواجه وند عزیز برامون در مورد توکن و دیزاین سیستم توی میتینگ های خوبی رو گذاشته و توی کانالش هم موجوده... یکی از جذاب ترین ویدئو هاش رو براتون به همراه فایل فیگما به اشتراک میذارم . امیدوارم بهک اربیاد و ازش استفاده کنید. و میتونین این رو با دوستاتون به اشتراک بذارید. لینک ویدئو: https://youtu.be/XHfHUpMj3RI?si=xsBDfmB4jQUY1tj3 لینک فایل فیگما https://www.figma.com/design/3Pywgvy6vF94j3V9fw5LLv/SMT-Tokens?node-id=0-1&p=f&t=1D6o8UeVlWeg6aA2-0 pass : MethodologySMTLunetic @UXSourcelink

سلام دوستان وقتتون بخیر من یه فایل رو به عنوان منابع دیزاین سیستم باهاتون به اشتراک میزارم خوشحال میشم که اگه منبعی هم پیدا کردین بهم بدین تا اضافه کنم https://docs.google.com/spreadsheets/d/1kcnTNnEvPSLAPVuwihsWAsmCsmGAdHzXBW0XFKU4UW8/edit?usp=sharing @UXSourcelink