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☝️
This media is not supported in your browser
VIEW IN TELEGRAM
از تصور اینکه موشن های موجود در اپ باید حتما عجیب و غریب و شلوغ باشن بیاید بیرون
همچین کارهای ساده ای هم میشه کرد که تیم توسعه بی دردسر پیاده اش کنن.
#کار_شخصی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
همچین کارهای ساده ای هم میشه کرد که تیم توسعه بی دردسر پیاده اش کنن.
#کار_شخصی
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
توسعه دهندگان عزیز دقت داشته باشید همیشه ۳تا ۳تا ارقام رو از هم جدا کنیدتا خوندنش اینقد سخت نباشه :))
این هم یه صفحه فرعی از دیجی کالاست.
اگر دیدن اصلاحش کنن :)
@UIUXWorkshop
نکات آموزشی UI/UX
این هم یه صفحه فرعی از دیجی کالاست.
اگر دیدن اصلاحش کنن :)
@UIUXWorkshop
نکات آموزشی UI/UX
UIUX WorkShop
توسعه دهندگان عزیز دقت داشته باشید همیشه ۳تا ۳تا ارقام رو از هم جدا کنیدتا خوندنش اینقد سخت نباشه :)) این هم یه صفحه فرعی از دیجی کالاست. اگر دیدن اصلاحش کنن :) @UIUXWorkshop نکات آموزشی UI/UX
همین الان یکی از دوستان گفت ۱ساعت داشته با موس ۳رقم ۳رقم جدا میکرده تا بتونه بخونتش :))
🖐خسته نباشی دلاور خدا قوت پهلوان :))
🖐خسته نباشی دلاور خدا قوت پهلوان :))
https://cantunsee.space/
یه بازی خییییلی خفن مخصوص اونایی که ادعای دیزاینر بودن دارن :)) بشتابید
توی این بازی باید ببینید چقد چشم دیزاینی تون قوی هست
حالا بازی کنید خودتون متوجه میشید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
یه بازی خییییلی خفن مخصوص اونایی که ادعای دیزاینر بودن دارن :)) بشتابید
توی این بازی باید ببینید چقد چشم دیزاینی تون قوی هست
حالا بازی کنید خودتون متوجه میشید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
اسکرینشات اپلیکیشنهای ایرانی
http://uiscreenshots.ir
اشتراک از یادداشتهای یک همیشه دیزاینر
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
http://uiscreenshots.ir
اشتراک از یادداشتهای یک همیشه دیزاینر
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
اگر این تصویر براتون آشناست حتما سایت زیر بدردتون میخوره
https://www.goabstract.com
ورژن کنترل ( تقریبا مشابه گیت هاب توسعه دهنده ها ) مخصوص دوست داران اسکچ
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
https://www.goabstract.com
ورژن کنترل ( تقریبا مشابه گیت هاب توسعه دهنده ها ) مخصوص دوست داران اسکچ
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UI X
ورژن جدید پلاگین Persian Supplier برای نرم افزار #اسکچ منتشر شد.
با استفاده از نسخه اول این پلاگین در بخش Data میتوانستید به لیستی از شهرها و نام های فارسی، تاریخ و شماره تماس دسترسی داشته باشید.
در نسخه جدید این پلاگین آدرس، شغل، ساعت و کدپستی به موارد آن اضافه شده.
دانلود: bit.ly/persiansupplier
@Uixchannel
با استفاده از نسخه اول این پلاگین در بخش Data میتوانستید به لیستی از شهرها و نام های فارسی، تاریخ و شماره تماس دسترسی داشته باشید.
در نسخه جدید این پلاگین آدرس، شغل، ساعت و کدپستی به موارد آن اضافه شده.
دانلود: bit.ly/persiansupplier
@Uixchannel
در این شرایط بهتره اون دکمه ای که کارمثبت و درستی رو انجام میده رنگ سبز داشته باشه. بعضی وقت ها این تشابه رنگ ها به شدت گیج کننده است و کاربر باید دقت بیشتری به خرج بده تا دکمه صحیح رو پیدا کنه...
(صفحه تایید پرداخت شاتل)
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
(صفحه تایید پرداخت شاتل)
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
https://useiconic.com/
یه ویژگی خیلی جالب به نام آیکن های واکنشگرا یا همون Responsive
@UIUXWorkshop
☝️نکات آموزشی طراحی رابط کاربری و تجربه کاربری☝️
یه ویژگی خیلی جالب به نام آیکن های واکنشگرا یا همون Responsive
@UIUXWorkshop
☝️نکات آموزشی طراحی رابط کاربری و تجربه کاربری☝️
https://css-tricks.com/snippets/css/complete-guide-grid/
یک راهنمای فوقوالعاده برای بحث گرید و پدینگ و مارجین (به همراه کد های وب)
مخصوص توسعه دهنده های عزیز وب
#توسعه
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
یک راهنمای فوقوالعاده برای بحث گرید و پدینگ و مارجین (به همراه کد های وب)
مخصوص توسعه دهنده های عزیز وب
#توسعه
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#انگیزشی
اگر از مردم بپرسید متضاد کلمه موفقیت چیست؟
اکثرشان میگویند شکست
اما متضاد کلمه موفقیت، تلاش نکردن است
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
اگر از مردم بپرسید متضاد کلمه موفقیت چیست؟
اکثرشان میگویند شکست
اما متضاد کلمه موفقیت، تلاش نکردن است
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
👍1
#نکات
🌀هنگام ارائه ی پیشنهادات متعدد محصولات، در سایتتان بهتر است بر روی یک محصول تاکید بیشتری نمایید.به این صورت که سایز باکس، آن را بزرگتر از دیگر محصولات باشد.
✅این یک ایده بسیار خوب است که قدرت تصمیم گیری بیشتری را به مشتری میدهد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🌀هنگام ارائه ی پیشنهادات متعدد محصولات، در سایتتان بهتر است بر روی یک محصول تاکید بیشتری نمایید.به این صورت که سایز باکس، آن را بزرگتر از دیگر محصولات باشد.
✅این یک ایده بسیار خوب است که قدرت تصمیم گیری بیشتری را به مشتری میدهد.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️