بیست نمونه از بهترین طراحی صفحه اصلی وب سایت ها-قسمت اول

اگر تا حالا وب سایت نداشته اید و یا قصد تغییر در ظاهر وب سایت فعلی خود را دارید این مقاله می تواند شما را در طراحی صفحه اصلی وب سایت راهنمایی نماید. اگر هنوز نمی دانید کدام یک از انواع وب سایت ها به درد کسب و کار شما می خورد بهتر است ابتدا با خواندن مطلب” انواع وب سایت ها ” شروع کنید.
شما هیچ گاه شانس مجدد ایجاد اولین تاثیر (First Impression) را نخواهید داشت. این دلیلی است که صفحه اصلی شما بدون شک یکی از مهمترین صفحات وب سایت تان است.

برای هر شرکت، صفحه اصلی وب سایت مانند یک در جلویی مجازی به شمار می رود. اگر بازدید کننده چیزی را که می بیند دوست نداشته باشد، عکس العمل سریعش زدن دکمه “بازگشت(back)” می باشد.

متاسفانه این قضیه هنوز هم درست است که بسیاری از مردم از روی جلد یک کتاب درباره آن قضاوت می کنند.

چه چیزی باعث می شود طراحی صفحه اصلی به جای خسته کننده وبی معنی بودن، عالی و ممتاز گردد؟

خب، فقط این نیست. صفحه اصلی باید بتواند خوب کار هم بکند. به همین دلیل است که اکثر صفحات اصلی در این فهرست، فقط نمره زیبایی را کسب نکرده اند بلکه از سوی مغز بازدید کنندگان هم امتیاز بالا گرفته اند.

اما قبل از این که بریم سراغ نمونه ها، اجازه بدهیه چندتا از بهترین دلایل برخی از طراحی ها را تشریح کنیم.

چه چیزی صفحه اصلی وب سایت را خوب جلوه می دهد؟

همه طراحی های صفحه اصلی که در اینجا نشان داده می شود، ترکیبی از عناصر زیر را به کار برده اند. هیچ صفحه ای کامل نیست اما بسیاری از این صفحات اصلی در فهرست مثال های ما از این قوانین استفاده نموده اند:

۱- طراحی به صورتی است که به وضوح به این سوال ها که “من کیستم؟”، “چه کاری می کنم”، و/یا “چه کاری شمای بازدید کننده می توانید اینجا انجام دهید”، پاسخ می دهد.

اگر شما برند یا شرکت شناخته شده ای هستید ( مثل کوکاکولا) شاید بتوانید از زیر بار این که بخواهید درباره خودتان توضیح بدهید که کی هستید و چه می کنید شانه خالی کنید؛ اما واقعیت این است که بیشتر کسب و کارها هنوز نیاز دارند به این سوالات پاسخ دهند تا هر بازدید کننده بداند در “جای درستی” قرار گرفته است.

استیون کراگ بهترین دلیل را در پرفروشترین کتاب خود “Don`t Make Me Think” خلاصه کرده است: اگر بازدید کننده طی چند ثانیه نتواند تشخیص دهد شما چه کاری انجام می دهید، خیلی در آن اطراف منتظر نخواهد ماند.

۲- طراحی باید بتواند با مخاطب هدف حرف بزند.

صفحه اصلی باید با دقت بر صحبت با اشخاص هدف مورد نظر با زبان خودشان تمرکز کند. بهترین صفحه اصلی از طرح حرف های بیهوده خودداری و خطاها را حذف می کند.

۳- طراحی، ارزش کلیدی پیشنهادی شما را مخابره می کند.

وقتی یک بازدید کننده به صفحه شما می رسد، باید متقاعد شود که چرا باید در وب سایت شما بماند. صفحه اصلی بهترین مکان برای آویزان کردن ارزش پیشنهادی تان است تا بر اساس آن چشم اندازها و انتظاراتی که برایشان ترسیم می کنید انتخاب کنند که در وب سایت شما بمانند و سراغ رقیبتان نروند.

۴- طراحی برای چندین دستگاه الکترونیکی (موبایل ها، تبلت ها، لپ تاپ ها و …) بهینه سازی شود.

صفحه هایی که در اینجا برای شما فهرست کرده ایم بسیار قابل استفاده می باشند . به این معنا که به راحتی در آنها می شود گشت و گذار کرد و آیتم پر زرق و برق خاصی مانند بنرها، انیمیشن ها یا آیتم های غیر ضروری و خیلی پیچیده حین جستجو در سایت توجه را به خود جلب نمی کند. بسیاری از آن ها برای موبایل هم بهینه سازی شده اند، که در دنیای موبایلی امروز از اهمیت بسیار بالایی برخوردار است.

۵- طراحی حاوی عنصر دعوت به یک حرکت خاص (CALL TO ACTION) باشد.

هر صفحه اصلی که در اینجا فهرست شده است به طور موثر از CALL TO ACTION اولیه و ثانویه برای هدایت بازدید کنندگان به گام بعدی منطقی که به ذهن می رسد، استفاده نموده اند. به عنوان مثال دکمه هایی مانند “تست رایگان”،”دریافت نسخه دمو”،”همین الان بخرید” یا “بیشتر بدانید”.

به یاد داشته باشید، هدف صفحه اصلی متقاعد کردن بازدیدکنندگان برای کاوش عمیق تر در وب سایت شماست و حرکت دادن هر چه بیشتر آن ها به سمت پایین قیف فروش (فرآیند فروش). کال تو اکشن ها به بازدیدکنندگان می گویند چه کاری در گام بعدی باید انجام دهند تا در وب سایت گیج و گم نشوند. مهم تر از همه، کال تو اکشن ها وب سایت شما را به موتور تولید مشتری راغب (LEAD) و موتور فروش تبدیل می کنند و وب سایتتان دیگر صرفاً فقط یک بروشور آنلاین نخواهد بود.

۶- طراحی همیشه تغییر می کند.

بهترین صفحات اصلی هرگز همیشه ثابت نمی مانند. برخی از آن ها به صورت مستمر برای انعکاس نیازها، مشکلات و سوالات بازدید کنندگان تغییر می کنند. برخی دیگر از وب سایت ها با استفاده از تسب قبل و بعد (A/B TESTING) و یا با استفاده از محتوای پویا در صفحه اصلی تغییر می کنند.

۷- طراحی تاثیر گذار است.

یک صفحه با طراحی خوب برای اعتماد سازی، مخابره کردن ارزش به بازدید کننده و فرستادن او به گام بعدی ، اهمیت پیدا می کند. همانند صفحات نمونه زیر که به شکل موثری از ترکیب بندی طرح (LAYOUT)، محل قرارگیری کال تو اکشن، فضای خالی، رنگ ها، فونت ها و دیگر عناصر حمایت کننده استفاده نموده است.

حالا، برای یادگیری طراحی صفحه اصلی از ۲۰ نمونه واقعی عالی آماده باشید:

(پایان قسمت اول)

منبع: hubspot