اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟ تاریخ انتشار : 30 فروردین، 1396

اصطلاح 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 صفحه سایت و رزولوشن نمایشگر


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

آیا کاربران به مطالبی که اسکرول می کنند دقت می کنند؟


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

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

نتیجه گیری


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

مقالاتی که پیشنهاد می شود بخوانید

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار
01 اردیبهشت

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار

بازدید: 4405

مرغ مگس خوار الگوریتم دیگری از گوگل است که الگوریتم های جستجو اضافه شده است. مرغ مگس خوار یا Hummingbird بر خلاف الگوریتم های گوگل پاندا و گوگل پنگوئن یک افزونه آنتی اسپم نیست بلکه بر روی بهینه سازی پرس و جوهای کاربران کار میکند.نحوه عملکرد مرغ مگس خواربا وجود اینکه سوالات زیادی در مورد نحوه عملکرد فنی الگوریتم مرغ مگس خوار مطرح می شود اما گوگل تا کنون جزییاتی در مورد نحوه عملکرد این الگوریتم ارائه نداده است، مرغ [...]

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب
30 فروردین

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب

بازدید: 1209

هنوز باور های اشتباه و فرسوده ای در مورد سئو وجود دارد که شاید اگر در سال ۲۰۰۲ میلادی زندگی می کردید می توانستید از این تکنیک ها برای جذب بازدیدکننده ی بیشتر از طریق موتورهای جستجو استفاده کنید. اگر یک سایت فروش دوربین داشتید با استفاده ی از کلمه ی کلیدی "دوربین" در محتوای صفحات خود می توانستید در نتایج جستجو خودی نشان دهید. اما الگوریتم های موتورهای جستجو در سال های گذشته دستخوش تغییرات فراوان و مهمی شده [...]

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟
30 فروردین

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟

بازدید: 1063

گوگل پاندا (Google Panda) به تغییراتی گفته می شود  که از اواخر اسفند  1389  (فوریه 2011) در الگوریتم نمایش نتایج جستجو در گوگل اعمال شد و همچنان ادامه دارد. این تغییرات با هدف کاهش سایت های رتبه بندی شده یا  کیفیت پایین دنبال می شود و سایت های با کیفیت را در بالای صفحه نمایش نتایج جستجو نشان می دهد. در اثر این تغییرات، سایت هایی که حجم بسیار زیادی آگهی تبلیغاتی در خود جای داده بودند به رده های پایین سقوط کننند و وب [...]

نکات بازاریابی از طریق شبکه های اجتماعی
30 فروردین

نکات بازاریابی از طریق شبکه های اجتماعی

بازدید: 1652

این نکته را درذهن داشته باشید شبکه های اجتماعی و به طور کلی بازاریابی شبکه های اجتماعی بحث کوتاهی نیستند شبکه های اجتماعی بحث کاملا پیچیده ای هستند و نمیشود با تکیه بر اصول حتما در انها موفق شد.امروزه شبکه های اجتماعی تاثیر بسزایی در بازاریابی و به طور کل در کسب و کار اینترنتی دارند به طوریکه با اشتراک گذاری مطالب خود می توانیم لایک و کامنت دریافت کنیم .برای موفقیت در شبکه های اجتماعی 3 اصل اساسی و مهم وجود [...]

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید
01 اردیبهشت

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید

بازدید: 1896

HTML‏ (‏‎ ‎اچ تی ام ال‎ ‎‏) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی سایت ‏است. صفحات اینترنتی شامل اطلاعاتی است که حاوی متن ، تصویر ، ویدئو ، صوت و… می ‏باشد . این محتوا توسط سه لایه به کاربر نمایش داده می شود . لایه  محتوا همیشه وجود ‏دارد و حاوی محتوایی می باشد که طراح سایت قصد دارد آن را به کاربر نمایش دهد . این ‏محتوا بصورت کدهای ‏HTML‏ مابین دو تگ <‏html> قرار میگیرد [...]

css چیست؟
29 فروردین

css چیست؟

بازدید: 1339

CSS یا Cascade Style Sheets  یک نوع زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است.زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر [...]