ریسپانسیو
Responsive که در فارسی با واژهی واکنشگرا هم مطرح میشود.
روشی برای طراحی وب است که باعث میشود صفحات وب در انواع دستگاهها و اندازههای صفحه نمایش به خوبی ارائه شوند.
به این معنی که ظاهر وبسایت در تمام دستگاههایی که کاربر با آن از سایت دیدن میکند (مثل موبایل، تبلت، لپتاپ و..)، مناسب و بهینه باشد.
صفحات وب باید به گونهای باشند که کاربر موقع استفاده از آن نیاز به زوم کردن، اسکرول کردن افقی و… را نداشته باشد، متنها خوانا و دکمهها قابل کلیک باشند.
-
طراحی ریسپانسیو
در طراحی ریسپانسیو طراح سایت باید بر حسب تجربه و خلاقیت خود برای هر سایز از صفحه یک طرح مناسب در نظر بگیرد.
به تصویر بعدی توجه کنید.
این صفحهی وب در نمایشگر لپتاپ دارای سایدبار و یک منو در عرض صفحه است.
این صفحه باید در نمایشگر گوشی ظاهر جمعتری داشته باشد.
-
طراحی واکنش گرا
عناوین منو زیر هم قرار میگیرند و با یک دکمه باز و بسته میشوند.
بخش سایدبار نیز از کنار صفحه حذف و مطالب آن به انتهای صفحه منتقل شدهاند.
در واقع واکنشگرایی، یک تکنولوژی است که طراحی صفحه با توجه به سایز مرورگر به صورت اتوماتیک تغییر میکند.
-
چرا واکنشگرا بودن سایت مهم است؟
ریسپانسیو بودن صفحات باعث میشود کاربر حین مراجعه به سایت، تجربهی بهتری داشته باشد. بدون نیاز به زوم کردن در صفحه تمام مطالب را بخواند، تصاویر را ببیند به گونهای که استفاده از وبسایت برای او آزاردهنده نباشد.
همچنین واکنشگرایی صفحات اثر بسیار خوبی در سئو خواهد داشت.