اگرچه تعداد وب سایت های بدون بهینه سازی تلفن همراه در حال کاهش است ، اما برخی از آنها فقط برای دسکتاپ طراحی شده اند. متأسفانه سرویس وب قبلی "بسیج" گوگل متوقف شده است. جانشین معنوی این سرویس Google Weblight است که بر اساس بهینه سازی برای ارتباطات کند طراحی شده است تا اینکه سایت ها را برای مشاهده در موبایل تجدید نظر کند. فراتر از خدمات Google ، تعدادی شیوه و ابزار وجود دارد که هنگام توسعه یک سایت با در نظر گرفتن تلفن همراه باید مورد توجه قرار گیرد.
مراحل
قسمت 1 از 2: آزمایش با Google Weblight
مرحله 1. نحوه عملکرد Weblight را تجزیه و تحلیل کنید
Weblight یک الگوریتم است که توسط Google ایجاد شده است تا بارهای سریعتر و سبک تر را در شرایطی که شبکه در شرایط نامناسب قرار دارد به کاربران ارائه دهد. این بدان معناست که Weblight هیچ رابط کاربری ندارد و در پشتیبان کار می کند. صفحات از عناصر پیچیده تر محروم می شوند ، و تجربه ای کم وزن و سبک را ارائه می دهند ، نه آنکه به طور صریح برای پلت فرم تلفن همراه بهینه شده باشد.
مرحله 2. تغییرات سایت را با Weblight آزمایش کنید
در دستگاه تلفن همراه خود ، URL آدرس سایت خود را به انتهای آدرس چراغ وب اضافه کنید (به عنوان مثال اگر وب سایت شما "mywebsite.com" است ، https://googleweblight.com/؟lite_url=https://mywebsite.com را وارد کنید) صفحه نسخه ساده شده اما کاربردی خود را بارگذاری می کند. با عناصر حذف شده ، برخی از سایت ها ممکن است در صفحه نمایش دستگاه های تلفن همراه بسیار بهتر ظاهر شوند.
مرحله 3. محدودیت ها را بشناسید
به خاطر داشته باشید که این یک ابزار مبدل صریح نیست که برای تعامل کاربر طراحی شده است. در حالی که ورود دستی به وب سایت را می توان به صورت ناچیز استفاده کرد ، Weblight برای سرعت طراحی شده است ، نه قابلیت استفاده.
قسمت 2 از 2: طراحی برای سازگاری با موبایل
مرحله 1. محدودیت های دستگاه تلفن همراه را در نظر داشته باشید
دستگاه های تلفن همراه دارای چند جنبه هستند که آنها را از سایر دستگاه های رومیزی متمایز می کند. این ویژگی های اصلی باید ملاحظات اصلی هنگام ایجاد یک سایت برای مصرف تلفن همراه باشد.
- صفحه نمایش های کوچک و عمودی: اگرچه وضوح صفحه نمایش در دستگاه های تلفن همراه به طور مداوم در حال بهبود است ، اما اندازه و عامل شکل نگرانی طراحی سایت است. طراحی سایت در قالب یک ستون برای تلفن ها بهترین است (تبلت ها اغلب می توانند از سایت های رومیزی بدون مشکل زیاد استفاده کنند).
- رابط های لمسی: عناصر صفحه باید با توجه به اندازه یک انگشت در نظر گرفته شوند. عناصری که از ماوس استفاده می کنند باید برای لمس به حداقل برسد یا دوباره طراحی شود (به عنوان مثال منوهای کشویی).
- سرعت داده ها: یکی از مزایای بزرگ دستگاه های تلفن همراه استفاده خارج از محدوده wifi است ، اما اتصالات داده معمولاً کندتر و کمتر قابل اعتماد هستند. رابط کاربری (UI) باید ساده باقی بماند و محتوا باید قابل مشاهده و در دسترس باشد. شلوغی بیش از حد زمان بارگیری را مختل کرده و ناوبری را دشوار می کند.
مرحله 2. از خدمات سیستم مدیریت محتوا (CMS) استفاده کنید
برای کسانی که با منابع کمتری توسعه می یابند ، استفاده از سرویس CMS مانند Wordpress یا Squarespace یک گزینه عالی برای طراحی تلفن همراه کم هزینه و کاربر پسند است. تم هایی که از طراحی وب سایت واکنش گرا استفاده می کنند ، ساده ترین الگو را برای یک سایت تلفن همراه ارائه می دهند.
طراحی وب سایت واکنش گرا یک نظریه طراحی وب است که استفاده از عناصر طراحی روان را برای انتقال آسان طراحی و قابلیت استفاده در سراسر سیستم عامل ها ترویج می کند
مرحله 3. صفحه نمایش دستگاه های تلفن همراه را با استفاده از نرم افزار رومیزی آزمایش کنید
تعدادی برنامه وب رایگان وجود دارد که به شما امکان می دهد از دستگاه های تلفن همراه برای آزمایش زیبایی و عملکرد وب سایت تقلید کنید. استفاده از این ابزارها به آسانی انتخاب دستگاه آزمایشی مورد نظر و سپس ورود به وب سایت مورد نظر برای پیش نمایش است. اکثر آنها شامل ابزارهایی برای متغیرهایی مانند جهت صفحه ، تراکم پیکسل یا حتی انتخاب مرورگر خواهند بود. چند نمونه معروف عبارتند از:
- شبیه ساز حالت دستگاه Chrome
- mobilephoneemulator.com
- screenfly (زیر مجموعه ابزارهای quirktool)
- mobiletest.me (عضویت پولی)
