UIUX WorkShop – Telegram
UIUX WorkShop
7.21K subscribers
522 photos
59 videos
25 files
212 links

محیطی در راستای ارتقاء دانش و مهارت در طراحی ‌رابط و تجربه‌ کاربر

👤ارتباط: @HamidRMousazade

📝کانال پروژه و استخدامی: @UIUXProjects
Download Telegram
Forwarded from UIUX WorkShop
بعد میگیم چرا کمردرد گرفتیم :)))


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
وقتی از تجربه‌ی‌کاربری در کدهای پیاده‌سازی شده صحبت میکنیم،منظورمون چیه؟

نمونه‌ی آنلاین
این تصویر از سایت iconscout.com هستش
وقتی شما میخواید از اشتراک ایمیلش Unsubscribe کنید ، یه اینپوت غیرفعال میذاره جلوتون که نمیتونید کارتونو جلو ببرید :/

پی‌نوشت:
حالا ۲تا حالت پیش میاد
۱ یا در کدنویسی مشکلی پیش اومده که به خلق تجربه‌ی کاربری بد منجر میشه
۲ یا عمدا اینکارو کردن کسی نتونه غیرفعال کنه ایمیلاشو که به خلق تجربه‌ی بد برای مشتری میشه و کلا از اون سایت ممکنه بدش بیاد

راه‌حل: توی ایمیلم زدم Junk بمونه :)) تا اینا باشن یا سایتشونو درست کنن یا خیال زرنگ بازی به فکرشونم نرسه :))

نظرتونو بگید دوستان

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
https://interplayapp.com

Interplay is a design systems platform that connects your design tools and code workflows
Forwarded from HO3EINUXD
Google UX design foundation.pdf
48.4 MB
سلام 👋

این فایل PDF اولین دوره از هفت دوره آموزشی Google UX Design از آکادمی Coursera هستش که به زبان فارسی برگردانده شده. مناسب دوستانی که میخوان یادگیری دیزاین رو شروع کنن و یا نمی‌خوان این دوره رو به زبان اصلی بگذرونن
Forwarded from مجلۀ تجربه‌نویسی UX Writing Mag
کلمات تغییردهنده‌اند...

👉 @uxwmag
مجلۀ تجربه‌نویسی
مرجع مقالات تخصصی یوایکس رایتینگ به‌زبان فارسی
دقیقاً صدای محصول چیست؟

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

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

تصور کنید از کلمات و جملاتی استفاده کند که هرگز در دایرۀ لغاتش وجود نداشته است. بلافاصله متوجه این تغییر می‌شویم. این حالت در صدای محصول هم هویدا می‌شود و کاربر آن را لمس می‌کند.

https://uxwritinghome.com/صدای-محصول-در-یو-ایکس-رایتینگ/
https://colors.muz.li

یک ابزار بسیار خوبی برای کمک به دوستانی که در انتخاب و ترکیب رنگ کمی مشکل دارن
به این صورت که میتونید یه رنگ رو انتخاب کنید ، با ترکیباتش به شما نشون میده توی یوآی چه شکلی میشه
(البته همه‌ی ترکیباتش خوب نیست)

مثال:
https://colors.muz.li/palette/272643/ffffff/e3f6f5/bae8e8/2c698d
پروژه وایرفریم کیت فارسی منتشر شد!

این پروژه در 400 بخش و 19 عنوان طراحی شده که به زبان فارسی میباشد.
هم اکنون از طریق کامیونیتی فیگما می توانید این پروژه را دانلود کنید.
همچنین پیوست های این فایل در بخش کامنت این پست درج میشود.
لینک در کامیونیتی :
https://www.figma.com/community/file/1053269040701777245/wireframe-kit-persian

تمامی بخش ها کامپوننت شده و می توانید علاوه بر صفحه All در مابقی صفحات نیز آن را ببینید.
📣🎉🎉💐
www.uipin.org

مرجع الگوهای رابط کاربری فارسی افتتاح شد!!

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

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

@uipinorg
@uxbook
#نکته
یکی از راه‌هایی که میتونه منجر به طراحی تجربه‌کاربری خوب بشه ، اینه که طراحی باعث بروز کمتر خطاها بشه.
یعنی تا میتونیم با طراحی‌مون از شکل‌گیری خطا جلوگیری کنیم.
برای مثال میشه به دکمه‌های غیرفعال ( Disable ) اشاره کرد که متاسفانه خیلی‌ وقت‌ها نه در پروسه‌ طراحی یواکس بهش توجه میشه نه در یوآی.

کاربر با رسیدن به این دکمه و دیدن غیرفعال بودنش میفهمه که یه کاری رو باید انجام میداده که نداده. ( در این مثال همون چک‌باکس بالا هست ).
با این روش به جای اینکه شما خطا رو به کاربر نشون بدید ، از بروز خطا جلوگیری میکنید
https://bezier.method.ac

اگر در استفاده از ابزار Pen در فیگما ، فتوشاپ یا ایلاستریتور کمی مشکل دارین ، توی این سایت خفن میتونید با بازی یادبگیرید :))
@uiuxworkshop
https://jitter.video

یک ابزار آنلاین و تقریبا رایگان ، برای ساخت ویدیوکلیک به صورت آنلاین


@uiuxworkshop
Forwarded from Matin UX Design
سلام 👋
این فایل PDF دومین دوره از هفت دوره آموزشی Google UX Design از آکادمی Coursera هستش که به زبان فارسی برگردانده شده. مناسب دوستانی که میخوان یادگیری دیزاین رو شروع کنن و یا نمی‌خوان این دوره رو به زبان اصلی بگذرونن.
بنظرتون کاربر اول کدوم رو میخونه و آخر به کدوم نوشته میرسه؟
نظرتونو بنویسید
تجربه مهارت تیمی به فیگما رو از زبان سعید‌علیپور بخونید

https://vrgl.ir/Hg4SN
یه محصول خفن برای بریف کردن
دارای ابزارهای ساده ویژوال
مخصوص مدیرای محصول و طرا‌ح‌های عزیز


https://www.holabrief.com/product


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
این پک جدید تصویر‌سازی‌های نوروز رو بصورت رایگان میتونید از فیگما کامیونیتی یا دریبل دانلود کنید و هر جا دوست داشتید ازش استفاده کنید.

هر کدوم از المان های سفره هفت سین تو ۵ تا استایل طراحی شده (لاین، فیل، پیکسلی، اموجی، ترکیبی) که میتونید از همه شون استفاده کنید.

لینک دانلود:
https://dribbble.com/shots/17711295-Nowruz-illustrations-Freebie
👍1
سال نو مبارک
دوستان پیشاپیش عیدتون مبارک