تا به حال شده به یک وبسایت بروید ، کمی در آن پرسه بزنید و در آخر برای یافتن اطلاعات مورد نظرتان مستقیما به سراغ فوتر بروید؟ خب ، شما تنها نیستید. فوتر وبسایت یکی از مهترین بخش های آن است، در این مطلب ایده های خوبی در مورد طراحی آن به شما خواهم گفت.
فوترها قطعات منحصر به فرد صفحه هستند که مزایای زیادی دارند. آنها مکانی برای قرار گرفتن اطلاعات مهم (مانند اطلاعات تماس و شرایط کپی رایت) و گزینه های مسیریابی داخل سایت هستند که یافتن اطلاعات و محتوا را برای کاربران آسان تر می کنند.
در این مقاله ، من در مورد اهمیت فوتر وبسایت و اینکه چگونه می توان از آنها برای کمک به کاربران وبسایت در یافتن آسان تر محتوای مورد نظرشان استفاده کرد صحبت خواهم کرد. همچنین در مورد برخی از بهترین ایده هایی که در هنگام طراحی فوتر وبسایت باید در ذهن داشته باشید نیز صحبت می کنم – اهمیت فوتر با یک مگا منو (منوهای مدرن در طراحی سایت حرفه ای) یکسان است.
چرا فوتر وبسایت مهم است؟
عادت کرده ایم که بیشترین زحمت و زمان را صرف طراحی تمام چیزهایی که در بالای صفحه قرار می گیرند کنیم چون طرز تفکرمان این است که آنها توسط همه ی افرادی که وارد سایت می شوند دیده خواهند شد. به قدری به آن موارد بالای صفحه توجه می کنیم که فراموش می کنیم فوتر ها هم بسیار در دید هستند.
در واقع ، مطالعه ای که 25 میلیون سایت را مورد بررسی قرار داده به این نتیجه اشاره می کند که بازدید کنندگان همیشه در ابتدای کار به سمت پایین صفحه اسکرول می کنند. و بسیاری از بازدید کنندگان حتی قبل از اینکه صفحه کاملا بارگذاری شود شروع به اسکرول به سمت پایین می کنند.
چیزی که از این مطالعه در می یابیم این است که فوتر وبسایت شما به همان اندازه ی هدر اهمیت دارد و مهم است. فوتر بسیار در دید است و طراحی صحیح و مناسب آن می تواند به روش های مختلفی برای شما مزیت به همراه داشته باشد. همه چیز به تصمیم گیری اینکه در آن فضای محدود چه چیزی قرار دهید بستگی دارد. فوتر وبسایت باید با هدف تسهیل کارها برای بازدید کنندگان طراحی شود و در عین حال باید در راستای اهداف شما نیز هدفگذاری شود.
بسته به اینکه چه نوع وبسایتی ایجاد کرده اید و اهداف شما چه هستند ، باید برخی موارد زیر را نیز در فوتر وبسایت خود درج کنید:
- نقشه ی سایت
- شرایط و حقوق کپی رایت
- لینکی به سمت شرایط و قوانین استفاده از سایت
- شرایط حفظ حریم خصوصی
- اطلاعات تماس
- ابزارک های رسانه های اجتماعی
- ثبت نام از طریق ایمیل
- بخش جستجو
- وضعیت بازدید های سایت
- تگ ها و دسته بندی ها
- جوایز و مجوز ها
- همکاران و اعضا
- نظرات مشتریان
- آخرین مقاله ها
- رویدادهای پیش رو
- یک ویدئوی تبلیغی از سایت
- فایل صوتی
- دکمه دعوت به عمل (CTA)
عناصر مهم بسیار زیادی وجود دارند که می توانید به فوتر وبسایت خود اضافه کنید و هر کدام هدف خاص خودش را دارد. اگر قصد دارید بازدید کنندگانتان را قانع کنید که بیشتر در سایت شما بمانند و به بخش وبلاگ شما هم سر بزنند ، پس بهتر است ابزارک پست های محبوب را در فوتر سایت قرار دهید. و اگر هدف شما افزایش تبدیل بازدید کننده به مشتری است ، می توانید یک دکمه دعوت به عمل و ورود و ثبت نام از طریق ایمیل را در فوتر قرار دهید. مشکل اینجاست که فوترها معمولا کوچک هستند و محتوای کمی را می توان در آنها قرار داد (که معمولا حقوق کپی رایت و آیکن های رسانه های اجتماعی را در آن قرار می دهند). همانند مگا منوهای سایت های بزرگ ، که به کاربران آپشن های مسیریابی بیشتری ارائه می کنند ، راه حل مشکل کوچک بودن فوترها نیز ، استفاده از مگا فوتر هاست.
4 مورد از بهترین ایده ها برای طراحی فوتر وبسایت
وقتی تصمیم می گیرید که در وبسایت خود از مگا فوتر استفاده کنید ، به نظر می رسد که احتمالات بیشمار هستند. می توانید عناصر تبلیغ برند در آن قرار دهید تا برند خود را در اذهان بازدید کنندگان حک کنید. می توانید لینک های مسیریابی قرار دهید تا همه ی صفحات مهمی که بازدید کنندگان ممکن است نبینند را پوشش دهید. حتی می توانید یک فرم تماس در فوتر خود قرار دهید.
حالا ، اجازه دهید به مرحله ی بعدی برویم و برخی از بهترین اعمالی که می توانید برای طراحی فوترهایی با ظاهر و کارایی عالی به کار ببندید را بررسی کنیم.
1- درج عناصر تبلیغ برند
فوتر وبسایت شما گاهی فرصت فوق العاده ای برای تقویت و تبلیغ برندتان در ذهن بازدیدکننده ایجاد می کند. می توانید از این فضا برای انتقال ارزش برند به مشتری استفاده کنید.
استفاده از تصاویر ، گرافیک ها ، آیکن ها یا لوگوها در فوتر روشی عالی برای یادآوری این دلیل به بازدیدکنندگان است که چرا باید در سایت شما بمانند با این کار می توانید برای آنها یک تجربه ی کاربری عالی رقم بزنید. یا اینکه می توانید از رنگ ها ، الگوها یا آیکن هایی که اکنون در طراحی وبسایت خود به کار برده اید ، استفاده کنید تا به همان نتایج برسید.
فوتر وبسایت Miki Mottes یک کار هنری است. این سایت از گرافیک ها و عناصر بصری انیمیشنی زیادی در فوتر خود بهره برده است. متوجه خواهید شد که در این فوتر همچنین از ورژن متفاوتی از لوگوی سایت استفاده شده است تا برند در ذهن مشتری بماند. چنین طراحی ای به صورت غیر مستقیم به بازدید کنندگان القا می کند که Miki Mottes یک سایت خلاق ، دارای مهارت انیمیشن سازی و طراحی عالی است.
Hustle Panda یک مثال عالی از ساده نگاه داشتن طراحی و استفاده از غالب رنگ های مشابه با طراحی سایت و بهره مندی از سایز های مختلف لوگو در گوشه و کنار سایت است. استفاده ی مکرر از طرح پاندا به بازدیدکنندگان پیام برند آنها را یادآوری می کند.
2- ایجاد جاذبه
ایجاد یک لیست ایمیل می تواند مشکل باشد ، مخصوصا زمانی که تازه شروع به کار کرده باشید. از دیدگاه طراحی ، برای اینکه فرم ثبت نام شما با بقیه ی طراحی سایت همخوانی و مطابقت داشته باشد به تلاش و زحمت زیادی نیاز است. مگا فوتر وبسایت محل عالی ای برای ایجاد جاذبه به سمت کسب و کار شما است. فوتر فرصت استفاده از کلید های دعوت به عمل (CTA) و هدایت بازدید کنندگان به سمت فرم ثبت نام را فراهم می آورد.
در وبسایت بِهِل از فرم تماس در قسمت فوتر وبسایت استفاده کردیم
Zoyo Yogurt یک فرم ثبت نام بزرگ که با بقیه ی طراحی سایت مطابقت فوق العاده ای دارد را به نمایش گذاشته است. این فرم برای بازدید کنندگان فرصتی فراهم می کند تا تمام محتوای سایت را بررسی کرده و در نهایت برای دریافت ایمیل در مورد رویداد ها و پیشنهاد های خاص سایت ثبت نام کند.
3- افزودن دکمه های رسانه ی اجتماعی
مطالعات نشان می دهند که تقریبا 75% از وبسایت های بازاریابی ، آیکن های رسانه های اجتماعی را به جای اینکه در هدر قرار دهند ، در فوتر قرار می دهند. چرا؟ به عنوان مالکان وبسایت ، هدف ما حفظ و نگاه داشتن بازدید کننده در سایت است نه اینکه آنها را به سمت رسانه های اجتماعی سوق دهیم. چون وقتی آنها وارد پلتفرم رسانه های اجتماعی شدند ، خارج کردن آنها از آنجا کار بسیار مشکلی خواهد بود.
به همین دلیل ، بهتر آن است که دکمه های هدایت کننده به سمت رسانه های اجتماعی خود را به جای هدر ، در فوتر قرار دهید. به این صورت ، می توانید اطمینان داشته باشید که بازدید کنندگان سایت قبل از اینکه به سراع فیس بوک یا توییتر بروند ، حداقل تا آخر صفحه ی اصلی سایت خواهند رفت.
اگر به فوتر سایت خوب دقت کرده باشید این نکته کاملا در آن مشهود است.
Capsicum Mediaworks دکمه های هدایت کننده به سمت رسانه های اجتماعی خود را به صورت ظریف و با دقت خاصی در طراحی سایت خود قرار داده است. آنها این کلید ها را با غالب رنگ های سایت ترکیب کرده و سریعا توجه شما را به خود جلب می کنند. این یک مثال عالی برای استفاده از روش های تبلیغ برند و قرار دادن صحیح دکمه های رسانه های اجتماعی در مگا فوتر وبسایت است.
Holiday Harold با قرار دادن لینک های ساده ی هدایت کننده به سمت صفحات رسانه های اجتماعی دقیقا در بالای گرافیک های به کار رفته در طراحی سایتش ، استفاده ی کمی از فوتر کرده است.
4- ایجاد سلسله مراتب مسیریابی
یکی از بهترین کارهایی که می توانید با مگا فوتر خود انجام دهید درج لینک ها در محبوب ترین محتوای سایت است.
تازه کاران می توانند لینک های محبوب ترین صفحات یا دسته بندی ها را به صورت ستونی قرار دهند. دسته بندی لینک ها زیر تیتر ها و عناوین مناسب ، خود یک امتیاز مهم محسوب می شود.
به خاطر داشته باشید که گاهی بازدید کنندگان شما تا آخر صفحه می روند چون تا این لحظه نتوانسته اند آنچه که می خواهند را بیابند. بنابراین ، قبل از اینکه از سایت شما خارج شوند ، یک فرصت دارید تا چند گزینه ی دیگر برای آنها فراهم کنید. و این فرصت را می توانید در فوتر خود فراهم کنید.
اگر پروژه نهال صنعت پاسارگاد را مشاهده کنید ، می بینید در قسمت فوتر وبسایت از این ایده استفاده کرده ایم.
فوتر وب سایت TrueCar به 4 ستون تقسیم شده است – هر ستون دارای یک عنوان دسته است. این کار آنها باعث می شود بازدید کننده به آسانی آنچه را که می خواهد بیابد. همچنین متوجه می شوید که تیترهای هر ستون به گونه ای طراحی شده اند که به راحتی توجه بازدید کننده را جلب کنند.
GitHub نیز با قرار دادن مهم ترین صفحات سایت در چند ستون ، همین کار را انجام داده است. قرار دادن عنوان مناسب برای هر ستون ، باعث می شود یافتن صفحه ی مورد نظر برای کاربران آسان تر شود.
نتیجه
اگرچه فوتر در پایین و آخر صفحه واقع شده است ، اما با این حال یکی از قابل توجه ترین و در دیدترین عناصر وبسایت شما است.
من برخی از عناصر مختلفی که می توانید در فوتر سایت خود به کار ببرید را لیست کردم و برخی از بهترین ایده هایی که می توانید در آن به کار ببرید را نیز توضیح دادم. شناسایی اهداف خود و سپس افزودن عناصر مناسب و صحیح در فوتر وبسایت می تواند برای رسیدن به اهداف اصلی شما کمک بزرگی باشد.
منبع: webdesignerdepot.com
2 دیدگاه. دیدگاه جدید بگذارید
سلام
ای کاش فوتر سایت خودتان را هم برای افرادی که مشکل بینایی (کور رنگی) دارند بهینه سازی کنید.
ممنون
از پیشنهادتون بسیار ممنونم 🙂