⁣⁣⁣⁣⁣⁣🔥 در طراحی صفحات 404 تنها به نمایش یک پیغام ساده که هیچ کمکی به #کاربر نمی کند اکتفا نکنید.

5 آیتم زیر باید در یک صفحه 404 گنجانده شود:

💡 مطالب و محتواهای دیگری به کاربر پیشنهاد کنید.

💡 یک #search_bar در اختیار او قرار دهید.

💡 منوی اصلی #سایت در دسترس باشد.

💡 لینک صفحات محبوب و پربازدید را قرار دهید.

💡 لینک به صفحه اصلی فراموش نشود.

#UI #frontend #UX

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 هیچ گاه برای نمایش متون در صفحات #وب از سایزهای کوچکتر از 16px استفاده نکنید. 16px تقریبا هم اندازه متون چاپی کتاب ها و مجلات است که چشم کاربران بهترین سازگاری را با آن ها دارد.

#UX #UI #frontend

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 هنگام پیمایش #collection ها در #لاراول در صورتی که می خواهید یک عملیات ساده را بر روی عناصر آن انجام دهید، می توانید از خاصیت each به جای #method آن استفاده کنید.

#backend #laravel #php #tips #trick

⁣✅ @coderszone

⁣⁣⁣🔥⁣جواهری به‌ نام دولوپر که در آینده‌ای نه‌ چندان دور حرف اول و آخر را خواهد زد!

🌐⁣https://goo.gl/s47An6

#programming

✅@coderszone

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

#UI #UX #frontend

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 این هم حال و روز #update های جدید #اپ ها 😄😄

#programming #fun

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 #گوگل لیستی از محبوب ترین کلمات جستجوشده در سال 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