اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟

اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟

با ورود مفهوم Fold به دنیای دیجیتال، صاحبان سایت نیز باید با دقت بیشتری اولویت مطالب موجود بر روی صفحه را مشخص کنند تا کاربران سریع تر مطالب مهم سایت را مشاهده نمایند. کارشناسان طراحی سایت معمولا بر اساس اهمیت مطالب و میزان تاثیر آن بر روی کاربر نسبت به قرارگیری مطالب روی Fold یا زیر Fold تصمیم گیری می نمایند؛ هدف از این مقاله اصلاح Fold درطراحی سایت ارائه راهکار هایی برای انجام بهتر این امر می باشد.اصطلاحا Fold خطی است که اولین صفحه مشاهده شده توسط کاربر را از بخشی که کاربر برای دیدن اسکرول می کند، جدا می کند.  البته این خط تغییراتی ایجاد خواهد کرد که این تغییرات بستگی به رزولوشن صفحه نمایش کاربر دارد. اصطلاح زیر Fold و روی Fold معمولا در مورد صفحات روزنامه بکار می رود. روی Fold مربوط به اطلاعاتی می باشد که قبل از محل تای صفحه روزنامه قرار دارد و برای خواننده در نگاه اول قابل مشاهده است. زیر Fold در واقع مطالبی است که خواننده برای مشاهده آن باید تای روزنامه را باز کند. ناشران روزنامه معمولا سرفصل های اصلی که بیشتر مورد علاقه مردم هستند را روی Fold و اطلاعاتی که از درجه اهمیت پایینتری برخوردارند را زیر Fold قرار می دهند.

محل Fold صفحه سایت و رزولوشن نمایشگر
معمولا فاصله 570 تا 600 پیکسل از بالای صفحه به عنوان محل Fold استاندارد در نظر گرفته می شود (با در نظر گرفتن 728 پیکسل برای نوار آدرس و سایر ابزارهای مربوط به مرورگر). بر اساسبرسی های انجام شده بر روی کاربران سایت، 98 درصد آنها دارای صفحه نمایشگری با رزولوشن 1024 در 768 پیکسل هستند. اگر این مقدار را به عنوان رزولوشن پیش فرض در نظر بگیرید، تقریبا تمام کاربران Fold صفحه ای برابر با 570 تا 600 پیکسل دارند.یکی از مهمترین تفاوت های اصلی این مفهوم در مبحث کاغذ نسبت به مفهوم مشابه در بحث طراحی سایت این است که محل Fold صفحه روزنامه پس از چاپ بر روی صفحه ثابت می گردد، اما در مقوله اینترنت این موضوع بسیار پیچیده تر است. برخی از کاربران از صفحه نمایش کوچک، برخی از صفحه نمایش بزرگ و برخی نیز از گوشی های تلفن هوشمند یا تبلت برای مشاهده صفحات سایت استفاده می کنند. در نتیجه مطالبی که بدون اسکرول کردن صفحه قابل مشاهده است به رزولوشن نمایشگر بستگی دارد.

آیا کاربران به مطالبی که اسکرول می کنند دقت می کنند؟
اخیرا تحقیقاتی درمورد اسکرول  توسط جاکوب نیلسن انجام شده است که نشان می دهد که رفتار انها با محتوای زیر Fold چگونه است. این تحقیقات که برروی 57453 کاربر و نقطه ای از صفحه که به آن می نگرند انجام گرفته، نشان می دهد کاربرانی که صفحه را اسکرول می کنند به محتوای بالای Fold توجه شان بیشتر جلب می کنند. نیلسن دریافت 80 درصد توجه کاربران هنگام اسکرول کردن صفحه بر روی محتوای بالای Fold می باشد، بنابراین محتوای زیر Fold کمتر توسط کاربران مشاهده می شود. در حالی که اکثر کاربران صفحه را اسکرول می کنند، چگونگی انجام این کار توسط آنها بسیار مهم است.

آیا کاربران صفحه را اسکرول می کنند؟
با گذشت زمان ،امروزه کاربران با آموختن اسکرول کردن صفحه بیش از پیش محتوای زیر Fold را مشاهده می کنند. نتایج تحقیقات نشان می دهد که 76 درصد کاربران امروزی صفحه را اسکرول می کنند که انتظار می رود این مقدار نیز افزایش یابد. در حال حاضر بیشتر وب سایت های موفق مانند  آمازون ، یوتیوب و فیسبوک از محتوای عمودی که همراه با اسکرول کردن صفحه حرکت می کنند ، نیز بر روی صفحات خود بهره می برند.با در نظر گرفتن اینکه محتوای قبل از 600 پیکسل بدون اسکرول صفحه توسط کاربران قابل مشاهده است، باید در مورد محتوای زیر Fold تصمیم گیری جدی انجام گردد.

نتیجه گیری
طراحی سایت به صورتی که کاربران در مشاهده آن نیاز به اسکرول نداشته باشند توصیه نمی شود، چون Fold صفحات توسط نمایشگری که کاربران از آن برای مشاهده سایت استفاده می کنند، تعیین می گردد. اغلب کاربران مشکلی با اسکرول کردن صفحه ندارند و 75 درصد آنها در صورت وجود اطلاعات بیشتر، صفحه را اسکرول می کنند. بدون در نظر گرفتن تمایل کاربران برای اسکرول کردن صفحه، کاربران بیشتر توجه شان را معطوف به محتوای روی Fold می کنند. شما به عنوان صاحب سایت باید توجه ویژه ای به محتوای قبل از 600 پیکسل از بالای صفحه داشته باشید، کاربران 80 درصد وقتشان را صرف مشاهده این مطالب می کنند.

اشتراک گذاری در :

28 فروردین

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟

بازدید: 4417

اچ‌ تی‌ ام‌ ال زبان توصیف ساختار صفحه‌های وب است. دستورعمل‌های این زبان، برچسب (Tag) نام دارند در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارندزبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند.HTMLمخفف عبارت  Hyper TextMarkup Language  می باشد که به معنای زبان نشانه گذاری متن می باشد. HTMLدر کنار [...]

01 اردیبهشت

سئوی منفی چیست و چقدر نگران کننده است؟

بازدید: 3927

سئوی منفی ( Negative SEO ) در طراحی سایت سوالات زیادی را به همراه دارد. به عنوان مثال: سئوی منفی چیست؟ آیای سئوی منفی واقعا وجود دارد؟ اگر چنین است باید نگران چه چیزی بود؟ چگونه باید متوجه شد که کسی قصد حمله سئوی منفی به سایت ما را دارد؟ برای محافظت از سایت چه کاری باید انجام داد؟ هدف از این مقاله روشن شدن مبحث سئوی منفی در طراحی وب سایت و در نتیجه کاهش ترس شما از آن می باشد.سئوی منفی چیست؟سئوی منفی زمانی اتفاق می افتد [...]

31 فروردین

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند

بازدید: 4230

بهینه سازی موتور جستجو سئو (SEO) چیست؟ SEO شامل به کارگیری فرایند ها در جهت بهبود و افزایش تعداد بازدیدکنندگان یک وب سایت به واسطه ی موتورهای جستجو گفته می شود. جنبه های زیادی در SEO وجود دارد که از کلمات موجود در صفحه ی شما تا ارتباطی که با دیگر صفحات برقرار می کنید را در بر می گیرد. بهینه سازی موتورهای جستجو تنها اشاره به این موتورها ندارد. بلکه اشاره به بهبود آن برای انسان ها نیز دارد. این مقاله ی آموزشی به توصیف [...]

01 اردیبهشت

افزایش سرعت سایت با mod_pagespeed گوگل برای Apache

بازدید: 3478

افزایش سرعت سایت با mod_pagespeed گوگل برای Apacheتوسعه دهندگان نرم افزاری شرکت گوگل از دو سال پیش شروع به ساخت ماژول mod_pagespeed برای آپاچی (Apache) کرده‌اند که با استفاده از آن در سرور سایت خود بدون نیاز به هیچ گونه تغییراتی در محتوای سایت خود می‌توانید سرعت سایت‌های خود را تا حد زیادی افزایش دهید و همان طور که می‌دانید یکی از نکات ضروری در مورد سئو و بهینه سازی سایت‌ها نیز همین سرعت پاسخگویی سرور و بارگذاری صفحات [...]

01 اردیبهشت

روش های وب‌‌‌ گردی و راهنمای وب‌‌‌ گردی

بازدید: 9439

استفاده از نرم‌افزار به‌عنوان یک سرویسمدل‌های شغلی استفاده از نرم‌افزار به‌عنوان یک سرویس (SaaS) سال‌های زیادی منتظر ارائه بودند. بهترین SaaSها مثل محصولات     Google Enterprise    و   Singals37 امروزه به‌ سرویس‌های عدی و معمول بدل شده‌اند. رقابت خیلی تنگاتنگ شده‌است! فناوری‌ها راحتر و با هزینه کمتر در دسترس هستند که به افراد کوچک امکان مبارزه با افراد بزرگتر را می‌دهند. در سال [...]

01 اردیبهشت

ویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئی

بازدید: 3732

دکمه های نامرئی یا‎ Ghost Button ‎تکنیک جدید است که در طراحی سایت استفاده می ‏شود. دکمه نامرئی یک المان شفاف و قابل کلیک است که میتواند در هرکجا از صفحه بکار ‏گرفته شود و با حفظ زیبایی سایت جلوی نمایش تصویر اصلی را نگرفته و عموما برای جلب ‏توجه کاربران و راهنمایی آنها به بخش های اصلی سایت استفاده می شود. باید در انتخاب ‏دکمه نامرئی و روش طراحی آن دقت شود تا اثرات منفی بر طراحی سایت و سئو سایت ‏نگذارد.‏از [...]