تبلیغات
طراحی سایت - طراحی سایت ریسپانسیو یا اداپتیو؟!

طراحی سایت ریسپانسیو یا اداپتیو؟!

یکشنبه 7 آذر 1395 09:55 ب.ظ

نویسنده : نوین رسانه
ارسال شده در: روش های طراحی سایت ، نکاتی برای طراحان وب ، طراحی سایت ،

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


اوایل که تازه مردم برای وبگردی از تلفن های همراهشون استفاده می کردن، برای اینکه سایت ها رو تو گوشی ها هم بشه نمایش داد، باید یه دامنه کاملا جدا برای موبایل در نظر میگرفتیم و در نتیجه یه سایت جدا برای موبایل داشتیم. وقتی کاربر میخواست وارد یکی از صفحات بشه، سایت نوع دستگاه کاربر رو تشخیص میداد و بسته به اطلاعاتی که از مرورگر میگرفت سایت موبایلی یا سایت مخصوص دسکتاپ رو باز می کرد. (اینجور مواقع کاربر تلفن همراه به یه زیردامنه فرستاده میشه، مثلا m.yourwebsite.ir).
اما امروز دیگه از این روش استفاده نمیشه. دلایل مختلفی داره، اما بیشتر بخاطر اینکه مدیر سایت اونطوری مجبوره دو تا سایت رو نگهداری کنه و در نتیجه توسعه اولیه سایت خیلی گرون تر میشد. به علاوه باید مواظب باشه که صفحات مخصوص موبایل و دسکتاپ درست بهم لینک شده باشن، یعنی ویرایش مطالب هم سختتره. الآن به جای این کار از دو روش دیگه استفاده می کنن: طراحی واکنش گرا و طراحی تطبیقی.

  • طراحی واکنش گرا / responsive

طراحی واکنش گرا از یه نام دامنه برای محتوای موبایل و دسکتاپ استفاده می کنه و روی دستگاه های مختلف HTML یکسانی رو نشون میده. اما برای تغییر قالب صفحه از CSS استفاده می کنه (CSS یه زبان برنامه نویسیِ که برای نمایش اطلاعاتی که به زبان نشانه نوشته شدند از الگوهای آبشاری استفاده می کنه). مزیت اصلی این طراحی اینه که مدیر سایت فقط باید یه سایت رو مدیریت کنه – ویرایش اطلاعات برای تمام کاربرها از یه قسمت انجام میشه و در نتیجه هزینه توسعه اولیه سایت پایین میاد و مدیریت محتوا راحتتره.
با طراحی واکنش گرا خیالتون راحته که با تمام دستگاه ها محتوای یکسانی نشون داده میشه (البته با قالب های مختلف). اندازه تمام صفحه های نمایش به خمولا دستگاه های تلفن همراه وضوح بالایی لازم ندارن، اما مجبورن گرافیک هایی رو که بزرگتر از حد نیازشونه و برای کاربر نمایش داده نمیشه رو هم دانلود کنن.
بیشتر سایت هایی که ما تو گروه دارکوب طراحی می کنیم واکنش گرا هستند. برای اینکه با طراحی تطبیقی و مزایا و معایبش آشنا بشید با ما همراه باشید:

  • طراحی تطبیقی / adaptive

 به طراحی تطبیقی، "واکنشگرا 2.0" هم میگن. این مدل طراحی به کمک جاوااسکریپت و کشف سرور سایت، دستگاه کاربر رو هدف میگیره. بهش "میزبانی پویا یا دینامیک" هم میگن. میزبانی پویا به هر دستگاهی کدها و رسانه های مختلفی میفرسته (البته این هم خودش کار رو پیچیده میکنه و برای همین هزینه توسعه اولیه سایت بالا میره).
با همه این ها، حتی گوگل هم میگه این روش هدف گیری دستگاه ها مستعد خطا و اشتباهه و نگهداری سخت و هزینه بری داره. 
بنابر این به نظر میرسه حتی با وجود اینکه تکنولوژیش خیلی پیشرفته تره، اما اجراش نشدنیه.
گوگل ادعا کرده که راه حل این مشکل رو داره: پروژه AMP.
AMP یه قالبِ بازه که گوگل از فناوری های موجود ساخته. یه طراحی تطبیقی که فقط اونطوری که گوگل میخواد خودشو مطابقت میده. گوگل همیشه به فناوری های پیشرفته اهمیت میداده و الآن هم شما رو با  جاوااسکریپت و HTML ساختاربندی شده تو فناوری گیر میندازه. ضمنا برای اینکه استفاده از این پروژه رو همه گیر کنه، تصمیم داره سرورهای کش رو باز کنه تا به طور رایگان در دسترس همه قرار بگیره.
ما هم تصمیم داریم فناوری AMP رو به خدمات دارکوب اضافه کنیم تا سریعترین تجربه کاربری رو به کاربرهای سایت شما هدیه کنیم. به محض اینکه این فناوری از طرف گوگل رایگان ارائه بشه همه گیر میشه و برای همه سایت ها به عنوان یه استاندارد در نظر گرفته میشه.
فعلا به نظر میرسه که AMP مطمئن ترین روشیه که میشه با خیال راحت برای بارگذاری صفحات روی گوشی استفاده کرد تا هم سرعت لود رو بالا ببریم و هم خودی به گوگل نشون بدیم. از اونجایی که گوگل همیشه به چیزی که میخواد میرسه، پس بهتره در آینده به محض اینکه امکان استفاده از این فناوری بوجود اومد، شما هم برای سایتتون بکار ببریدش.




دیدگاه ها : () 




برچسب ها: طراحی سایت رایگان ، طراحی سایت آنلاین ، طراحی سایت از صفر تا صد ، طراحی سایت استاتیک ، نرم افزار طراحی سایت ، نرم افزار طراحی سایت بدون کدنویسی ،
آخرین ویرایش: یکشنبه 7 آذر 1395 10:02 ب.ظ



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