#نکات
اضافه کردن یک 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☝️
UIUX WorkShop
#معرفی_کتاب 📘 این کتاب گزینهای مناسب برای افرادی است که میخواهند شغل UX را برا آینده خود انتخاب نمایند. این کتاب توسط بنیاد طراحی تعامل تهیه و توسط تیم UXBook ترجمه شده است.فایل کتاب در پست بعدی برای شما عزیزان ضمیمه شده است. @UIUXWorkshop ☝️نکات آموزشی…
Get_Started_in_UX[www.uxbook.org].pdf
4.7 MB
📕عنوان کتاب:چگونه کار خودمان را در UX شروع کنیم؟
دانلود شده از سایت زیر👇🏻
🌐 https://uxbook.org
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
دانلود شده از سایت زیر👇🏻
🌐 https://uxbook.org
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
با افزونه what font برای مرورگر گوگل کروم و افزونه Font finder برای مرورگر فایرفاکس می توان نوع فونت استفاده شده در سایت های اینترنتی را پیدا کرد.
بابردن نشانگر ماوس برروی المان موردنظر نام فونت استفاده شده به صورت tooltip نمایش داده می شود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
با افزونه what font برای مرورگر گوگل کروم و افزونه Font finder برای مرورگر فایرفاکس می توان نوع فونت استفاده شده در سایت های اینترنتی را پیدا کرد.
بابردن نشانگر ماوس برروی المان موردنظر نام فونت استفاده شده به صورت tooltip نمایش داده می شود.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from استارتاپ با یک فاندر ایرانی
یه #میکروکپی عالی از #دیجیکالا برای ارور ۵۰۳
میشه خیلی ساده یه سری اتفاقارو معمولی یا قابل قبول جلوه داد با یه میکروکپی و تصویر سازی خوب :)
#اینوری
▫️استارتاپ بهسبک فاندر ایرانی 👈
@manuelohan
میشه خیلی ساده یه سری اتفاقارو معمولی یا قابل قبول جلوه داد با یه میکروکپی و تصویر سازی خوب :)
#اینوری
▫️استارتاپ بهسبک فاندر ایرانی 👈
@manuelohan
This media is not supported in your browser
VIEW IN TELEGRAM
یک لندینگ پیج فوق العااده از Minh Pham که برای یک موسسه غیرانتفاعی درمورد اهمیت وجود درختان و ... زده شده.
انیمیشن های بسیار زیبای این لندینگ پیج رو اگر دنبال کنید ، فقط برای نمایش یا شوآف نیستن بلکه کاربرد دارن.
گیف بعدی رو ببینید تا توضیحات بیشتری بدم👇
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
انیمیشن های بسیار زیبای این لندینگ پیج رو اگر دنبال کنید ، فقط برای نمایش یا شوآف نیستن بلکه کاربرد دارن.
گیف بعدی رو ببینید تا توضیحات بیشتری بدم👇
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
یک لندینگ پیج فوق العااده از Minh Pham که برای یک موسسه غیرانتفاعی درمورد اهمیت وجود درختان و ... زده شده. انیمیشن های بسیار زیبای این لندینگ پیج رو اگر دنبال کنید ، فقط برای نمایش یا شوآف نیستن بلکه کاربرد دارن. گیف بعدی رو ببینید تا توضیحات بیشتری بدم👇…
This media is not supported in your browser
VIEW IN TELEGRAM
اتفاق مثبتی که هدف ایجاد لندیگ پیج بود با پرکردن ایمیل توسط کاربر و ثبت ایمیل ، به صورت انیمیشن و کمی طنز رخ میده...
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
این استفاده از انیمیشن به همینجا ختم نمیشه بلکه در تعامل کامل با کاربر عمل میکنه
واقعا فوق العاده است
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
واقعا فوق العاده است
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
این استفاده از انیمیشن به همینجا ختم نمیشه بلکه در تعامل کامل با کاربر عمل میکنه واقعا فوق العاده است @UIUXWorkshop ☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
رسیدیم به آخر شاهکار ، همونطور که میبینید وقتی کاربر میخواد ضربدر رو بزنه و خارج بشه ، خرس ناراحت میاد بیرون و ازش میپرسه مطمئنی؟ به شخصه اگر با همچین صفحه ای روبرو بشم نمیبندمش :))
از نظر کدنویسی بعید میدونم سخت باشه ولی همین نکات ریز و کوچک میتونه کیفیت پروژه هارو چندین برابر کنه
هم به سود بیزینس هست و هم به سود طراح
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
از نظر کدنویسی بعید میدونم سخت باشه ولی همین نکات ریز و کوچک میتونه کیفیت پروژه هارو چندین برابر کنه
هم به سود بیزینس هست و هم به سود طراح
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#پالت_رنگ
🔅برا اونایی که ترکیب آبی ونارنجی براشون سخته
💢خلاق باش،ترکیب کن و اثر هنری خلق کن
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🔅برا اونایی که ترکیب آبی ونارنجی براشون سخته
💢خلاق باش،ترکیب کن و اثر هنری خلق کن
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
✅به جای نمایش پیشنهادات یکسان، گزینه خود را توصیه کنید
براساس مطالعات روانشناختی،پیشنهاداتی که دارای گزینه های بیشتری هستند،شانس کمتری نسبت به پیشنهاداتی که دقیقا روی آنها تاکید شده دارند.
برهمین اساس برای به نتیجه رسیدن،سعی کنید برای برجسته کردن موضوع اصلی،آن را توصیه کنید و به طور شفاف آن را نمایش دهید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
✅به جای نمایش پیشنهادات یکسان، گزینه خود را توصیه کنید
براساس مطالعات روانشناختی،پیشنهاداتی که دارای گزینه های بیشتری هستند،شانس کمتری نسبت به پیشنهاداتی که دقیقا روی آنها تاکید شده دارند.
برهمین اساس برای به نتیجه رسیدن،سعی کنید برای برجسته کردن موضوع اصلی،آن را توصیه کنید و به طور شفاف آن را نمایش دهید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
سایت همراه اول در بخش پرداخت قبض موبایل و پرداخت میان دوره بعد از پرداخت هیچ خروجی از شماره رسید پرداخت تراکنش و شماره پیگیری نمیده !!!
داشتن رسید و فاکتور از حقوق طبیعی کاربران هست که اینجا نمایش داده نمیشه
ان شاء الله که سهوی بوده و درستش کنن
(ارسالی از طرف آقای عرفان حقیقی)
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
داشتن رسید و فاکتور از حقوق طبیعی کاربران هست که اینجا نمایش داده نمیشه
ان شاء الله که سهوی بوده و درستش کنن
(ارسالی از طرف آقای عرفان حقیقی)
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#فونت
#ابزار
👇سه فونت فارسی مناسب جهت طراحی UI :
1️⃣وزیر
2️⃣شبنم
3️⃣ساحل
جهت دانلود این 3 فونت به پست بعدی مراجعه کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
👇سه فونت فارسی مناسب جهت طراحی UI :
1️⃣وزیر
2️⃣شبنم
3️⃣ساحل
جهت دانلود این 3 فونت به پست بعدی مراجعه کنید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️