Forwarded from UIUX WorkShop
وقتی از تجربهیکاربری در کدهای پیادهسازی شده صحبت میکنیم،منظورمون چیه؟
نمونهی آنلاین
این تصویر از سایت iconscout.com هستش
وقتی شما میخواید از اشتراک ایمیلش Unsubscribe کنید ، یه اینپوت غیرفعال میذاره جلوتون که نمیتونید کارتونو جلو ببرید :/
پینوشت:
حالا ۲تا حالت پیش میاد
۱ یا در کدنویسی مشکلی پیش اومده که به خلق تجربهی کاربری بد منجر میشه
۲ یا عمدا اینکارو کردن کسی نتونه غیرفعال کنه ایمیلاشو که به خلق تجربهی بد برای مشتری میشه و کلا از اون سایت ممکنه بدش بیاد
راهحل: توی ایمیلم زدم Junk بمونه :)) تا اینا باشن یا سایتشونو درست کنن یا خیال زرنگ بازی به فکرشونم نرسه :))
نظرتونو بگید دوستان
@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
Interplay is a design systems platform that connects your design tools and code workflows
Interplayapp
Service Shutdown | Interplay
Important information about the discontinuation of Interplay
Forwarded from HO3EINUXD
Google UX design foundation.pdf
48.4 MB
سلام 👋
این فایل PDF اولین دوره از هفت دوره آموزشی Google UX Design از آکادمی Coursera هستش که به زبان فارسی برگردانده شده. مناسب دوستانی که میخوان یادگیری دیزاین رو شروع کنن و یا نمیخوان این دوره رو به زبان اصلی بگذرونن
این فایل PDF اولین دوره از هفت دوره آموزشی Google UX Design از آکادمی Coursera هستش که به زبان فارسی برگردانده شده. مناسب دوستانی که میخوان یادگیری دیزاین رو شروع کنن و یا نمیخوان این دوره رو به زبان اصلی بگذرونن
دقیقاً صدای محصول چیست؟
بهعنوان کاربر، به تجربیات و محصولاتی علاقمند هستیم که آنها را میشناسیم. ما به آنها وفاداریم، همه چیز در مورد سازگاری و احساس صمیمیتی است که از آن ناشی میشود. وقتی طراحی و آمادهسازی، همبسته با یکدیگر کار میکنند، خیلی سریع یاد میگیریم که ویژگیهای یک رابط را تشخیص دهیم. از آنجایی که جزئیات کوچک برای ما طراحی شدهاند، به ندرت غافلگیر میشویم و تجربۀ ما یکپارچه است.
از نظر تعاملات انسانی به این فرایند فکر کنید. هنگامی که از یک دوست تماس تلفنی دریافت میکنیم، بلافاصله صدای او را میشناسیم. ما به چرایی یا چگونگی آن فکر نمیکنیم، فقط بهصورت ناخودآگاه عمل میکنیم و شروع به صحبت میکنیم. با این حال تصور کنید که همان دوستمان بهصورت ناگهانی جملهای را با صدایی متفاوت بیان کند (عجیبوغریب بهنظر میرسد، درست است؟).
تصور کنید از کلمات و جملاتی استفاده کند که هرگز در دایرۀ لغاتش وجود نداشته است. بلافاصله متوجه این تغییر میشویم. این حالت در صدای محصول هم هویدا میشود و کاربر آن را لمس میکند.
https://uxwritinghome.com/صدای-محصول-در-یو-ایکس-رایتینگ/
بهعنوان کاربر، به تجربیات و محصولاتی علاقمند هستیم که آنها را میشناسیم. ما به آنها وفاداریم، همه چیز در مورد سازگاری و احساس صمیمیتی است که از آن ناشی میشود. وقتی طراحی و آمادهسازی، همبسته با یکدیگر کار میکنند، خیلی سریع یاد میگیریم که ویژگیهای یک رابط را تشخیص دهیم. از آنجایی که جزئیات کوچک برای ما طراحی شدهاند، به ندرت غافلگیر میشویم و تجربۀ ما یکپارچه است.
از نظر تعاملات انسانی به این فرایند فکر کنید. هنگامی که از یک دوست تماس تلفنی دریافت میکنیم، بلافاصله صدای او را میشناسیم. ما به چرایی یا چگونگی آن فکر نمیکنیم، فقط بهصورت ناخودآگاه عمل میکنیم و شروع به صحبت میکنیم. با این حال تصور کنید که همان دوستمان بهصورت ناگهانی جملهای را با صدایی متفاوت بیان کند (عجیبوغریب بهنظر میرسد، درست است؟).
تصور کنید از کلمات و جملاتی استفاده کند که هرگز در دایرۀ لغاتش وجود نداشته است. بلافاصله متوجه این تغییر میشویم. این حالت در صدای محصول هم هویدا میشود و کاربر آن را لمس میکند.
https://uxwritinghome.com/صدای-محصول-در-یو-ایکس-رایتینگ/
https://colors.muz.li
یک ابزار بسیار خوبی برای کمک به دوستانی که در انتخاب و ترکیب رنگ کمی مشکل دارن
به این صورت که میتونید یه رنگ رو انتخاب کنید ، با ترکیباتش به شما نشون میده توی یوآی چه شکلی میشه
(البته همهی ترکیباتش خوب نیست)
مثال:
https://colors.muz.li/palette/272643/ffffff/e3f6f5/bae8e8/2c698d
یک ابزار بسیار خوبی برای کمک به دوستانی که در انتخاب و ترکیب رنگ کمی مشکل دارن
به این صورت که میتونید یه رنگ رو انتخاب کنید ، با ترکیباتش به شما نشون میده توی یوآی چه شکلی میشه
(البته همهی ترکیباتش خوب نیست)
مثال:
https://colors.muz.li/palette/272643/ffffff/e3f6f5/bae8e8/2c698d
Forwarded from EhsanEZ ᶜʰᵃᶰᶰᵉˡ
پروژه وایرفریم کیت فارسی منتشر شد!
این پروژه در 400 بخش و 19 عنوان طراحی شده که به زبان فارسی میباشد.
هم اکنون از طریق کامیونیتی فیگما می توانید این پروژه را دانلود کنید.
همچنین پیوست های این فایل در بخش کامنت این پست درج میشود.
لینک در کامیونیتی :
https://www.figma.com/community/file/1053269040701777245/wireframe-kit-persian
تمامی بخش ها کامپوننت شده و می توانید علاوه بر صفحه All در مابقی صفحات نیز آن را ببینید.
این پروژه در 400 بخش و 19 عنوان طراحی شده که به زبان فارسی میباشد.
هم اکنون از طریق کامیونیتی فیگما می توانید این پروژه را دانلود کنید.
همچنین پیوست های این فایل در بخش کامنت این پست درج میشود.
لینک در کامیونیتی :
https://www.figma.com/community/file/1053269040701777245/wireframe-kit-persian
تمامی بخش ها کامپوننت شده و می توانید علاوه بر صفحه All در مابقی صفحات نیز آن را ببینید.
Forwarded from UxBook - مرجع فارسی کتاب های تجربه کاربری
📣🎉🎉💐
www.uipin.org
مرجع الگوهای رابط کاربری فارسی افتتاح شد!!
در uipin جمعی از طراحان رابط کاربری گرد هم آمده اند تا محصولات دیجیتال را طبق اطلاعات منابع معتبر، از نظر رابط کاربری مورد بررسی قرار دهند؛ و نتایج بدست آمده را با دیگر طراحان و علاقه مندان به اشتراک بگذارند.
هدف uipin، معرفی الگوهای رابط کاربری استفاده شده در وب سایت و اپلیکیشن های مطرح فارسی زبان است؛ تا طراحان بتوانند از آن ها الگو گرفته و در طرح های خود به خوبی استفاده کنند.
همچنین uipin فرصتی است برای کارفرمایان، تا با الگوهای مناسب رابط کاربری آشنا بشوند و طرحی از طراحان بخواهند که امکان پیاده سازی را داشته باشد. هدف اصلی ما؛ کمک به طراحان درجهت طراحی محصولاتی استاندارد برای کاربران است.
@uipinorg
@uxbook
www.uipin.org
مرجع الگوهای رابط کاربری فارسی افتتاح شد!!
در uipin جمعی از طراحان رابط کاربری گرد هم آمده اند تا محصولات دیجیتال را طبق اطلاعات منابع معتبر، از نظر رابط کاربری مورد بررسی قرار دهند؛ و نتایج بدست آمده را با دیگر طراحان و علاقه مندان به اشتراک بگذارند.
هدف uipin، معرفی الگوهای رابط کاربری استفاده شده در وب سایت و اپلیکیشن های مطرح فارسی زبان است؛ تا طراحان بتوانند از آن ها الگو گرفته و در طرح های خود به خوبی استفاده کنند.
همچنین uipin فرصتی است برای کارفرمایان، تا با الگوهای مناسب رابط کاربری آشنا بشوند و طرحی از طراحان بخواهند که امکان پیاده سازی را داشته باشد. هدف اصلی ما؛ کمک به طراحان درجهت طراحی محصولاتی استاندارد برای کاربران است.
@uipinorg
@uxbook
#نکته
یکی از راههایی که میتونه منجر به طراحی تجربهکاربری خوب بشه ، اینه که طراحی باعث بروز کمتر خطاها بشه.
یعنی تا میتونیم با طراحیمون از شکلگیری خطا جلوگیری کنیم.
برای مثال میشه به دکمههای غیرفعال ( Disable ) اشاره کرد که متاسفانه خیلی وقتها نه در پروسه طراحی یواکس بهش توجه میشه نه در یوآی.
کاربر با رسیدن به این دکمه و دیدن غیرفعال بودنش میفهمه که یه کاری رو باید انجام میداده که نداده. ( در این مثال همون چکباکس بالا هست ).
با این روش به جای اینکه شما خطا رو به کاربر نشون بدید ، از بروز خطا جلوگیری میکنید
یکی از راههایی که میتونه منجر به طراحی تجربهکاربری خوب بشه ، اینه که طراحی باعث بروز کمتر خطاها بشه.
یعنی تا میتونیم با طراحیمون از شکلگیری خطا جلوگیری کنیم.
برای مثال میشه به دکمههای غیرفعال ( Disable ) اشاره کرد که متاسفانه خیلی وقتها نه در پروسه طراحی یواکس بهش توجه میشه نه در یوآی.
کاربر با رسیدن به این دکمه و دیدن غیرفعال بودنش میفهمه که یه کاری رو باید انجام میداده که نداده. ( در این مثال همون چکباکس بالا هست ).
با این روش به جای اینکه شما خطا رو به کاربر نشون بدید ، از بروز خطا جلوگیری میکنید
https://bezier.method.ac
اگر در استفاده از ابزار Pen در فیگما ، فتوشاپ یا ایلاستریتور کمی مشکل دارین ، توی این سایت خفن میتونید با بازی یادبگیرید :))
@uiuxworkshop
اگر در استفاده از ابزار Pen در فیگما ، فتوشاپ یا ایلاستریتور کمی مشکل دارین ، توی این سایت خفن میتونید با بازی یادبگیرید :))
@uiuxworkshop
https://jitter.video
یک ابزار آنلاین و تقریبا رایگان ، برای ساخت ویدیوکلیک به صورت آنلاین
@uiuxworkshop
یک ابزار آنلاین و تقریبا رایگان ، برای ساخت ویدیوکلیک به صورت آنلاین
@uiuxworkshop
Forwarded from Matin UX Design
سلام 👋
این فایل PDF دومین دوره از هفت دوره آموزشی Google UX Design از آکادمی Coursera هستش که به زبان فارسی برگردانده شده. مناسب دوستانی که میخوان یادگیری دیزاین رو شروع کنن و یا نمیخوان این دوره رو به زبان اصلی بگذرونن.
این فایل PDF دومین دوره از هفت دوره آموزشی Google UX Design از آکادمی Coursera هستش که به زبان فارسی برگردانده شده. مناسب دوستانی که میخوان یادگیری دیزاین رو شروع کنن و یا نمیخوان این دوره رو به زبان اصلی بگذرونن.
یه محصول خفن برای بریف کردن
دارای ابزارهای ساده ویژوال
مخصوص مدیرای محصول و طراحهای عزیز
https://www.holabrief.com/product
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
دارای ابزارهای ساده ویژوال
مخصوص مدیرای محصول و طراحهای عزیز
https://www.holabrief.com/product
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Holabrief
Product / HolaBrief, the go-to Client Discovery Platform
Streamline briefing, intake, & strategy in one place, so you can create standout work in less time.
این پک جدید تصویرسازیهای نوروز رو بصورت رایگان میتونید از فیگما کامیونیتی یا دریبل دانلود کنید و هر جا دوست داشتید ازش استفاده کنید.
هر کدوم از المان های سفره هفت سین تو ۵ تا استایل طراحی شده (لاین، فیل، پیکسلی، اموجی، ترکیبی) که میتونید از همه شون استفاده کنید.
✨لینک دانلود:
https://dribbble.com/shots/17711295-Nowruz-illustrations-Freebie
هر کدوم از المان های سفره هفت سین تو ۵ تا استایل طراحی شده (لاین، فیل، پیکسلی، اموجی، ترکیبی) که میتونید از همه شون استفاده کنید.
✨لینک دانلود:
https://dribbble.com/shots/17711295-Nowruz-illustrations-Freebie
👍1