طراحی وب سایت به شیوه ی Mobile First چیست؟

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