🔥 نمونه #طرح خلاقانه در پیاده سازی فیلتر یک #app فروشگاهی پوشاک

#frontend #UI #android #iOS

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥طراحان و دولوپرهای #فرانت‌اند چه‌طور می‌توانند با یکدیگر کنار بیایند؟

🌐https://goo.gl/gpYM6H

#article

⁣✅ @coderszone

🔥 وقتی که یه برنامه نویس می خواد نتیجه یه هفته تلاشش رو به رئیسش نشون بده😁😁

#gif #programming

✅@coderszone

🔥 مطالعات نشان می دهد کاربران، #لوگو هایی که در سمت چپ #وبسایت ها قرار می گیرند را بهتر از آن هایی که در راست قرار دارند به
خاطر می سپارند. این کار میانگین یادآوری لوگو را تا 89% افزایش می دهد.

💡این مورد برای سایت های #فارسی که جهت گیری عناصر از راست به چپ است کاملا معکوس است.

#UI #UX #frontend

✅ @coderszone

🔥 از کلاس کاذب placeholder-shown: در CSS می توان برای ساخت label های شناور (بدون جاوااسکریپت) استفاده کرد.
🌐https://goo.gl/7T7Gjj

#css #UI #frontend

✅@coderszone

🔥وقتی متنی را با خاکستری خالص روی یک پس زمینه رنگی نمایش می دهید، متن "غیرفعال" به نظر می آید. برای حل این مشکل بهتر است خاکستری را با رنگ پس زمینه کمی اشباع کنید.

#UI #UX #frontend

✅@coderszone

⁠⁣🔥 در #SEO به صفحاتی که هیچ ترافیکی را به سایت شما هدایت نمی کنند #⁣zombie_pages گفته می شود. بررسی ها نشان داده است که حذف اینگونه صفحات تاثیر بسیار زیادی بر روی رتبه شما خواهد داشت.

سایت ⁣Proven.com با حذف 40 هزار صفحه زامبی توانست حدود 88.3 درصد ترافیک برآمده از موتورهای جستجو را افزایش دهد.

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 تغییر اندازه تصاویر تاثیر مثبتی در سرعت بارگذاری آن ها به خصوص در صفحات سنگین دارد. البته منظور تغییر اندازه با #HTML یا #CSS نیست.

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

#UI #UX #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 پیشنهاد می شود پسوردها را در موبایل مخفی نکنید.

به کارگیری گزینه show و hide پسوردها در #اپ های موبایل الزامی نیست. چرا که صفحات #موبایل کوچک بوده و به خودی خود، صاحب دستگاه آن را به صورت محرمانه و شخصی استفاده می کند.

#UI #UX #frontend

⁣✅ @coderszone

🔥نمونه #طرح الهام بخش صفحه مقایسه محصول

#UI #frontend

✅@coderszone

🔥وقتی یه کارآموز در مورد پروژه و کد ها اظهار نظر می کنه 😂😂😂

#gif

✅@coderszone

⁠⁣🔥یکی از ویژگی های حیاتی برای فروشگاه های اینترنتی نمایش ارزیابی مشتریان از یک محصول (#product_reveiws) است.

بر طبق مطالعات، 63% از مشتریان، احتمال بیشتری در خرید از سایت هایی که "ارزیابی محصول" دارند انجام می دهند.

در مجموع، #product_review ها موجب افزایش 18درصدی فروش می شوند. دلیل آن نیز ساده است : "مشتریان به ارزیابی ها بیشتر از توضیحات خود محصول، اعتماد می کنند".

#marketing

✅@coderszone

⁣⁣🔥 عنصر dialog که در ⁣HTML5.2 معرفی شده است برای ساخت ⁣pop-up ها و modal ها استفاده می شود. صفتی بولین به نام open دارد که برای نمایش دادن یا مخفی کردن آن کاربرد دارد.


⁣✅@coderszone

⁣🔥 استفاده از رنگ متن تیره بر روی رنگ پس زمینه لایت، از دسترسی پذیری بالاتری برخورد دار بوده و غالبا بهتر به نظر می آید.

#tips #UI #UX #frontend

⁣✅@coderszone

⁠⁣🔥 بر طبق مطالعات #⁣GoDaddy حدود 74% از هک سایت ها با اهداف #SEO انجام می گیرد.

#هکرها با افزودن یک لینک یا یک صفحه جدید، می توانند یک سایت جدید را به جای سایت هک شده به #گوگل قالب کنند!

در نهایت هک شدن وبسایت می تواند بر روی رتبه آن تاثیر گذاشته و حتی آن را در blacklist گوگل نیز قراردهد.


⁣✅@coderszone

⁣⁣🔥 فریم ورک ⁣⁣Pyramid: فریمورکی به منظور طراحی سریع وب #اپلیکیشن ها با زبان #Python

⁣👇⁣👇👇⁣👇⁣👇
⁣🌐⁣⁣https://goo.gl/pMPaQk

⁣✅@coderszone

⁣🔥 نمونه #طرح الهام بخش عملیات جستجو در #اپ های #اندروید

#android #UI #UX #frontend

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 همه چیز را در یک #صفحه قرار ندهید.

🌟 گنجاندن تمامی عناصر شامل منوها، قابلیت ها و #دکمه ها در یک صفحه یکی از اشتباهات رایج از نظر #UX است که در بسیاری از #اپ ها مشاهده می شود.

مطالعات نشان می دهد مغز انسان در بهترین حالت، فقط 9 گزینه را می تواند به صورت همزمان درک کند و معمولا 90% از کاربران نیازی به استفاده از همه دکمه ها ندارند.

#UI #frontend

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 بررسی ها نشان می دهند در صورتی که زمان بارگذاری صفحات #وب از 1 به 5 ثانیه برسد، احتمال ترک صفحات توسط کاربران تا 90% افزایش می یابد.

#SEO #UI #frontend

✅ @coderszone

⁠⁣⁣🔥 یکی از پارامترهایی که میتواند بر روی رتبه شما در #موتورهای_جستجو تاثیر مستقیم داشته باشد استفاده از HTTPS است. #HTTPS ورژن امن شده HTTP است که بر پایه SSL بنا شده است و با رمزگذاری اطلاعاتی که رد و بدل می شوند از آسیب دیدن یا تغییر یافتن آن در حین انتقال جلوگیری می کند.

#گوگل، HTTPS را بر HTTP ترجیح می دهد. به علاوه از آنجایی که اخیرا مرورگر #chrome نیز کاربران را از عدم پشتیبانی یک سایت (صفحه) از این پروتکل آگاه می سازد این امر ممکن است موجب شود بازدیدکنندگان قبل از هر چیز، از مشاهده سایت شما صرفنظر کنند.

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



#tips #SEO

⁣✅@coderszone