کلمه طراحی ریسپانسیو در فضای وب، به آن دسته از سایت هایی اشاره می کند که قادرند ظاهر خود را برای انواع صفحه نمایش تغییر دهند (صفحه هایی نظیر تبلت ها، گوشی های هوشمند، آیپد، کامپیوترهای دسکتاپ، لپتاپ و غیره) . طراحی ریسپانسیو بعضاً با نام هایی نظیر طراحی روان، طراحی وبسایت سازگار و یا RWD نیز شناخته می شود. سایت هایی که طراحی ریسپانسو ندارند، نمی توانند نسبت به سایزهای مختلف صفحه نمایش تغییر کرده و رابط ویژه آن را ارائه دهند. و این موضوع باعث می شود تا پیمایش صفحات و خواندنشان در دستگاه های کوچکتر، دشوار شود. در این مقاله، قصد داریم تا با موستانگ به ضرورت طراحی ریسپانسیو برای وبسایت مان بپردازیم. پس با ما همراه باشید.
آنچه امروزه می بینیم این است که خرید و فروش موبایل از کامپیوترهای رومیزی پیشی گرفته است. بیشتر ارائه دهندگان سرویس های آموزشی می گویند که استفاده از فضای وب توسط موبایل نسبت به کامپیوتر بیشتر شده است. بنابرین، منطقی به نظر می رسد اگر سرچ کردن توسط موبایل نیز از کامپیوتر پیشی گیرد. 60 درصد از کاربران وب گفته اند که بیشتر تمایل دارند تا از وب سایت هایی خریداری نمایند که رابط کاربریشان برای موبایل بهینه سازی شده باشد. بنابرین، کسب و کارهایی که بر پایه سئو کار می کنند، باید هر چه سریعتر به سمت توسعه سایت هایی حرکت کنند که برای موبایل بهینه بوده و طراحی ریسپانسیو داشته باشند.
طراحی ریسپانسیو چیست ؟
سایت هایی هستند که تنها برای موبایل طراحی شده اند (آن هایی که آدرسشان به .mobi ختم می شود). اگرچه، امروزه بیشتر وبسایت ها بگونه ای ریسپانسو توسعه داده می شوند که نیازی برای داشتن یک سایت مجزا برای موبایل نباشد. و این باعث می شود که تجربه کاربر در کار با سایت بسیار بهتر شده و ارتباط با کاربر و در نتیجه فروش نیز بیشتر شود. زیرا دیگر نوشته های سایت کوچک نیستند و پیمایش صفحات نیز بسیار راحت تر خواهد بود.
برای اینکه طراحی ریسپانسیو کار خودش را درست انجام دهد، ابتدا از یک کوئری (media query) استفاده می شود تا اندازه صفحه نمایشی که سایت باید روی آن نمایش داده شود ، بدست آید. این اسکریپت می تواند تمامی دستگاه ها نظیر تبلت، لپتاپ و یا گوشی هوشمند را تشخیص دهد. سپس به کمک یک css ، سایت را بطور مناسبی نمایش می دهیم. عکس ها را می توانیم سایزبندی کرده تا به شکلی مناسب روی دستگاه های کوچکتر نشان دهیم. نوشته ها را می توانیم بزرگ تر کرده و منو را نیز می توانیم به شکل کشویی (dropdown) دربیاوریم (به جای حالت افقی).
طراحی ریسپانسیو به جای نسخه موبایل
مزایای استفاده از طراحی ریسپانسیو به جای ساختن یک ورژن مختص موبایل از سایت، واضح است. هر زمان شما وبسایت خود را به روز کنید، برای تمامی دستگاه ها به روز می شود و ظاهر آن نیز به درستی نمایش داده می شود. تنها لازم است که در یک هاست عمل به روزرسانی را انجام دهید. در حالی که با داشتن نسخه موبایل مجزا، باید یک هاست دیگر هم داشته باشید و به روزرسانی را جدا در آنجا هم انجام دهید.
همچنین در موارد زیادی نیز سایت شما توسط تبلت ها مورد دسترسی قرار می گیرد. حال اگر دو نسخه از سایت، یکی برای دسکتاپ و یکی برای موبایل داشته باشید، به نظرتان تبلت داران چه نسخه ای از آن را می بینند؟ با طراحی ریسپانسیو، شما قدرت این را دارید که سایتتان را برای هر نوع دستگاهی، هر آن طور که می خواهید نمایش دهید.
بنابرین اگر هنوز از وب سایتی قدیمی استفاده می کنید، موستانگ به شما پیشنهاد می کند که طراحی یک سایت ریسپانسیو را در اولویت کارهای خود قرار دهید و کاربران خود را همچنان راضی نگه داشته و حتی به تعدادشان بیفزایید.
مرجع: computerdaily.org
یک مهندس کامپیوتر که می خواهد با موستانگ رویاهایش در دنیای فناوری اطلاعات بتازد…
