⁣⁣⁣⁣⁣⁣🔥 #گوگل لیستی از محبوب ترین کلمات جستجوشده در سال 2018 را منتشر کرد.

#google #SEO

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 لیستی از محبوبترین کتابخانه ها، فریم ورک ها و پلاگین های #جاوااسکریپت

🌐https://www.javascripting.com/?sort=rating

#UI #frontend #javascript

✅ @coderszone

⁠🔥 از دایره به جای مربع ⁣برای نمایش تصویر #پروفایل کاربران استفاده کنید.

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

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

#UI #UX #frontend

⁣✅@coderszone

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

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

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

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

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

👇🏽👇🏽👇🏽
@UIUXWorkshop

⁣⁣⁣⁣⁣⁣🔥 معرفی ۵ + ۱۰ فونت مخصوص برنامه نویسی

🌐https://goo.gl/oseKqH

#article #programming

⁣✅ @coderszone

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

#inspiration #UI #frontend

✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 بسیاری از #اپلیکیشن ها و سایت ها از #object های قابل کلیک پشت سر هم تشکیل شده اند. این گونه طراحی ها مشکلات بسیاری برای افرادی که لرزش دست دارند (مانند افرادی که به #پارکینسون مبتلا هستند) در هنگام اسکرول ایجاد می کند. اینگونه افراد با لمس هر نقطه از صفحه به دلیل لرزش های مکرر دست ممکن است به صورت ناخواسته روی یکی از #object ها کلیک کرده و به صفحات دیگر هدایت شوند.

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


#android #iOS #UI #UX #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥در #طرح فرم های دو ستونه، علاوه بر ساماندهی فرم های طولانی، می توانید فضای موجود در #اسکرین های عریض را نیز به خوبی بدون استفاده از فیلدهای دراز و بد قیافه بپوشانید.

#frontend #UI #UX

⁣✅ @coderszone

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

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

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

#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