همونطور که تو نوشتهیعلمی بازاریابی داخلی با طراحی سایت توضیح دادیم، جلب توجه طراحی سایت کاربر و ترغیبش به گشتن و گذار روی وبسایت خیلی مهمه. با تمرکز به این قضیه، بخش بالایی شیت فرود سایتتون، مهم ترین قسمت از تمام سایته که بیشترین اعتنا رو میطلبه. اینجاست که بازدیدکننده، اولی تأثیر رو از وب سایت شما میگیره. فرقی هم نمیکنه که کاربر از چه دستگاهی برای بازدید سایتتون استفاده میکنه. تو این نوشتهیعلمی درباره کار کردن با هدر بالای صفحه، در زمینه ی با ساخت سایت واکنشگرا توضیح میدیم.
طراحی وب واکنشگرا چیست؟
همونطور که تو مقاله ساخت وب سایت واکنشگرا توضیح داده شده، طراحی وب سایت واکنشگرا یک نحوه طراحیه که پهنای دستگاههایی رو که به سایت دسترسی پیدا میکنند در لحاظ میگیره و ساختار و محتوای تارنما رو بر اساس اون سازگار میکنه. عموما سه نوع پهنا در لحاظ گرفته میشه. شخصی که داره با کامپیوتر و لب تاپ به وب سایت نگاه میکنه، مشاهده کرد قدیمیتری از سایت خواهد داشت، کسی که داره با گوشی به همون تارنما نگاه میکنه، همون سایت رو با قالب دیگه ای میبینه که تجارب بهینه تری رو در اختیارش میذاره.
هدر صفحه چیست؟
هدر کاغذ به محدوده ای از تارنما میگن که بازدیدکننده وقتی روی ورقه وب فرود میاد، اولیه از همه میبینه، و معمولا شیت فرود یا ورقه مهم سایته. تو این قسمت، باید مجموع سعیتونو بکنید که نظر بازدیدکننده رو جلب نمائید و خیلی خلاصه، مورد اصلی سایتتونو براش توضیح بدید. این قسمت نباید شلوغ و پرهرج و مرج باشه و باید یکراست متوجه اصل نوشتهی علمی باشه. اگه بتونید کاری نمائید که بازدیدکننده ها اقدامی روی تارنما انجام به این یا اسکرول بار رو پایین بکشن تا اطلاعات بیشتری بدست بیارن، یعنی وب سایت عمل خودشو خوب جاری ساختن داده و به هدفش رسیده.
هدر ورقه در تنظیمات واکنشگرا
هم اکنون که میتونید طراحی وب واکنشگرا چیه و هدر صفحه چیه، اجازه بدید با ترکیب این دو اکران، ببینیم تارنما باید روی هر دستگاه چی نشون بده و چی عمل کنه.
هدر برگه در موقعیت کامپیوتر
تو این حالت، یکی روشهای اینه که، یه تیتر جذاب و جلب اعتنا کننده بالای صفحه میذاره و در پی توضیح مختصری از خدمات اساسی شرکت. آن گاه به مشتری یه درخواست برای اقدام میدیم و ازشون میخواهیم برای مشورت و دریافت کردن پیشنهاد باهامون تماس بگیرند. اینها مهمترین اطلاعاتی می باشند که میخواهیم به بازدیدکننده هامون بدیم.
خلال این قسمت، یه تصویر هم داریم که نوع کاری رو که شرکت ایفا میده به نمایش میذاره. این تصویر به یک برگه از نمونه کارهایی که شرکت برای یکی از مشتریهاش اجرا داده و پروژه به نقطه پايان رسیده لینک میشه. این عکس مهمه البته نه به مهمی تیتر بالایی و اطلاعات و درخواست برای اقدامی که درپیاش میاد. بخاطر همین روی دستگاههای کوچیکتر میتونیم از عکس صرف لحاظ کنیم.
هدر ورقه در شرایط تبلت
دراین حالت با چیزهای بیشتری سر و کار داریم، اما مشکل بیشتر وقتیه که تبلت در موقعیت عمودی باشه. وقتی وب سایت رو در شرایط عمودی مشاهده میشه، قسمت بیشتری ازش قابل رؤیته البته با پهنای کمتری. بدین ترتیب قسمت بالایی که قرار بود تیتر جلب دقت کننده و درخواست برای اقدام باشه بایستی از نظر بصری بتونه کارشو بهتر انجام بده.
تو این موقعیت، عکسی که قرار بود نوع شغل شرکت رو به تصویر بکشه هم عوض میشه تا ابعادش با اندازه های عمودی نمایشگر جور در بیاد و شرایط عمودی داشته باشه، اما اطلاعاتی که نمایش میده همونه.
به این ترتیب اطلاعات مهم – تیتر، درخواست برای اقدام – شرایط اثرگذارتری دارا هستند و میتونن همچنان به وظیفه شون که جلب دقت مخاطبه عالی عمل کنند.
هدر کاغذ در حالت موبایل
اینجا کمترین اطراف رو در دست داریم. بخاطر همین همه زواید بایستی حذف بشن تا اطلاعات مهمتر بتونن اکثر محیط رو در چنگ داشته باشند و به شیوه مؤثری به اجرای نقش بپردازند و با اینکه نمیتونیم عکس و پیوند نمونه شغل رو داشته باشیم اما بتونیم به بهترین شکل ممکن به هدفمون که همون جذب مشتریه برسیم.
امیدوارم این مقاله تونسته باشه فهم و شعور بهتری از هدر شیت در طراحی وب واکنشگرا به شما عزیزان ارائه داده باشه. اگه برای طراحی سایت سایتتون به مشاوره نیاز داشتید میتونید با متخصصان ما در تماس بگیرید و سوالاتتونو بپرسید.
همونطور که تو نوشتهیعلمی بازاریابی داخلی با طراحی سایت توضیح دادیم، جلب توجه طراحی سایت کاربر و ترغیبش به گشتن و گذار روی وبسایت خیلی مهمه. با تمرکز به این قضیه، بخش بالایی شیت فرود سایتتون، مهم ترین قسمت از تمام سایته که بیشترین اعتنا رو میطلبه. اینجاست که بازدیدکننده، اولی تأثیر رو از وب سایت شما میگیره. فرقی هم نمیکنه که کاربر از چه دستگاهی برای بازدید سایتتون استفاده میکنه. تو این نوشتهیعلمی درباره کار کردن با هدر بالای صفحه، در زمینه ی با ساخت سایت واکنشگرا توضیح میدیم.
طراحی وب واکنشگرا چیست؟
همونطور که تو مقاله ساخت وب سایت واکنشگرا توضیح داده شده، طراحی وب سایت واکنشگرا یک نحوه طراحیه که پهنای دستگاههایی رو که به سایت دسترسی پیدا میکنند در لحاظ میگیره و ساختار و محتوای تارنما رو بر اساس اون سازگار میکنه. عموما سه نوع پهنا در لحاظ گرفته میشه. شخصی که داره با کامپیوتر و لب تاپ به وب سایت نگاه میکنه، مشاهده کرد قدیمیتری از سایت خواهد داشت، کسی که داره با گوشی به همون تارنما نگاه میکنه، همون سایت رو با قالب دیگه ای میبینه که تجارب بهینه تری رو در اختیارش میذاره.
هدر صفحه چیست؟
هدر کاغذ به محدوده ای از تارنما میگن که بازدیدکننده وقتی روی ورقه وب فرود میاد، اولیه از همه میبینه، و معمولا شیت فرود یا ورقه مهم سایته. تو این قسمت، باید مجموع سعیتونو بکنید که نظر بازدیدکننده رو جلب نمائید و خیلی خلاصه، مورد اصلی سایتتونو براش توضیح بدید. این قسمت نباید شلوغ و پرهرج و مرج باشه و باید یکراست متوجه اصل نوشتهی علمی باشه. اگه بتونید کاری نمائید که بازدیدکننده ها اقدامی روی تارنما انجام به این یا اسکرول بار رو پایین بکشن تا اطلاعات بیشتری بدست بیارن، یعنی وب سایت عمل خودشو خوب جاری ساختن داده و به هدفش رسیده.
هدر ورقه در تنظیمات واکنشگرا
هم اکنون که میتونید طراحی وب واکنشگرا چیه و هدر صفحه چیه، اجازه بدید با ترکیب این دو اکران، ببینیم تارنما باید روی هر دستگاه چی نشون بده و چی عمل کنه.
هدر برگه در موقعیت کامپیوتر
تو این حالت، یکی روشهای اینه که، یه تیتر جذاب و جلب اعتنا کننده بالای صفحه میذاره و در پی توضیح مختصری از خدمات اساسی شرکت. آن گاه به مشتری یه درخواست برای اقدام میدیم و ازشون میخواهیم برای مشورت و دریافت کردن پیشنهاد باهامون تماس بگیرند. اینها مهمترین اطلاعاتی می باشند که میخواهیم به بازدیدکننده هامون بدیم.
خلال این قسمت، یه تصویر هم داریم که نوع کاری رو که شرکت ایفا میده به نمایش میذاره. این تصویر به یک برگه از نمونه کارهایی که شرکت برای یکی از مشتریهاش اجرا داده و پروژه به نقطه پايان رسیده لینک میشه. این عکس مهمه البته نه به مهمی تیتر بالایی و اطلاعات و درخواست برای اقدامی که درپیاش میاد. بخاطر همین روی دستگاههای کوچیکتر میتونیم از عکس صرف لحاظ کنیم.
هدر ورقه در شرایط تبلت
دراین حالت با چیزهای بیشتری سر و کار داریم، اما مشکل بیشتر وقتیه که تبلت در موقعیت عمودی باشه. وقتی وب سایت رو در شرایط عمودی مشاهده میشه، قسمت بیشتری ازش قابل رؤیته البته با پهنای کمتری. بدین ترتیب قسمت بالایی که قرار بود تیتر جلب دقت کننده و درخواست برای اقدام باشه بایستی از نظر بصری بتونه کارشو بهتر انجام بده.
تو این موقعیت، عکسی که قرار بود نوع شغل شرکت رو به تصویر بکشه هم عوض میشه تا ابعادش با اندازه های عمودی نمایشگر جور در بیاد و شرایط عمودی داشته باشه، اما اطلاعاتی که نمایش میده همونه.
به این ترتیب اطلاعات مهم – تیتر، درخواست برای اقدام – شرایط اثرگذارتری دارا هستند و میتونن همچنان به وظیفه شون که جلب دقت مخاطبه عالی عمل کنند.
هدر کاغذ در حالت موبایل
اینجا کمترین اطراف رو در دست داریم. بخاطر همین همه زواید بایستی حذف بشن تا اطلاعات مهمتر بتونن اکثر محیط رو در چنگ داشته باشند و به شیوه مؤثری به اجرای نقش بپردازند و با اینکه نمیتونیم عکس و پیوند نمونه شغل رو داشته باشیم اما بتونیم به بهترین شکل ممکن به هدفمون که همون جذب مشتریه برسیم.
امیدوارم این مقاله تونسته باشه فهم و شعور بهتری از هدر شیت در طراحی وب واکنشگرا به شما عزیزان ارائه داده باشه. اگه برای طراحی سایت سایتتون به مشاوره نیاز داشتید میتونید با متخصصان ما در تماس بگیرید و سوالاتتونو بپرسید.
سئوی آن پیج برای ارتقاء ورودی