⁣⁣⁣⁣⁣⁣🔥 #دکمه های به اشتراک گذاری در شبکه های اجتماعی شاید به خودی خودی تاثیری بر روی #رنکینگ شما در #موتور_جستجو نداشته باشند اما موجب می شوند محتوای شما بیشتر دیده شود. دیده شدن بیشتر نیز تعداد لینک های متصل به محتوا را افزایش می دهد.

💡مطالعات نشان میدهد، افزودن این دکمه ها در #سایت یا #اپلیکیشن ها احتمال به اشتراک گذاری محتوا را تا 700% افزایش می دهد.

#UI #frontend #android #iOS #SEO #search_engine

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 اگر پوشه پروژه خود را در source panel #مرورگر #chrome بیاندازید، #DevTools این مرورگر تمامی تغییراتی که در آن اعمال می کنید را مستقیما بر روی فایل های اصلی پروژه اعمال خواهد کرد.

❗️تصویر را در اندازه بزرگ مشاهده کنید.

#UI #frontend #tips

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 با افزودن صفت contenteditable به عناصر متنی می توان آن ها را شبیه #input و textarea ها کرد. کاربر با کلیک بر روی اینگونه عناصر امکان ویرایش آنها را خواهد داشت.

#UI #frontend #html

⁣✅ @coderszone

🔥 گاهی می توان با radiobutton نیز خلاقیت به خرج داد. خود را محدود به نمایش radio های معمولی نکنید. مثلا برای نمایش کارتهای قابل انتخاب، می توانید گزینه ها را به صورت هیجان انگیزتری نشان دهید.

#UI #UX

نمونه #طرح سفارش غذا

#inspiration #UI #UX

✅@coderszone

⁠⁣⁣🔥 مراحل نهایی سازی خرید را در فروشگاه اینترنتی خود کاهش دهید.
آمار نشان می دهد حدود 21% از کاربران، سبد خرید خود را به دلیل طولانی بودن مراحل نهایی سازی خرید، رها می کنند.

یکی از راهکارها، گرفتن اطلاعات کمتر از کاربر و در عوض پر کردن خودکار سایر فیلدها بر اساس اطلاعات وارد شده است.

مثلا زمانی که کاربر کد پستی خود را وارد می کند، می توان مشخصات آدرس را از روی کد پستی به دست آورد.

#digital_marketing

⁣✅@coderszone

⁣⁣🔥 مقایسه دشواری یادگیری #angular و #ReactJs به مرور زمان

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 نمونه #طرح خلاقانه ثبت امتیاز برای #اپ های موبایل

#UI #frontend #android #iOS

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 درصد احتمال ترک #سایت ها توسط #کاربران در زمان های بارگزاری مختلف!

#SEO #digital_marketing

⁣✅ @coderszone

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

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

#UI #UX #frontend

✅ @coderszone

⁣⁣⁣🔥یکی از ویژگی های جدیدی که در #CSS4 ارائه شده است، کلاس کاذب #matches است. از این گزینشگر برای گروه بندی عناصر جهت ⁣اعمال قواعد استفاده می شود.

این گزینشگر ⁣با نام any در مرورگرهای مبتنی بر #webkit (همچون #chrome) به صورت ⁣webkit-any- و در مرورگر #firefox به صورت moz-any- پشتیبانی می شود.

نمونه کاربرد آن را در لینک زیر میتوانید مشاهده کنید:

⁣🌐https://goo.gl/zdo3e6

#frontend #UI

⁣✅ @coderszone

⁣⁣🔥 از درج خطوط و متن های طولانی اجتناب کنید.

معمولا به دو دلیل طراحان این کار را انجام می دهند:

👈اول به دلیل اینکه معتقداند کاربران از اسکرول کردن متنفراند.
👈دوم اینکه می خواهند تا جایی که امکان دارد از فضای صفحه استفاده کنند.

اما قانونی در #تایپوگرافی #وب وجود دارد که می گوید: 💥تعداد کلمات موجود در هر خط نباید از 9 کلمه فراتر رود. ⁣💥

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

#frontend #UI

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 ۵۰ منبع مفید برای حرفه‌ای شدن در برنامه‌نویسی #اندروید


🌐https://goo.gl/mKAAn3

#article #android

✅ @coderszone

⁠⁣🔥آمار نشان می دهد فقط 3% از مراجعه کنندگان به #فروشگاه_اینترنتی شما ممکن است در همان اولین بازدید خرید کنند. حداقل کار ممکن که برای 97% دیگر میتوان انجام داد، دریافت اطلاعات تماس آن ها مثلا ایمیل ⁣قبل از خروج است تا بتوان آن ها را به مشتریان بالقوه تبدیل کرد.

برای این کار می توان از #exit_popup ها یا همان پنجره های خروج استفاده کرد. در پنجره خروج می توانید یک کد تخفیف جهت اولین خرید یا هزینه رایگان ارسال برای آن هایی که ایمیل خود را وارد می کنند را ⁣پیشنهاد دهید.

#marketing #ecommerce

⁣✅@coderszone

⁠⁣⁣⁣🔥 تا به حال به این نکته توجه کرده اید که چرا کمپانی های بزرگی همچون #facebook، #twitter ، #Paypal و... رنگ آبی را برای خود انتخاب کرده اند؟

دلیل ساده است: آبی یک رنگ خنثی از نظر جنسیتی است که تقریبا همه مردان و زنان به آن علاقمندند. در نتیجه انتخاب رنگ آبی می تواند گزینه ای مناسب برای #اپلیکیشن شما نیز باشد.

#UI #X #frontend #application

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 در طراحی #tab_bar ها برای #app های موبایل، تنها به #آیکن ها
بسنده نکنید و از متن هایی که نشان دهنده عملکرد آن ها هستند نیز استفاده کنید.

عدم استفاده از آیکن ها، تردید کاربران برای لمس سایر تب ها را بیشتر می کند و ممکن است با لمس یک #tab با محتوایی که مد نظر آن ها نبوده است مواجه شوند.

#frontend #UI #UX #android #iOS

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 #طرح خلاقانه به کارگیری #radio_button ها

🌐https://goo.gl/hfRaST

#frontend #UI

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 #فریمورک #VueJs با حدود 124 هزار star و 18 هزار fork در #github عنوان محبوبترین پروژه #frontend در سال 2018 را به خود اختصاص داده است.

#UI #javascript

✅ @coderszone