طراحي ريسپانسيو (Responsive Design) يا واكنشگرا مربوط به تغيير ظاهر صفحات سايت متناسب با سايز مرورگر كاربران است. يعني ظاهر وبسايت در تمام دستگاههايي كه كاربر با آن از سايت ديدن ميكند (مثل موبايل، تبلت، لپتاپ و..)، مناسب باشد.
امروزه كاربران با موبايل، تبلت، لپتاپ و.. از اينترنت استفاده ميكنند. صفحات وب بايد به گونهاي باشند كه كاربر موقع استفاده از آن نياز به زوم كردن، اسكرول كردن افقي و… را نداشته باشد، متنها خوانا و دكمهها قابل كليك باشند.
در نمايشگر موبايل و تبلت چينش عناصري كه در نمايشگر كامپيوتر بوده تغيير كرده است تا براي بيننده رابط كاربري مناسبتري را ايجاد كند.
در طراحي ريسپانسيو طراح سايت بايد بر حسب تجربه و خلاقيت خود براي هر سايز از صفحه يك طرح مناسب در نظر بگيرد. ب
صفحهي وب در نمايشگر لپتاپ داراي سايدبار و يك منو در عرض صفحه است. اين صفحه بايد در نمايشگر گوشي ظاهر جمعتري داشته باشد.
ظاهر عناصر اين صفحه در نمايشگر گوشي كمي تغيير كرده است. عناوين منو زير هم قرار ميگيرند و با يك دكمه باز و بسته ميشوند. بخش سايدبار نيز از كنار صفحه حذف و مطالب آن به انتهاي صفحه منتقل شدهاند.
در واقع واكنشگرايي، يك تكنولوژي است كه طراحي صفحه با توجه به سايز مرورگر به صورت اتوماتيك تغيير ميكند.
چرا واكنشگرا بودن سايت مهم است؟
ريسپانسيو بودن صفحات باعث ميشود كاربر حين مراجعه به سايت، تجربهي بهتري داشته باشد. بدون نياز به زوم كردن در صفحه تمام مطالب را بخواند، تصاوير را ببيند به گونهاي كه استفاده از وبسايت براي او آزاردهنده نباشد.
همچنين واكنشگرايي صفحات اثر بسيار خوبي در سئو خواهد داشت. گوگل به وبسايتهايي كه براي كاربران خود ارزش قائل شده و براي راحتي آنها طراحي مناسبي دارند، بيشتر توجه ميكند! يعني شانس شما براي قرارگيري در سطرهاي اول از نتايج جستجو بيشتر ميشود.
چگونه يك سايت ريسپانسيو داشته باشيم؟
صفحات سايت حين برنامه نويسي بايد به صورت واكنشگرا طراحي شوند. اين برنامه نويس است كه هنگام طراحي سايت تعيين ميكند عناصر HTML در هر نمايشگر چگونه كنارهم قرار بگيرند. مثلاً اگر عرض صفحه از ۴۲۵ پيكسل كمتر باشد مشخص است كاربر با موبايل وارد سايت شده و بايد عناصر صفحه به گونهاي كنارهم قرار بگيرند كه صفحهي سايت در اين عرض بهترين ظاهر را داشته باشد.