طراحی وبسایت روان (liquid design) چیست؟ :

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

طراحی وبسایت روان (liquid design) چیست؟

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

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

مطلب مرتبط:Accelerated Mobile Pages یا AMP چیست؟

چرا باید طراحی وبسایتم روان و واکنش گرا باشد؟

چون امروزه با فراگیر شدن و راحتی تلفن های همراه اکثر کاربران از گوشی موبایل خودشان برای وبگردی استفاده میکنند و شما با طراحی واکنش گرا و روان,وبسایتتان را بهتر جلوه میدهید و کابران نیز از این راحتی لذت میبرند .

ولی اگر وبسایتتان واکنش گرا و روان نباشد کاربران مجبور به اسکرول و یا زوم کردن میشوند که این راحتی کاربر را مختل میکند. و همینطور نکته ای که اینجا هست این است که : گوگل الگوریتمی جدید برای وبسایت ها ارایه کرده که از این قرار است : اگر وبسایتی واکنش گرا نباشد رتبه گوگل آن پایین خواهد آمد و…پس بهتر است وبسایتتان را واکنش گرا بسیازید !!

تفاوت طراحی سایت روان و ثابت:
طراحی روان و طراحی ثابت(Fixed) قطعا تفاوت های بسیاری دارن که ما برخی از تفاوت های ظاهری اون ها رو در زیر توضیح می دهیم.

• تفاوت Layout در طراحی سایت روان و ثابت:

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

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

کلام آخر

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