زیبایی بصری سایت
شما یک وبسایت جدید طراحی کرده و از آن هیجان زده‌اید. همچنین ساعت‌ها وقت خود را صرف کوچک‌ترین جزییات کرده‌اید، فونت مناسب را پیدا کرده و آیکون‌ها را بالا و پایین کرده‌اید. یک پالت رنگی دلپذیر و خلاقانه را به تصویر کشیده‌اید. فکر می‌کنید کدام طرح sketch بسیار عالی است. آیا این کار ارزش وقت گذاشتن را دارد؟
شما یک جلسه تشکیل می‌دهید تا طرح خود را به توسعه دهنده خود واگذار کنید و ایده‌های جالب خود را به آن‌ها نشان می‌دهید، به برخی از سؤالات پاسخ می‌دهید، سوالاتی می‌پرسید و غیره. چند هفته بعد برنامه نویس شما سایت تکمیل شده را تحویلتان می‌دهد. خوب به نظر می‌رسد، اما همه چیز کاملاً درست نیست. مطمئناً با طرح اولیه مطابقت دارد ولی به دلایلی تکمیل نیست. مشکل چیست؟
هنگامی که من شروع به توسعه وبسایت کردم، سایتی را برای محصولات ایجاد کردم، اما نمی‌دانم چرا زیبایی allbirds را نداشت. اما با گذشت زمان، ترفندهایی را یاد گرفتم که کمک کرد وبسایت‌های فوق‌العاده‌ای را طراحی کنم. دفعه بعد که تصمیم برای طراحی سایت گرفتید، این ۶ مورد ساده را به کار بگیرید.
روی لینک‌ها و دکمه‌ها Transitions بگذارید
بیش از یک میلیون روش وجود دارد که می‌توانید انیمیشن‌های خلاقانه و متحرک بر روی لینک‌های خود اضافه کنید. صادقانه بگویم، حتی با افزودن کمی تغییر در hover سطح وبسایت‌تان بالاتر می‌رود.
به جای پنهان کردن آیتم‌ها، از محو کردن (Fading) استفاده کنید
سعی کنید از کتابخانه jQuery استفاده کنید و به جای پنهان کردن ناگهانی عناصر، از اسلاید و فیدینگ بهره ببرید. این یک تجربه خوشایند را برای کاربر به ارمغان می‌اورد.
بارگذاری فونت
می‌دانید وقتی برای اولین‌بار یک وبسایت را باز می‌کنید، برای مشاهده فونت اصلی چند ثانیه طول می‌کشد، به این صورت که ابتدا صفحه اول با یک فونت پیش فرض مثل Times New Roman نمایش داده می‌شود و بعد جی‌کوئری فونت اصلی را بارگذاری می‌کند. این روش در سال‌های اخیر معمول نبود، اما اگر آن را به کار ببرید، به سرعت لود وبسایت‌تان کمک خواهد کرد.
بارگذاری صفحه
اگر سایتی با تصاویر سنگین دارید و یا کاربران شما اینترنت کندی دارند، زمان بارگذاری صفحه ممکن است طولانی شود و اگر بیش از چند ثانیه طول بکشد، قطعا برای کاربران خسته کننده است. پس چرا این انتظار بارگذاری را به یک تجربه لذت بخش تبدیل نکنید؟ شما می‌توانید یک انیمیشن سرگرم کننده طراحی کنید و از آن به عنوان لودر صفحه استفاده کنید.
فرم‌ها
فرم‌ها تنها بخش تعاملی یک وبسایت هستند و اجرای یک فرم نرم و متحرک ممکن است کمی کار را برای توسعه دهندگان سخت کند اما واقعا ارزش این را دارد.
حرکت صفحه
سرانجام یکی از جالب‌ترین و در عین حال زمان‌برترین ترفندها transition صفحه AJAX است. آیا تا به حال تعجب نکرده‌اید که چرا هنگام کار با برخی از سایت‌ها حس خوبی به شما دست می‌دهد و بالعکس برخی دیگر شما را منزجر می‌کنند. این به خاطر Ajax Page Transition است که در صورت به کار بردن آن احساس راحتی می‌کنید.
امیدوارم این مقاله به شما کمک کند تا بتوانید جلوه خوبی را به سایت‌تان بدهید.
منبع: راکت