Forwarded from UIUX WorkShop
#نکات
📋 ایجاد فرم با اعتبارسنجی درون خطی
زمانی که خطایی در وارد کردن اطلاعات در فرم ها رخ میدهد بهتر است خطای مورد نظر برای هر فیلد از فرم به صورت آنی به کاربر نمایش دهید. به این صورت که فیلد مورد نظر هایلایت شود و کاربر دقیقا فیلد و نحوه درست وارد کردن فیلد مشاهده نماید که اصطلاحا به این عمل اعتبارسنجی درون خطی می گویند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📋 ایجاد فرم با اعتبارسنجی درون خطی
زمانی که خطایی در وارد کردن اطلاعات در فرم ها رخ میدهد بهتر است خطای مورد نظر برای هر فیلد از فرم به صورت آنی به کاربر نمایش دهید. به این صورت که فیلد مورد نظر هایلایت شود و کاربر دقیقا فیلد و نحوه درست وارد کردن فیلد مشاهده نماید که اصطلاحا به این عمل اعتبارسنجی درون خطی می گویند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
#آموزش
❤️آموزش کوتاه طراحی ایکن قلب برای دوستان علاقمنده به ایکندیزاین
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
❤️آموزش کوتاه طراحی ایکن قلب برای دوستان علاقمنده به ایکندیزاین
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
✴️کاربران محترم کانال UIUXWorkshop
شما میتوانید با ضربه زدن بر روی هشتگ های زیر از دسته بندی های محتوای کانال بهره مند شوید و به راحتی به مطالب موردعلاقه تان دسترسی پیدا نمایید.
🔽 🔽 🔽
⚜️ #نکات
⚜️ #پالت_رنگ
⚜️ #نقد ، #نقد_طراحی
⚜️ #فان
⚜️ #آموزش
⚜️ #ابزار ، #معرفی_سایت
⚜️ #توسعه
⚜️ #پادکست
⚜️ #خلاقیت ، #ایده ، #گیف
⚜️ #مقاله_خوانی
⚜️ #انگیزشی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
شما میتوانید با ضربه زدن بر روی هشتگ های زیر از دسته بندی های محتوای کانال بهره مند شوید و به راحتی به مطالب موردعلاقه تان دسترسی پیدا نمایید.
🔽 🔽 🔽
⚜️ #نکات
⚜️ #پالت_رنگ
⚜️ #نقد ، #نقد_طراحی
⚜️ #فان
⚜️ #آموزش
⚜️ #ابزار ، #معرفی_سایت
⚜️ #توسعه
⚜️ #پادکست
⚜️ #خلاقیت ، #ایده ، #گیف
⚜️ #مقاله_خوانی
⚜️ #انگیزشی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
📲 جهت تمرکز بیشتر کاربر روی فرم های سایت یا اپلیکیشن، به جای استفاده از صفحه کلید پیش فرض گوشی از صفحه کلید عددی برای پر کردن فیلدهای عددی مانند شماره تلفن و ... استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📲 جهت تمرکز بیشتر کاربر روی فرم های سایت یا اپلیکیشن، به جای استفاده از صفحه کلید پیش فرض گوشی از صفحه کلید عددی برای پر کردن فیلدهای عددی مانند شماره تلفن و ... استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
سایت Vecteezy منبع مناسبی جهت دانلود رایگان تصاویر وکتوری (بُرداری) می باشد.
در این سایت، فایل های وکتور قابل دانلود در این سایت عبارتند از: آیکن های برداری ، الگو های وکتور، منحنی های برداری، تصاویر شکوفا شده، پس زمینه ها ، تصاویر والپیپر، براش ها، و بسیاری مورد دیگر.
https://www.vecteezy.com
➖➖➖➖
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
سایت Vecteezy منبع مناسبی جهت دانلود رایگان تصاویر وکتوری (بُرداری) می باشد.
در این سایت، فایل های وکتور قابل دانلود در این سایت عبارتند از: آیکن های برداری ، الگو های وکتور، منحنی های برداری، تصاویر شکوفا شده، پس زمینه ها ، تصاویر والپیپر، براش ها، و بسیاری مورد دیگر.
https://www.vecteezy.com
➖➖➖➖
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
#نمونه
#ایده
#گیف
👌طراحان عزیز باید این نکته را مدنظر قرار دهند که:
هرچقدر فروشگاه اینترنتی را ساده و مدرن طراحی کنند،کاربران سریعتر محصول موردنظرشان را پیدا میکنند و سریعتر خریدشان را انجام میدهند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ایده
#گیف
👌طراحان عزیز باید این نکته را مدنظر قرار دهند که:
هرچقدر فروشگاه اینترنتی را ساده و مدرن طراحی کنند،کاربران سریعتر محصول موردنظرشان را پیدا میکنند و سریعتر خریدشان را انجام میدهند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
ماه مبارک رمضان رو به همه ی عزیزان تبریک میگم
سرسفره افطار و سحر مارو در دعای خیرتون فراموش نکنید
از این نوع تایپوگرافی هم اگر خوشتون اومد میتونید از لینک زیر هم دانلودش کنید و هم طراحشو ببینید :
http://bit.ly/2V0bUup
سرسفره افطار و سحر مارو در دعای خیرتون فراموش نکنید
از این نوع تایپوگرافی هم اگر خوشتون اومد میتونید از لینک زیر هم دانلودش کنید و هم طراحشو ببینید :
http://bit.ly/2V0bUup
#معرفی_سایت
#ابزار
سایت زیر ،یکی دیگر از سایتهای تولید و دانلود گرادیان می باشد.
برتری این سایت نسبت به سایتهای مشابه،اینست که میتوان گرادیان به سبک های مختلف را دانلود کرد.
https://gradienthunt.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
سایت زیر ،یکی دیگر از سایتهای تولید و دانلود گرادیان می باشد.
برتری این سایت نسبت به سایتهای مشابه،اینست که میتوان گرادیان به سبک های مختلف را دانلود کرد.
https://gradienthunt.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
https://www.uxtesting.io
#معرفی_سایت
یک سایت خوب برای انجام تست های تجربه کاربری که میتونید تست های زیرو باهاش انجا بدید:
USER VIDEO
UX METRIC REPORT
EMOTION DETECTION
TASK
SURVEY
COLLABORATE PLATFORM
HEATMAPS
USER FLOWS
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
یک سایت خوب برای انجام تست های تجربه کاربری که میتونید تست های زیرو باهاش انجا بدید:
USER VIDEO
UX METRIC REPORT
EMOTION DETECTION
TASK
SURVEY
COLLABORATE PLATFORM
HEATMAPS
USER FLOWS
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
در صفحاتی که اطلاعاتی وجود ندارد شما می توانید با گذاشتن یک CTA به کاربر پیشنهاداتی ارائه دهید و او را به سمت و سویی دیگر در محصولتان هدایت کنید.
با این روش به کاربر پویا بودن محصولتان را نشان میدهید و از بوجود آمدن حس بن بست در ذهن کاربر جلوگیری میکنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
در صفحاتی که اطلاعاتی وجود ندارد شما می توانید با گذاشتن یک CTA به کاربر پیشنهاداتی ارائه دهید و او را به سمت و سویی دیگر در محصولتان هدایت کنید.
با این روش به کاربر پویا بودن محصولتان را نشان میدهید و از بوجود آمدن حس بن بست در ذهن کاربر جلوگیری میکنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#مقاله_خوانی
🔹 هفت قدم تا تبدیل شدن به یک طراح UI/UX
🌐 http://vrgl.ir/mBgqx
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🔹 هفت قدم تا تبدیل شدن به یک طراح UI/UX
🌐 http://vrgl.ir/mBgqx
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
✴️کاربران محترم کانال UIUXWorkshop
شما میتوانید با ضربه زدن بر روی هشتگ های زیر از دسته بندی های محتوای کانال بهره مند شوید و به راحتی به مطالب موردعلاقه تان دسترسی پیدا نمایید.
🔽 🔽 🔽
⚜️ #نکات
⚜️ #پالت_رنگ
⚜️ #نقد ، #نقد_طراحی
⚜️ #فان
⚜️ #آموزش
⚜️ #ابزار ، #معرفی_سایت
⚜️ #توسعه
⚜️ #پادکست
⚜️ #خلاقیت ، #ایده ، #گیف
⚜️ #مقاله_خوانی
⚜️ #انگیزشی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
شما میتوانید با ضربه زدن بر روی هشتگ های زیر از دسته بندی های محتوای کانال بهره مند شوید و به راحتی به مطالب موردعلاقه تان دسترسی پیدا نمایید.
🔽 🔽 🔽
⚜️ #نکات
⚜️ #پالت_رنگ
⚜️ #نقد ، #نقد_طراحی
⚜️ #فان
⚜️ #آموزش
⚜️ #ابزار ، #معرفی_سایت
⚜️ #توسعه
⚜️ #پادکست
⚜️ #خلاقیت ، #ایده ، #گیف
⚜️ #مقاله_خوانی
⚜️ #انگیزشی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
سایت Vexels یکی از پرطرفدارترین سایت ها در زمینه وکتور های برداری و همچنین عکس های پس زمینه در بین طراحان وگرافیست ها می باشد .
از خصوصیات این سایت این است که یک ویرایشگر آنلاین را در اختیار کاربر قرار میدهد تا بتواند تغییرات را در زمینه های مورد نظر اعمال و عناصری نظیر رنگ ها و متن ها را تغییر دهد.
https://www.vexels.com/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
سایت Vexels یکی از پرطرفدارترین سایت ها در زمینه وکتور های برداری و همچنین عکس های پس زمینه در بین طراحان وگرافیست ها می باشد .
از خصوصیات این سایت این است که یک ویرایشگر آنلاین را در اختیار کاربر قرار میدهد تا بتواند تغییرات را در زمینه های مورد نظر اعمال و عناصری نظیر رنگ ها و متن ها را تغییر دهد.
https://www.vexels.com/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
هنگام طراحی نمودار، استفاده از رنگ های مختلف ممکن است در ابتدا به نظر ایده خوبی باشد اما برای افرادی که دارای کور رنگی هستند، می تواند تفسیر داده ها برایشان بسیار سخت باشد.
✔️سعی کنید با استفاده از یک رنگ ثابت اما با اشباع رنگی متفاوت از همان رنگ نمودار موردنظرتان را ترسیم نمایید.که از لحاظ بصری برای تمام افراد مناسب باشد.
👆🏻در شکل بالا ردیف اول نمودار را از دید افراد معمولی نشان میدهد.و ردیف دوم از دید افراد دارای کور رنگی را به تصویر می کشاند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
هنگام طراحی نمودار، استفاده از رنگ های مختلف ممکن است در ابتدا به نظر ایده خوبی باشد اما برای افرادی که دارای کور رنگی هستند، می تواند تفسیر داده ها برایشان بسیار سخت باشد.
✔️سعی کنید با استفاده از یک رنگ ثابت اما با اشباع رنگی متفاوت از همان رنگ نمودار موردنظرتان را ترسیم نمایید.که از لحاظ بصری برای تمام افراد مناسب باشد.
👆🏻در شکل بالا ردیف اول نمودار را از دید افراد معمولی نشان میدهد.و ردیف دوم از دید افراد دارای کور رنگی را به تصویر می کشاند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_کتاب
📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند با اصول و کلیات طراحی تجربه کاربری (UX) آشنا شوند.
این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند با اصول و کلیات طراحی تجربه کاربری (UX) آشنا شوند.
این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
#معرفی_کتاب 📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند با اصول و کلیات طراحی تجربه کاربری (UX) آشنا شوند. این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است. @UIUXWorkshop…
TheBasicsOfUxDesign-Persian.pdf
23.8 MB
📕عنوان کتاب: مبانی طراحی تجربه کاربری
دانلود شده از سایت زیر👇🏻
🌐 https://uxbook.org
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
دانلود شده از سایت زیر👇🏻
🌐 https://uxbook.org
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نقد #نقد_طراحی
یه مورد دیگه که توی سایت رجا اذیت میکنه ، اینه که فیلتر نتایج جستجو با اسکرول کردن ، جابجا میشه 🤦🏻♂️
یعنی شما کلی اسکرول کردید اومدید پایین صفحه ،حالا برای عوض کردن مثلا قیمت باید برگردید بالا تا این منو براتون نمایش داده بشه و بتونید عوضش کنید...
درستش اینه که این بخش ثابت میمونه و موقع اسکرول کردن در کنار نتایج جستجو دیده میشه تا به راحتی بشه باهاش کار کرد...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
یه مورد دیگه که توی سایت رجا اذیت میکنه ، اینه که فیلتر نتایج جستجو با اسکرول کردن ، جابجا میشه 🤦🏻♂️
یعنی شما کلی اسکرول کردید اومدید پایین صفحه ،حالا برای عوض کردن مثلا قیمت باید برگردید بالا تا این منو براتون نمایش داده بشه و بتونید عوضش کنید...
درستش اینه که این بخش ثابت میمونه و موقع اسکرول کردن در کنار نتایج جستجو دیده میشه تا به راحتی بشه باهاش کار کرد...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️