صفحات وب که برای استفاده در دستگاه های تلفن همراه بهینه شده اند با صفحاتی که در رایانه های رومیزی و لپ تاپ ظاهر می شوند متفاوت است. صفحه‌های وب برای صفحه‌های بزرگ و کلیک دقیق ماوس طراحی شده‌اند، در حالی که صفحات وب موبایل برای صفحه‌های کوچکتر و ضربه زدن انگشت نادقیق طراحی شده‌اند.
- طراحی شده برای نمایشگرهای کوچکتر و ضربه زدن نادقیق انگشت.
- طراحی شده برای صفحه نمایش های بزرگ با کلیک دقیق ماوس.
با توجه به اینکه اکثر بازدیدکنندگان وب سایت از دستگاه های تلفن همراه انجام می شود، طراحان سایت وظیفه دارند نسخه هایی را ارائه دهند که هم با دستگاه های تلفن همراه و هم با رایانه های رومیزی کار می کنند.رایج ترین رویکرد استفاده از طراحی وب واکنشگرا است که به طور خودکار نسخه مناسب را بر اساس دستگاه و اندازه صفحه نمایش کاربر، همانطور که توسط مرورگر شناسایی می شود، ارائه می دهد.
در هر صورت، صفحات وب سازگار با موبایل از جهات مختلفی از نسخه های دسکتاپ متمایز هستند.
طراحی صفحه: صفحه نمایش موبایل فضای کمتری دارد
- نمایشگرهای تلفن هوشمند و تبلت به صورت مورب 4 تا 10 اینچ هستند.
- ویجت های منو تاشو یا قابل ارتقا معمولاً جایگزین نوارهای کناری و منوهای هدر حجیم می شوند.
- گرافیک با عرض کامل با استفاده قضایی از فاصله بین متن.
-
اکثر نمایشگرهای دسکتاپ از 19 اینچ تا 24 اینچ مورب اندازه گیری می کنند.
- پیوندهای حمایت شده و تبلیغات بنری بزرگ رایج ترند.
- متن متراکم تر با آزادی عمل بیشتر برای گرافیک.
واضح ترین تفاوت بین صفحات وب دسکتاپ و تلفن همراه، صفحه نمایش املاک است. در حالی که بیشتر مانیتورهای رومیزی حداقل 19 اینچ تا 24 اینچ قطر دارند، تبلت ها معمولاً حدود 10 اینچ هستند. مورب گوشی های هوشمند حدود 4 اینچ است. صرفاً بزرگنمایی یک صفحه وب را با موفقیت به نسخه سازگار با موبایل تبدیل نمی کند زیرا متن را ناخوانا می کند و به یک مرحله اضافی از بازدید کننده سایت نیاز دارد. همچنین، ضربه زدن دقیق روی عناصر کوچک غیرممکن می شود.
برای رفع مشکل، طراحان ممکن است نوارهای کناری و گرافیک هایی را که کاملاً ضروری نیستند حذف کنند. در عوض، از گرافیک‌های کوچکتر استفاده می‌کنند، اندازه فونت را افزایش می‌دهند و محتوا را به ویجت‌های قابل توسعه جمع می‌کنند. این محدودیت املاک و مستغلات نوع متفاوتی از تفکر را در میان طراحان وب ایجاد کرده است.
همچنین، ویجت های تاشو یا قابل ارتقاء منو معمولاً جایگزین نوارهای کناری و منوهای هدر حجیم می شوند. طراحان در تلاش خود برای محاسبه هر میلی متر از فضای صفحه نمایش، فضای سفید اضافی را حذف می کنند، در حالی که مراقب خوانایی هستند.
انبوهی از پیوندهای حمایت شده و تبلیغات بنری بزرگ فقط روی تلفن یا رایانه لوحی کوچک کار نمی کنند. در عوض، تبلیغات پاپ‌آپ کوچک در صفحات وب تلفن همراه رایج‌تر است.
طرح‌بندی‌هایی که دارای متن پیچیده شده در یک گرافیک هستند، به خوبی در دستگاه‌های تلفن همراه پخش نمی‌شوند. در عوض، طراحان اغلب به آن گرافیک ها عرض کامل صفحه را می دهند و متن را در زیر یا بالا اجرا می کنند. به طور مشابه، طراحی وب خوب، متن را برای خوانایی به قطعات تقسیم می کند. هیچ کس نمی خواهد دیوارهای محکم متن را بخواند. این موضوع در صفحه نمایش های کوچک اهمیت بیشتری پیدا می کند. استفاده عاقلانه از فضای سفید بسیار مهم است.
کنترل های صفحه: دقت دسکتاپ در مقابل حباب های موبایل
- مناطق یا نقاط دسترسی بزرگ برای ناوبری دقیق تر.
- URL متفاوت: حرف "m" را اضافه می کند. اغلب گزینه ای برای مشاهده نسخه دسکتاپ یک سایت است.
- اطلاعات ورود به سیستم اغلب دارای فضای اختصاصی هستند، گاهی اوقات با قابلیت دسترسی به اثر انگشت.
-
پیوندها و دکمه های مبتنی بر مکان نما دقیق تر.
برخلاف یک اشاره گر دقیق ماوس روی دسکتاپ شما، انگشت انسان یک لکه است و ضربه زدن به اهداف بزرگ روی صفحه برای پیوندها نیاز دارد. سایت‌های سازگار با موبایل، مناطق بزرگ (یا نقاط اتصال) را برای تسهیل ناوبری دقیق ارائه می‌دهند.
صفحات وب سازگار با موبایل معمولاً حرف m را نیز در آدرس‌های خود دارند. به عنوان مثال، آدرس تلفن همراه فیس بوک m.facebook.com است. URL تلفن همراه معمولاً هنگام گشت و گذار با تبلت تلفن همراه یا تلفن هوشمند به طور خودکار برای شما انتخاب می شود. در برخی موارد، یک پیوند قابل لمس می‌بینید که به شما امکان می‌دهد به نسخه معمولی دسکتاپ صفحه بروید.
فیلدهای ورود و گذرواژه که برای رایانه‌های رومیزی و لپ‌تاپ‌ها در نظر گرفته شده‌اند، در تلفن کوچک و غیرقابل استفاده می‌شوند، بنابراین ناشران وب این قسمت‌ها را بزرگ‌تر می‌کنند و گاهی برای سهولت استفاده، صفحات خود را به آنها می‌دهند.ورود به سیستم با اثر انگشت یا حساب دیگری، مانند Google یا Facebook، با پیشرفت قابلیت‌های دستگاه و خدمات، به طور فزاینده‌ای رایج می‌شود.
چرا مهم است؟
صفحات وب تلفن همراه برای دستگاه های دستی طراحی شده اند و با صفحاتی که برای خواندن دسکتاپ ساخته شده اند کاملاً متفاوت هستند. در حالی که معمولاً می‌توانید نسخه دسکتاپ یک صفحه وب را در دستگاه تلفن همراه مشاهده کنید، و بالعکس، آنها به گونه‌ای متفاوت طراحی شده‌اند تا مشاهده، خواندن و پیمایش محتوا را آسان‌تر کنند.
