طراحی به شیوه ابتدا موبایل (Mobile First)

شیوه ابتدا موبایل یا Mobile First یک نوع روش در طراحی ریسپانسیو است. ایده آن به اینصورت است که ما طراحی سایت را ابتدا تنها با یک ستون (مخصوص نمایشگرهای کوچک) شروع میکنیم. به این صورت سایت طراحی شده در همه دستگاه‌ها، رزولویشن ها و مرورگرها به خوبی نمایش داده می‌شود. مهم نیست که نمایشگر کاربر چه اندازه‌ای باشد، مهم این است که به راحتی میتواند محتوا را مشاهده کند.

زمانی که طراحی تنها با یک ستون به پایان رسید با استفاده از Media Queryها و JavaScript سایت را برای نمایشگرهای بزرگتر آماده میکنیم. برای مثال ستون‌های بیشتری اضافه میکنیم، عکس‌های با رزولویشن بالاتری را لود میکنیم و هر کاری که میخواهیم در نمایشگرهای بزرگتر انجام دهیم.

اما فواید این روش چیست؟ در ادامه مطلب همراه ما باشید…

• اولین فایده این روش این است که در صورتی که دستگاه کاربر از Media Query پشتیبانی نکند، سایت به خوبی نمایش داده میشود، چه نمایشگر کاربر بزرگ باشد چه کوچک.
• نکته بعدی این است که این روش یک روش منطقی محسوب میشود. زمانی که شما، سایت را ابتدا بر اساس گوشی های هوشمند طراحی و توسعه دهید میتوانید از خیلی از ویژگی‌هایی که در گوشی های هوشمند موجود هستند اما در سیستم‌های دسکتاپ وجود ندارند استفاده کنید مانند GeoLocation, Vibration, Orientation و ویژگی‌های دیگر.
• فایده دیگر آن این است که تمرکز ما را بر محتوا بیشتر میکند. در گوشی های هوشمند شما فضای زیادی در اختیار ندارید که بخواهید مانور زیادی بدهید و در کنار محتوای اصلی مطالب دیگری را نیز نمایش دهید به همین دلیل تمرکز شما بر روی نمایش درست محتوا افزایش پیدا میکند.
• و اما دلیل آخر اینکه شما سایت را برای کاربران طراحی میکنید، نه برای خودتان! در حال حاضر هر روز به تعداد دارندگان گوشی های هوشمند و تبلت ها در ایران زیادتر می‌شود در حالی که بیشتر آن‌ها قبل از داشتن این دستگاه‌ها مجهز به سیستم کامپیوتری نبودند اما اکنون آن‌ها نیز از کاربران وب محسوب می‌شوند و سایتهای ما باید برای گوشی های هوشمند در حداکثر ممکن بهینه باشد.

خب نظر شما در مورد روش Mobile First جیست؟ آیا تا به حال از آن استفاده کردید؟