طراحی وب: Responsive یا Adaptive ؟

برای توسعه و طراحی یک وبسایت ۳ رویکرد وجود دارد: استفاده از طراحی Responsive (واکنش گرا)، استفاده از طراحی های تطبیق پذیر مشتری محور( Client Side Adaptive Designs) و طراحی های تطبیق پذیر سرور محور (Server Side Adaptive Designs).

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

طراحی وبسایت رسپانسیو

رایج ترین رویکرد در طراحی وبسایت نوع رسپانسیو آن است. این رویکرد از جستار های رسانه ای CSS  برای تعدیل کلی وب سایت استفاده می کند که بسته به اندازه صفحه نمایشگر دستگاه های مورد استفاده کاربران است. شمار سایت هایی که از این رویکرد استفاده می کنند به طور روزانه در حال افزایش است. از وب سایتBoston Globe  گرفته تا Disney.

اتخاذ این رویکرد کار طراحان را خیلی ساده کرده است زیرا می توانند از یک قالب واحد برای همه وسیله ها استفاده کنند و ارزیابی نحوه نمایش و ارائه محتوا در اندازه های مختلف صفحه نمایش را با CSS انجام دهند. این قابلیت کلیدی ترین مزیت این رویکرد برای طراحان است. علاوه بر این آنها می توانند از فناوری هایی مانند CSS و  HTML که از قبل با آنها آشنایی دارند نیزاستفاده کنند.

همانطور که گفته شد این رویکرد همه دستگاه ها را پوشش می دهد و از همین رو محبوبیت و تعداد سایت هایی که از آن استفاده می کنند روزانه در حال افزایش است.

در این رویکرد با اینکه کاربر شما تنها از یک دستگاه استفاده می کند، قبل از استفاده بایستی تمامی عناصر و منابع صفحه را بارگیری کند. ساده بگوییم، اجرا بر نتیجه نهایی تاثیر بسیار فراوانی می گذارد. در تلفن های هوشمند نرخ ریزش کاربران با یک تاخیر یک ثانیه ای در بارگذاری، ۳.۵ درصد افزایش پیدا می کند. اگر این تاخیر به ۳ ثانیه برسد بدون شک نرخ ریزش تا ۵۷ درصد افزایش خواهد یافت.

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

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

طراحی به شیوه تطبیق پذیر مشتری محور( Client Side Adaptive Designs)

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

دو رهیافت برای رسیدن طراحی های Adaptive وجود دارد، یکی هنگامی که تطبیق ها از طرف مشتری و در مرورگر او صورت می گیرد و دیگری هنگامی که سرورهای وب کار سنگین شناسایی دستگاهای مختلف و بارگذاری غالب صحیح را انجام می دهند. Threadless و Ideeli دو نمونه از سایت های Adaptive هستند. یکی از مزایای اصلی و قدرتمند استفاده از این رویکرد توانایی استفاده دوباره از یک مجموعه HTML و JavaScript در دستگاه های مختلف است.

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

از آنجایی که وظیفه تشخیص دستگاه و ویژگی ها بر عهده تلفن همراه گذاشته شده است، شبکه هایCDN مانند Akamai و Edgecast می توانند از بیشتر قابلیت های ذخیره سازی خود بدون استفاده از تجربه کاربری استفاده کنند.

منبع: OnlineThinkers