⁣🔥نمونه #طرح الهام بخش #notification با قابلیت mark as read
#UI #UX #frontend #android

✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 آیا می دانستید جستجوی یک عبارت ساده در #گوگل، 1000 کامپیوتر را در مدت 0.2 ثانیه به کار می گیرد؟

#SEO #search_engine #google

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 ۷ سرگرمی و #بازی مناسب برای شب یلدا

🌐⁣https://goo.gl/o8wk5p

#article

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 تگ <H1> یکی از فاکتور های مهم #SEO است که علاوه بر اینکه بر روی رتبه #سایت تاثیر دارد به #موتور_جستجو نیز کمک می کند که اطلاعات دقیقی از محتوای صفحه به دست آورند.

متاسفانه تعداد بسیار زیادی از #وبسایت ها از به کارگیری درست این تگ ها آگاهی ندارند.

#SEO #digital_marketing #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 به جای استفاده از #label های معمولی همچون Ok، Cancel، Submit و ... برای دکمه ها، از لیبل هایی استفاده کنید که به کاربر نشان می دهد با زدن آن دکمه چه اتفاقی خواهد افتاد.

همان طور که در تصویر نیز مشاهده می کنید به جای استفاده از واژه #Submit از Request a Cab (درخواست تاکسی) استفاده شده است.

#UI #UX #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 ۱۰ #ابزار جدید برای طراحان #وب در سال ۲۰۱۸

🌐⁣https://goo.gl/7KyabM

#frontend #UI #UX

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 پیش بینی ها نشان می دهد در سال 2019 زمانی را که کاربران در نسخه های موبایل وبسایت ها (#mobile_apps) سپری می کنند "2 ساعت و 43 دقیقه" و در نسخه #responsive آن ها تنها "27 دقیقه" خواهد بود.

🌟منظور از #mobile_app ، نسخه اپلیکیشن های #android و #iOS وبسایت هاست.

#digital_marketing #frontend #android #iOS

⁣✅ @coderszone

به جای استفاده از size فونت همیشه از weight یا color در ساختار های سلسله مراتبی(hierarchy) استفاده کنید.
#UI #UX #frontend

✅ @coderszone

⁣🔥نمونه #طرح خلاقانه #دکمه فعال سازی

#UI #UX #frontend

✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 طراحی، محل قرارگیری دکمه‌ها و تایپوگرافی صفحه‌ی پروفایل #اینستاگرم تغییراتی کرده است که به زودی به صورت سراسری اعمال می گردد.

#frontend #UI #UX #instagram

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 وضعیت نوتیفیکیشن #گوشی کسی که ۸ میلیون دنبال‌کننده در #اینستاگرام داره😆😆

#instagram

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 نمونه #طرح کاربر خلاقانه #انیمیشن ها در طراحی یک #input

#UI #frontend #android #iOS

⁣✅ @coderszone

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

💡مطالعات نشان میدهد، افزودن این دکمه ها در #سایت یا #اپلیکیشن ها احتمال به اشتراک گذاری محتوا را تا 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