🔥#سبد_خرید در تمامی صفحات باید قابل مشاهده باشد.

آیکن سبد خرید باید کاملا برجسته و در تمامی صفحات در دسترس باشد.همیشه افراد باید بتوانند با کلیک بر روی آن سفارشات خود را نهایی کنند.

علاوه بر این کاربران باید هر لحظه ببینند که چه تعداد آیتم در سبد خریدشان است.

#UI #frontend #UX

✅@coderszone

🔴 #کارگاه_تخصصی آنلاین مهارت های UI /UX در تلگرام

➕ از مبتدی تا پیشرفته

➕ مناسب برای #طراحی_سایت و #اپلیکیشن

🔥به همراه هزاران #نکات_آموزشی رایگان و #معرفی_ابزارهای به روز این حوزه برای طراحان

😎 به جمع حرفه ای ها بپیوند و #درآمد_میلیونی کسب کن.

👇🏽👇🏽👇🏽
@UIUXWorkshop

⁣⁣⁣⁣⁣⁣🔥 ۶ ابزار برتر تست تجربه کاربری که باید از آن‌ها استفاده کنید.

🌐⁣https://goo.gl/ZEqjMi

#article #UX #UI #frontend

✅ @coderszone

🔥همیشه به اکشن های کاربر #feedback بدهید.

زمانی که کاربر بر روی یک دکمه کلیک (لمس) می کند، منتظر بازخورد می ماند. بسته به نوع اکشنی که انجام می گیرد نوع فیدبک نیز می تواند بصری یا صوتی باشد.

زمانی که به کاربر #فیدبک ندهید، او نیز به خیال اینکه فرمانش را دریافت نکرده اید، آن عمل را تکرار می کند که این به نوبه خود مشکلات دیگری ایجاد خواهد کرد.

#UI #frontend #UX

✅ @coderszone

⁣🔥 حتما از #breadcrumbs در وبسایت خود استفاده کنید.

آن ها به عنوان مکانیزم پیمایش ثانویه (بعد از منوی اصلی وبسایت)، نه تنها به کاربر کمک می کنند که بداند الان در کجا قرار دارد و چگونه میتواند به جایی که بوده اند برگردد، جزء پارامترهایی هستند که به #SEO سایت نیز کمک می کنند.

در واقع breadcrumbها به #گوگل نشان می دهند که ساختار سایت شما به چه صورت است و بدین شکل به فرآیند #index شدن صفحات کمک می کنند.

#tips #frontend #backend

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 نمونه #طرح الهام بخش برای طراحی فرم #Sign_in به همراه Sign-up و #forgot_pass

#UX #UI #frontend #inspiration

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 با سرویس remove.bg می توانید Background عکس های خود را در کمتر از 5 ثانیه حذف کنید.

🌐⁣https://www.remove.bg

🌟در پیاده سازی این سایت از #python و #ruby استفاده شده است.

#technology

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 در صورتی که می خواهید در یک صفحه طولانی، به عنصر خاصی اسکرول کنید و آن را در مرکز #viewport مرورگر قرار دهید می توانید از دستور زیر استفاده کنید :

Element.scrollIntoView()

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

🌐 نمونه کاربرد : https://goo.gl/J82Y19
🌐اطلاعات بیشتر : https://goo.gl/oX8VSB

#javascript #frontend

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 می توان با نگه داشتن #shift و کلیک بر روی دایره رنگی خاصیت color در #DevTools مرورگرهای #chrome و #firefox ، فرمت نمایشی رنگ را تغییر داد.

#tips #frontend #browser

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 در صورتی که کاربران در 30% از مواقع، از حالت #landscape #اپ شما استفاده می کنند، شما نیز باید برای این حالت #اپلیکیشن خود را طراحی کنید. اما متاسفانه بسیاری از توسعه دهندگان، #اپ را فقط در حالت #portrait تست می کنند.

برای اپ های مرتبط با حمل و نقل و رانندگی، مالی، کتاب و اکثر بازی ها ، مد #landscape بهترین حالت به شمار می رود.

#UI #UX #frontend #android #iOS

⁣✅ @coderszone

🌟 بر طبق آمار ، دلیل اصلی منصرف شدن مشتریان از خرید، مواجه شدن آن ها با هزینه های غیر منتظره است.

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

🔴حدود 69% افراد ترجیح می دهند از فروشگاه هایی خرید کنند که پیشنهاد "ارسال رایگان" دارند. در واقع 61% از خریداران در صورت عدم پیشنهاد "ارسال رایگان" به آنها از خرید خود منصرف می شوند.

#marketing

https://goo.gl/Qjxnhj

✅@coderszone

یکی از راهکارهای ساده برای جدا کردن گروهی از عناصر استفاده از فاصله های زیاد است. به جای استفاده از border میتوانید برای جدا سازی گروه عناصر فاصله آن ها از همدیگر افزایش دهید.
#UI #UX
✅@coderszone

🔥سرعت #VSCode و #Sublime تقریبا یکسان است تا اینکه می خواهید بین پروژه های مختلف و فایل های با تعداد خط کد زیاد جابجا شوید.

#programming

✅@coderszone

🔥نمونه #طرح الهام بخش خرید و رزرو صندلی پرواز

#UI #UX #inspiration

✅@coderszone

⁣🔥نمونه #طرح الهام بخش #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