در طراحی سایت موضوعی که اهمیت ویژه ای دارد این است که طراحی برای چه رزولوشن صفحه نمایش هایی انجام شود، آیا طراحی سایت موبایل اهمیت بیشتری دارد یا دسکتاپ، همچنین با تحلیلی که در گوگل آنالایتیکس انجام دادیم مشاهده شد که در این آمار تبلت ها هم ارقام قابل توجهی را ارائه داده اند. طراحی سایت مناسب باید بصورتی باشد که پذیرای تمامی اندازه های صفحه نمایش باشد و کاربران را از دیدن سایت بهم ریخته نا امید نکند.
اما چیزی که مهم است تفاوت درصد سایز های مختلف است که کاربران بصورت روزمره وب سایت را باز می کنند و اگر بدانید که کدام سایز صفحه نمایش ها، درصد بیشتری را از کل آمار تصرف کرده اند بر روی آن سایز مورد نظر بیشتر کار میکنید و از شرکت طراحی سایت خود می خواهید که در طراحی سایت شما در آن سایز رزولوشن که شاید اسمارت فون ها باشد اهمیت بیشتری قائل شود.
همه این توضیحات مربوط می شود به طراحی سایت ریسپانسیو یا واکنش گرا که احتمالا قبلا با آن آشنایی دارید، اگر هم این واژه جدید است یا نیاز دارید بیشتر در مورد آن بدانید مقاله طراحی سایت واکنش گرا چیست را مطالعه کنید تا همه چیز را در مورد طراحی سایت ریسپانسیو متوجه شوید. ما در این مقاله ابعاد مختلف سایت ریسپانسیو را بررسی کرده ایم.
البته موضوع دیگری تحت عنوان طراحی سایت انطباق پذیر مطرح است که با طراحی سایت ریسپانسیو تفاوت دارد. در مقاله دیگری می توانید در مورد طراحی سایت های انطباقی مطالب بیشتری یاد بگیرید. پیشنهاد میکنیم مقاله طراحی سایت واکنش گرا بهتر است یا انطباق پذیر را از دست ندهید.
نمودار زیر را ملاحظه بفرمائید، این نمودار مربوط به سال 2017 است و اعداد ارقامی که در قالب نمودار می بینید بیانگر این است که کدام رزولوشن های صفحه نمایش تعدادشان بیشتر و کدام ها افت کرده اند. این آمار و نمودار مربوط به وب گردی های شخصی یا کاری است که بطور روزمره استفاده شده است. در دل این نمودار مطالب زیادی نهفته است و می توان نتایج جالبی از آن گرفت. رزولوشن استاندارد صفحه نمایش برای طراحی سایت و یا برای هر هدف دیگری قابل استفاده می باشد.
بهترین رزولوشن صفحه نمایش در طراحی سایت چیست؟
این قطعا یکی از اولین سوالاتی است که هر طراح وب و حتی هر شخصی که به دنیای فناوری و ارتباطات علاقه مند است برایش پیش می آید.
بر اساس گزارش Worldwide Screen Resolution Stats که در نوامبر 2016 تا نوامبر 2017 تهیه شده است و بصورت نموداری منتشر شده است می توانید برای سال 2018 تصمیم گیری هایتان را انجام دهید که بر روی کدام صفحه های نمایش تمرکز بیشتر داشته باشید. همچنین در مورد اینکه در آینده به چه سمتی در حرکت هستیم و کدام دیوایس ها محبوب تر می شوند و کدام دستگاه ها به طرف نابودی می روند.
- 360×640 – 21.54%
- 1366×768 – 12.85%
- 1920×1080 – 7.76%
- 375×667 – 4.94%
- 1440×900 – 3.32%
- 1280×800 – 2.67%
محبوب ترین و پر مصرف ترین صفحه نمایشی که وب سایت های معمول را باز می کند در رزولوشن استاندارد صفحه نمایش عرض 350 پیکسل و ارتفاع 650 بوده است. قطعا متعجب شده اید اما ناچارید که قبول کنید و این موضوع را در طراحی سایت خود در نظر داشته باشید.
گوگل نیز به سایت های موبایلی اهمیت ویژه ای می دهد و برای سئو سایت هایی که در حالت موبایل نمایش مناسبی را ارائه دهند و در طراحی سایت در نظر گرفته شده باشند امتیاز ویژه ای دارد.
البته جالب است بدانید، دومین رتبه برای صفحه نمایش، دسکتاپ می باشد و همچنین رتبه 3 نیز در این دسته قرار دارد.
در مجموع باید طراحی سایت ریسپانسیو را جدی بگیرید و سعی بر این داشته باشید تا تمامی کاربران را پشتیبانی کنید و بتوانید به تمامی بازدید کنندگان وب سایت سرویس مناسبی ارائه بدهید.
سایز صفحه نمایش های دسکتاپ در طراحی سایت
نمودار زیر مربوط می شود به فقط صفحه نمایش دسکتاپ که بیشتر مورد استفاده قرار گرفته اند. در اینجا لیستی از 10 صفحه نمایش برتر جهان را می بینید که بیشترین بازدید کنندگان دسکتاپ را شامل شده اند.
بیشترین آمار سایز صفحه نمایش های دسکتاپ
- 1366×768 – 29.25%
- 1920×1080 – 17.34%
- 1440×900 – 7.32%
- 1600×900 – 5.72%
- 1280×800 – 5.27%
- 1280×1024 – 4.51%
سایز استاندارد رزولوشن صفحه نمایش موبایل
این نمودار نیز مانند نمودار قبل در مورد فقط صفحه نمایش های موبایل یا اسمارت فون ها آورده شده است. می توانید به تفکیک این را نیز بررسی کنید و از آن استفاده نمائید.
محبوب ترین سایز صفحه نمایش موبایل:
- 360×640 – 41.11%
- 375×667 – 9.58%
- 720×1280 – 5.16%
- 320×568 – 4.55%
- 414×736 – 3.79%
- 320×534 – 3.46%
سایز رزولوشن محبوب ترین تبلت ها
تبلت ها نیز برای خود دنیایی داشته و کاربران مخصوص خود را دارند. می توانید از طریق نمودار زیر پر مصرف ترین و محبوب ترین سایز صفحه نمایش تبلت ها را مشاهده و بررسی نمائید.
بهترین سایز صفحه نمایش تبلت:
- 768×1024 – 57.99%
- 1280×800 – 5.89%
- 600×1024 – 4.6%
- 601×962 – 3.02%
- 800×1280 – 2.94%
- 1024×600 – 2.36%
سخن پایانی
موارد گفته شده و آمارهای ارائه شده در مورد کاربران اینترنتی می باشد که اکثرا مصرف عادی از اینترنت دارند مثل وب گردی و بازدید از سایت های عمومی و غیره، کسانی که هر روز از هزاران سایت مختلف بازدید می کنند و از دیوایس های خود برای وب گردی استفاده می کنند. امیدوارم آمار و اطلاعات داده شده برایتان کاربردی باشد و بتوانید از آن ها استفاده مفیدی انجام دهید. در کل دانستن این مطالب خالی از لطف نیست و در بسیاری مواقع فکر و ذهنمان را درگیر می کند تا در مراحل مختلف بتوانیم تصمیمات درستی بگیریم، حتی اگر طراحی سایت انجام ندهیم و از این دید به موضوع نگاه نکنیم.
موضوع رسیپانسیو بودن سایت برای سئو هم اهمیت فراوانی دارد. هم بطور مستقیم توسط گوگل پیگیری می شود و سایت های واکنش گرا از رتبه بهتر در رنکینگ برخوردار خواهند بود، همچنین از سمت بازدیدکنندگان نیز مورد توجه قرار می گیرد و بازدید روزانه بیشتر برایتان رقم خواهد خورد و همین بازدید روزانه بیشتر در بهینه سازی سایت معیار جداگانه ای است و رتبه شما را بهبود می بهشد. از هر بعدی که نگاه کنیم مسئله رعایت کردن ریسپانسیو بودن سایت برایمان مهم خواهد بود و باید برای سایز های استاندارد صفحه نمایش طراحی ویژه ای انجام دهیم.
