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☝️
UIUX WorkShop
#نقد فوتر سایت خوب و بزرگ ایوند مهم ترین چیزی که اینجا دیده میشه بینظمی هست تراز بندی های بهم ریخته عدم استفاده صحیح از وزن فونت عدم استفاده از رنگ ها حتی درحالت هاور اون بخش سرچ هم که کمی از هدرشون زده بیرون رو حالا گیرنمیدیم بهش میگیم تقصیر مرورگرماست…
#نقد #نقد_طراحی
یکی از مشکلاتی که سایت ایوند داره ،اینه که برای لینک های متنی، چیزی به نام hover نمیبینیم 🤦♂️
نه تغییر رنگی نه آندرلاینی نه تکونی هیچی ...
فقط نشانگر موس تبدیل میشه به علامت دست ...
چرا آخه؟ یه استایل ساده css هست دیگه
کاری نداره که
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
یکی از مشکلاتی که سایت ایوند داره ،اینه که برای لینک های متنی، چیزی به نام hover نمیبینیم 🤦♂️
نه تغییر رنگی نه آندرلاینی نه تکونی هیچی ...
فقط نشانگر موس تبدیل میشه به علامت دست ...
چرا آخه؟ یه استایل ساده css هست دیگه
کاری نداره که
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_کتاب
📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند شغل UX را برا آینده خود انتخاب نمایند.
این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند شغل UX را برا آینده خود انتخاب نمایند.
این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️