#نکات
هنگام طراحی نمودار، استفاده از رنگ های مختلف ممکن است در ابتدا به نظر ایده خوبی باشد اما برای افرادی که دارای کور رنگی هستند، می تواند تفسیر داده ها برایشان بسیار سخت باشد.
✔️سعی کنید با استفاده از یک رنگ ثابت اما با اشباع رنگی متفاوت از همان رنگ نمودار موردنظرتان را ترسیم نمایید.که از لحاظ بصری برای تمام افراد مناسب باشد.
👆🏻در شکل بالا ردیف اول نمودار را از دید افراد معمولی نشان میدهد.و ردیف دوم از دید افراد دارای کور رنگی را به تصویر می کشاند.
@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☝️
UIUX WorkShop
#نقد #نقد_طراحی بخش جستجوی بلیط سایت رجا ( به آدرس raja.ir ) رو در صفحه اصلی میتونیم ببینیم چندباری تست کردمش تا بفهممش الان به نظرتون حالت رفت و برگشت فعاله؟ یا حالت یکطرفه؟ ظاهرش نشون میده رفت و برگشت فعاله و روشنه (و یک طرفه شبیه حالت غیرفعال یا Disable…
موارد قبلی درمورد سایت رجا رو میتونید از اینجا مطالعه کنید 👆🏻
#نکات
برای search box ها بهتر است یک دکمه CTA قرار دهید.و هیچ وقت کاربران را فقط ملزم به زدن Enter نکنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
برای search box ها بهتر است یک دکمه CTA قرار دهید.و هیچ وقت کاربران را فقط ملزم به زدن Enter نکنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
🔛ایجاد فاصله مناسب بین آیکون و متن
آیکون ها و متن ها را بهم نچسبانید.ایجاد فاصله مناسب بین آنها باعث اسکن بهتر توسط چشم میشود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🔛ایجاد فاصله مناسب بین آیکون و متن
آیکون ها و متن ها را بهم نچسبانید.ایجاد فاصله مناسب بین آنها باعث اسکن بهتر توسط چشم میشود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
😎 #چالش
🌀رنگ عحیبُ و غریبُ پیدا کن!!!
✴️این سایت یک بازی را آماده کرده که شمارو به چالش میکشد.در هر مرحله بازی سخت و سخت تر 😥میشود.
در واقع هدف این بازی این است که شما تفاوت های ظریف بین رنگ ها را تجربه کنید،که برای طراحان سودمند است.
👇👇👇
http://game.ioxapp.com/eye-test/game.html
👥با فرستادن این پیام به دوستات اوناروهم به این بازی دعوت کن.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🌀رنگ عحیبُ و غریبُ پیدا کن!!!
✴️این سایت یک بازی را آماده کرده که شمارو به چالش میکشد.در هر مرحله بازی سخت و سخت تر 😥میشود.
در واقع هدف این بازی این است که شما تفاوت های ظریف بین رنگ ها را تجربه کنید،که برای طراحان سودمند است.
👇👇👇
http://game.ioxapp.com/eye-test/game.html
👥با فرستادن این پیام به دوستات اوناروهم به این بازی دعوت کن.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
✅روش صحیح نشستن روی صندلی
📌 اگر شما هم روزانه، ساعت زیادی رو پشت کامپیوتر هستید پیشنهاد میکنم حتما عکس 👆 رو ببینید.
اگر دوستانی دارید که طراح و برنامه نویس هستن #حتما این پست را با آنها به اشتراک بگذارید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
✅روش صحیح نشستن روی صندلی
📌 اگر شما هم روزانه، ساعت زیادی رو پشت کامپیوتر هستید پیشنهاد میکنم حتما عکس 👆 رو ببینید.
اگر دوستانی دارید که طراح و برنامه نویس هستن #حتما این پست را با آنها به اشتراک بگذارید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
tinypng.com
شاید خیلیاتون این سایت رو بشناسید یا ازش استفاده کرده باشید ، ولی اونقد کارش خوب و درست هست که لازمه یاداوری بشه
این پاندای مهربون به صورت تکی یا گروهی میتونه حجم عکس هاتون رو پایین بیاره (تقریبا بدون افت کیفیت).
محدودیت ۵مگابایت و تعداد ۲۰ تا (همزمان) داره.
حتما استفاده ازش توصیه میشه.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
tinypng.com
شاید خیلیاتون این سایت رو بشناسید یا ازش استفاده کرده باشید ، ولی اونقد کارش خوب و درست هست که لازمه یاداوری بشه
این پاندای مهربون به صورت تکی یا گروهی میتونه حجم عکس هاتون رو پایین بیاره (تقریبا بدون افت کیفیت).
محدودیت ۵مگابایت و تعداد ۲۰ تا (همزمان) داره.
حتما استفاده ازش توصیه میشه.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
اضافه کردن یک border رنگی ساده ، می تواند طرح را از بی روح بودن و خستگی خارج کرده و به یک المان جذاب تبدیل نماید. border ها یک راه عالی برای راهنمایی چشم به المان مربوطه هستند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
اضافه کردن یک border رنگی ساده ، می تواند طرح را از بی روح بودن و خستگی خارج کرده و به یک المان جذاب تبدیل نماید. border ها یک راه عالی برای راهنمایی چشم به المان مربوطه هستند.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
«بالزامیک» (Balsamiq) یک نرمافزار ساده، سریع و بسیار دلچسب است؛ ابزاری بسیار قدرتمند در دست طراحان تجربهکاربری، گرافیستها، تحلیلگران کسبوکار که میتوان به سرعت با استفاده از آن یک وایرفریم از نرمافزاری که قصد توسعه آن را داریم، تهیه کرد؛ خواه یک برنامه دسکتاپ باشد، خواه یک وب سایت و یا حتی یک برنامه برای تبلتها و گوشیهای هوشمند.
🌐 https://balsamiq.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
«بالزامیک» (Balsamiq) یک نرمافزار ساده، سریع و بسیار دلچسب است؛ ابزاری بسیار قدرتمند در دست طراحان تجربهکاربری، گرافیستها، تحلیلگران کسبوکار که میتوان به سرعت با استفاده از آن یک وایرفریم از نرمافزاری که قصد توسعه آن را داریم، تهیه کرد؛ خواه یک برنامه دسکتاپ باشد، خواه یک وب سایت و یا حتی یک برنامه برای تبلتها و گوشیهای هوشمند.
🌐 https://balsamiq.com
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
👁بررسی رفتار کاربر با استفاده از تکنولوژی ردیابی چشم(Eye Tracking)
این تکنولوژی برای بررسی رفتار کاربر در استفاده از محصول (سایت ، اپلیکیشن) شماست. بدین صورت است که چشم کاربر شما را دنبال میکند و نقطه هایی که توجه کاربر شما ما را جلب میکند و نگاه میکند را در داده های خود ذخیره می کند تا شما بتوانید بفهمید که کاربر شما چه نقاطی را بیشتر توجه کرده است تا از این اطلاعات بر طراحی بهتر تجربه کاربری (UX) خود استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
👁بررسی رفتار کاربر با استفاده از تکنولوژی ردیابی چشم(Eye Tracking)
این تکنولوژی برای بررسی رفتار کاربر در استفاده از محصول (سایت ، اپلیکیشن) شماست. بدین صورت است که چشم کاربر شما را دنبال میکند و نقطه هایی که توجه کاربر شما ما را جلب میکند و نگاه میکند را در داده های خود ذخیره می کند تا شما بتوانید بفهمید که کاربر شما چه نقاطی را بیشتر توجه کرده است تا از این اطلاعات بر طراحی بهتر تجربه کاربری (UX) خود استفاده کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
در نمودارهای مبتنی بر ارزش، مرتب سازی اطلاعات به ترتیب صعودی یا نزولی، به کاربر کمک می کند تا به راحتی آنها را اسکن کند. و تحلیل داده صورت گیرد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
در نمودارهای مبتنی بر ارزش، مرتب سازی اطلاعات به ترتیب صعودی یا نزولی، به کاربر کمک می کند تا به راحتی آنها را اسکن کند. و تحلیل داده صورت گیرد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️