اصول طراحی سایت واکنش گرا ( ریسپانسیو )

طراحی سایت واکنش گرا ( ریسپانسیو ) چیست ؟

ریسپانسیو به معنای پاسخ گرا یا واکنشی می باشد. به این معنا که طراحی سایت به گونه‌ای می باشد که در صفحات مختلف و ابزارهای متفاوت سایت به درستی نمایش داده می شود، به عنوان مثال زمانی که شما از طریق گوشی یا تبلت سایت را تماشا می کنید ساختار ظاهری سایت به گونه ای تغییر پیدا می کند که قابلیت پیمایش سایت در این ابزارها به راحتی فراهم گردد. از طرفی در مانیتورهای با رزولوشن بالا نیز سایت به گونه‌ای مناسب نمایش داده می شود و به عبارت دیگر کاربران با هر ابزاری سایت شما را تماشا می کنند از محتوا و ظاهر سایت شما کمال استفاده را خواهند برد.


http://jahansite.com/wp-content/uplo...arahi-site.jpg

در سال 2015 این که یک وبسایت بدون واکنش گرایی یا همان قابلیت Responsive طراحی شود غیر قابل تصور است. اصطلاح واکنش گرایی در بین بیشتر طراحان وب سایت به گونه ای رواج پیدا کرده که دیگر کسی نمیگوید " طراحی سایت واکنش گرا" فقط میگویند " طراحی سایت" که در حال حاضر منظور از این دو دقیقاً یک منظور است

تکنیک های طراحی سایت ریسپانسیو از کجا آمده ؟


http://jahansite.com/wp-content/uplo.../webdesign.jpg

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


طراحی سایت Responsive تنها راه زنده ماندن وب


http://jahansite.com/wp-content/uplo...16/09/03-1.jpg

با سرعت فزآینده تغییرات در وب، ارقام و آمارها همیشه از رده خارج هستند و نمیتوانیم به عنوان یک سند برای حال حاضر به آن ها رجوع کنیم. اما اکثر تحلیل گران بر این باورند که وب موبایلی به سرعت به 50 درصد از ترافیک بازدید وب سایت ها دست پیدا خواهد کرد. با این رشد طراحی سایت واکنش گرا به یک اصل اقتصادی نیز تبدیل می گردد، زیرا ما میتوانیم برای این تعداد از ابعاد صفحات نمایش، صدها سایت را طراحی کنیم ( اگر نگوییم هزاران سایت) که البته زمان و مخصوصاً هزینه آن بسیار بالا خواهد بود، و یا میتوانیم طراحی واکنش گرا را انتخاب نماییم! این است که میگوییم طراحی سایت واکنش گرا تنها راه زنده ماندن وب است، مخصوصاً در آینده. تا اینجا میدانیم که این یک نیاز است، اما باید بدانیم که طراحی سایت Responsive هم مانند بسیاری دیگر از طراحی ها برای بقا و پاسخگویی به نیازهای جدید همواره در حال به روزرسانی خواهد بود.

طراحی واکنش گرا برای دستگاه های پوشیدنی یا Wearables ( مانند اپل واچ )
http://jahansite.com/wp-content/uplo...esponsive1.png

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

آینده طراحی سایت واکنش گرا

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