#نکات

📌استفاده از infinite scroll مناسب برای محتواهای کاوشگر که هدف خاصی رو مدنظر قرار نمیدهند است.مانند سایتهایی نظیر توییتر

📌استفاده از pagination مناسب برای محتوای هدفمند است که رسالت آنها معرفی محصول خاص می باشد.مانند سایتهایی نظیر آمازون


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#متفرقه

سلام به همه ی عزیزان
آقای مینایی از بچه های کارگاه ، دوستان خوب ما و مورد اعتمادن
هرکمکی از دست هرکسی برمیاد دریغ نکنه
خداخیرتون بده

#معرفی_ابزار
#توسعه

💢سایت #ریسایزر ابزاری جهت تست خروجی وب سایت ها در دیوایس‌های مختلف است.

✴️ http://yon.ir/6KhsF

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

داشتن گزینه توصیفی برای یک هشدار مهم، کاربر را قادر می سازد تا قضاوت سریع و آگاهانه انجام دهد.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

https://github.com/Aghajari/AmirTextButtonView-Android-Java/

بازهم ممنون از آقای آقاجری که این کتابخانه زیبا رو برای جاوا منتشرکردن
ممنون ازشون

@LCoders
اگر دنبال کتابخانه های بیشتری هستید میتونید از کانالشون هم دیدن کنید

#معرفی_سایت #معرفی

https://feathericons.com

این سایت ایکن های خیلی زیبایی رو داره توسعه میده که حتما میتونه پروژه هاتون رو زیباتر کنه :)

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

مجموع ۲۷۹ ایکنی که تا الان روی این سایت هست

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

صفحه ارور۴۰۴ رو میشه حیاط خلوت دیزاینرها دونست چون به راحتی میتونن مهارت و خلاقیتشون رو به نمایش بذارن.
درکل صفحات ارور برای کاربران ناخوشایند هستند ولی با رعایت چندنکته و یک دیزاین جذاب، میشه نارضایتی کاربران رو کم کرد:

- تعدادی لینک اصلی رو به کاربران نمایش بدید ولی در عین حال از شلوغی و بهم ریختگی پرهیز کنید.
- کمی شوخ طبعی به جملات و تصویرسازی صفحه اضافه کنید.
- اثری از گم شدن ( مثل تصویربالا) و قطع شدن هم میتونید در دیزاینتون استفاده کنید.
-اگر فضای مناسبی داشتید باکس سرچ رو هم اضافه کنید.

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

یک سایت معروف که خیلیا میشناسید ولی بازم معرفیش لازمه
دوستانی که فرانت اند کار میکنند ممکنه که تا به حال برای نوشتن یک سری افزونه ها به مشکل بر خورده باشند .

یک سری برنامه نویس ها کد این نوع افزونه ها رو می نویسند و در سایت معروف زیر منتشر میکنند تا برنامه نویس های دیگر از انها استفاده کنند .
👇🏻👇🏻👇🏻
https://codepen.io/


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

https://digiato.com/article/2019/04/08/چرا-یادداشت-برداری-با-قلم-و-کاغذ-از-لپتا/

کمی از دنیای دیجیتال فاصله بگیریم
خداروشکر هنوز جایگزینی خفنی برای کتاب کاغذی پیدا نکردن دانشمندان عزیز :)) هیچی کتاب کاغذی نمیشه

#فان

💢داستان طنزآمیز اما تلخ "مشتری" و "طراح"


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

🚀 وبینار راه اندازی استارتاپ در اروپا و فنلاند

📌مدرسین: پویا محمدی (هم‌موسس شرکت بین‌المللی بالوین، کارآفرین سریالی) و اوکی تاگ (مدیر شتابدهنده مایکروسافت)

🎁 کد تخفیف ویژه اعضای کانال:
uiux

اطلاعات بیشتر و ثبت‌نام 👇
esmn.ir/eur



@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

⭕️یکی از مهمترین بخش ها در طراحی وب سایت خصوصا لندینگ پیچ ها استفاده از طراح های گرافیکی برای جذاب تر کردن کار هست. اما ممکن است تولید این طرح ها کمی سخت و وقت گیر باشه.

🌐سایت undraw یکی از معروفترین سایتهایی است که میتونید به مجموعه ای عالی از طرح های illustator دسترسی داشته باشید و فایل ها را به صورت noscript دانلود و شخصی سازی کنید و تو پروژه ها ازشون استفاده کنید

👇🏼👇🏼
https://undraw.co/illustrations


@UIUXWorkshop
نکات آموزشی UI/UX☝️

#خلاقیت #گیف

استفاده خلاقانه از صفحه ی ۴۰۴ و تبدیل اون به یک بازی
این کار میتونه از ناراحتی کاربران کم کنه ولی حواستون باشه کاربر نباید بشینه بازی کنه و کلا سایت شما از یادش بره

(یکی از دوستان بازی ۲۰۴۸ رو گذاشته بود توی این صفحه ، یه بازی بی نهایت و اعتیاد آور 🤦‍♂️)


@UIUXWorkshop
نکات آموزشی UI/UX☝️

#خلاقیت #گیف

احتمالا زیاد شنیدید که میگن ایکن های Tabbar بهتره ۳ یا ۵ مورد باشن
ولی اگر ۴تا ایکن داشتیم و واقعا نمیشد ایکن دیگری اضافه کرد چیکارکنیم؟
میتونید از روش خلاقانه ای که توی گیف میبینید استفاده کنید.


@UIUXWorkshop
نکات آموزشی UI/UX☝️

#نکات

🌐اگر شما یک سایت بزرگ دارید، باید به footer خود یک mini Sitemap اختصاص دهید.

💢برای اثربخشی این نوع فوترها بهتر است که به هر ستون lable های مجزایی اختصاص دهید.که کاربران به راحتی بتوانند دسته بندی های مختلف را تشخیص دهند و عدم رعایت این مورد،باعث سختی دید کاربر می شود.

📱 برای استفاده از این نوع فوترها در تلفن همراه بهتر است از منوی آکوردئون استفاده کنید. این نه تنها موجب صرفه جویی در فضا می شود، بلکه از اشتباهات در انتخاب لمسی گزینه ها جلوگیری می کند.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

نمونه ی خیلی خوبی از این نکته سایت آمازون هست که در تصویر میبینید


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات

برای طبیعی جلوه دادن باکس ها بهتر است علاوه بر دادن سایه در زیر باکس ها،کمی سایه در اطراف باکس به صورت عمودی اعمال شود.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت

سایت Pexels عکس های با کیفیت بالا و کاملا رایگان با مجوز Pexels ارائه می دهد.
همه عکسها به خوبی برچسب گذاری شده و قابل جستجو هستند. و نیاز ما را برای پیدا کردن عکس های باکیفیت برطرف می کند.

🔰نکته:قبل از کلیک کردن روی لینک اول فیلترشکن را روشن نمایید.

https://www.pexels.com


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#انگیزشی

به جای فکر کردن به صد دلیل برای تسلیم شدن،
به هزاران دلیل برای ادامه دادن فکرکن....


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#فان

وقتی محصول رو بدون اینکه تست کنی میدی بیرون 😂


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️