اگر شما هم همچون اکثر مالکان وبسایت ها باشید ، طراحی صفحه اول سایت برایتان بسیار مهم است ، چرا که این یکی از مهم ترین مراحل در طراحی سایت حرفه ای به حساب می آید. در این مطلب ، اصلی ترین نکات در طراحی صفحه اصلی را خواهید دانست.
اما در پس طراحی صفحه اول سایت ، فلسفه و دلیل وجود دارد یا لااقل باید وجود داشته باشد. این طراحی صفحه اول سایت شماست که اکثر بازدیدکنندگان را مجاب می کند به دیگر صفحات سایت شما هم بروند. این درب اصلی خانه است که نشانگر و نماینده ی وضعیت درون خانه است. این قانون برای تمامی کسب و کارهای آنلاین صدق می کند.
به عادات وب گردی خودتان فکر کنید. وقتی یک صفحه اول بد در یک وبسایت مشاهده می کنید چه اتفاقی می افتد؟ احتمالا سریعا کلید بازگشت به عقب را می زنید.
پس اجازه دهید راجع به بهبود طراحی صفحه اول سایت صحبت کنیم. در زیر 5 مورد از بهترین اعمالی که باید انجام دهید را مشاهده می کنید (از نحوه ی چگونه نوشتن پست ها گرفته تا مجاب کردن بازدید کنندگان برای رفتن به مراحل بعدی به همراه مثال).
طراحی صفحه اول سایت شما باید…
به وضوح مشخص کند شما چه کسی هستید و چه کار می کنید
برای بسیاری از بازدید کنندگان (البته نه همه) ، صفحه اول سایت شما اولین تعامل آنها با شماست. این بدان معنا است که صفحه اول باید سریعا به این دو سوال پاسخ دهد: شما چه کسی هستید و کار شما چیست؟
در ذهن یک بازدید کننده ، در این مورد که به سایت درستی آمده است نباید هیچ شک و شبهه ای باقی بماند. اگر آنها در عرض چند ثانیه نتوانند بفهمند شما چه کسی هستید و چه چیزی برای ارائه دارید ، سریعا عقب گرد می کنند (و احتمالا به سمت رقبای شما می روند). برای مثال: زمانی که بازدیدکننده به سایت خوب مراجعه می کند در همان ابتدا متوجه می شود ما چه خدماتی ارائه می دهیم.
صفحه اول سایت خوب
با مخاطب خود ساده رفتار کنید
اگر لازم نیست و برای مخاطب مورد نظرتان معقول به حساب نمی آید ، پس به هیچ وجه طراحی طراحی صفحه اول سایت خود را سنگین و شلوغ انجام ندهید – مهم نیست چقدر زیبا باشد.
صفحه اول شما باید کاملا راجع به کاربران شما صحبت کند ، که این یعنی باید نحوه ی رفتار صحیح و مناسب با آنها را مشخص کنید و طراحی ای انجام دهید که درک درستی از برند شما را ارائه دهد.
منظور خود را ساده و بدون طراحی های پیچیده ای که باعث گیج شدن مخاطب شود ارائه دهید. همچنین بهتر است اطمینان حاصل کنید که طراحی شما ساده باشد ، تجربه ی کاربری خوبی ارائه دهد و احساساتی که می خواهید راجع به کسب و کارتان انتقال داده شوند را به خوبی منتقل کند.
برای مثال ، یک بانک ممکن است حس حرفه ای تری داشته باشد و از رنگ هایی که انتقال دهنده ی اعتماد و امنیت هستند (مانند آبی) استفاده کرده باشد. در مقابل ، یک سایت راجع به برنامه ریزی روزانه بهتر است حالت سرزنده تر و جالب تری داشته باشد و از رنگ های روشن ، فونت های خلاقانه و انیمیشن استفاده کند. من نیز در پروژه Watch Store 55 که فروشگاه ساعت های گران قیمت است از ترکیب رنگ های مشکی و قرمز استفاده کردم که مفهوم لوکس بودن را می رسانند.
صفحه اول پروژه Watch Store 55
به کاربران کمک کنید راحت تر چیزی که به دنبالش هستند را بیابند
اگرچه صفحه اول سایت شما منبع عظیمی از ترافیک های جدیدی است ، اما اکثر اوقات بازدید کنندگان از صفحه اصلی شما با علم به اینکه چه چیزی می خواهند ، به سایت شما می آیند. پس چرا به آنها کمک نکنیم که هر چه ساده تر آن را بیابند؟
جهت و مسیریابی وبسایت شما باید در بالای طراحی صفحه اول سایت ، واضح و مشخص باشد و روش های منطقی برای هدایت و راهنمایی کاربران به مرحله ی بعدی داشته باشد. همچنین می توانید امکان جستجو در وبسایت را قرار دهید ، که برای کاربران امکان دسترسی مستقیم به دقیقا همان چیزی که می خواهند را فراهم می کند (بدون اینکه لازم باشد برای رسیدن به آن از چندین صفحه گذر کنند). این روش می تواند به خصوص برای کسب و کارهای اینترنتی که محصولات فراوانی دارند بسیار مفید باشد.
صفحه اول پروژه نیپک
واکنش گرا (ریسپانسیو) باشید
داشتن یک صفحه اول با ظاهری عالی اصلا کافی نیست. امروزه ، وبسایت ها باید برای هر نوع دستگاه و وسیله ای بهینه و سازگار شده باشند. (به این نوع از وب سایت ها ، ریسپانسیو می گویند.) یک مطالعه ی انجام شده در سال 2016 توسط Hitwise نشان داد که جستجو از طریق گوشی همراه تقریبا 58% از کل جستجوها در فضای اینترنت را تشکیل می دهد. این بدان معناست که بخش عظیمی از ترافیک هایی که مشاهده می کنید از طریق دستگاه های موبایل می آیند.
اما بهینه سازی و سازگار کردن صفحه اصلی برای موبایل یعنی اطمینان حاصل کردن از اینکه طراحی با ابعاد صفحه متناسب باشد. این یعنی اینکه کل تجربه ی کاربری باید برای کاربران موبایل آسان و ساده باشد.
صفحه اول ریسپانسیو شما باید از هر چیزی که باعث شود مسیریابی و استفاده از سایت شما مشکل شود عاری باشد (مواردی همچون تبلیغات مزاحمی که بستن آنها در یک صفحه ی کوچک مشکل است). همچنین این صفحه باید سریعا بارگذاری شود و مسیریابی ساده و راحتی داشته باشد.
به کاربران بگویید قدم بعدی چیست
اگر کاربران در صفحه اول شما بمانند و به مشکل مسیریابی بر بخورند ، پس کار خود را درست انجام نداده اید. طراحی صفحه اول سایت باید منطقی باشد. این یعنی اینکه صفحه باید دکمه های دعوت به عمل (CTA) اولیه و ثانویه ای داشته باشد که به کاربران شما کمک کنند بسته به هدفی که دارند بهترین عمل را انجام دهند.
CTA اولیه ی شما (عمل اصلی که می خواهید کاربران انجام دهند) باید در دید باشد که این در حیطه ی مسئولیت طراح سایت است و باید آن را در قسمت فوقانی صفحه قرار دهد. منظور از قسمت فوقانی ، محدوده ای است که پس از بارگذاری وبسایت نمایش داده می شود و پس از آن کاربر باید برای دیدن ادامه سایت ، به سمت پایین اسکرول کند. می توانید CTAهای ثانویه ی خود را در پایین صفحه قرار دهید.
به خاطر داشته باشید که اگرچه قصد ندارید کاربران را در صفحه اول خود مدام جا به جا و بالا و پایین کنید ، اما این بدان معنی نیست که CTAهای خود را فقط در یک جا قرار دهید.
به اعمالی توجه کنید که مخاطبان شما ممکن است بخواهند انجام دهند و حتما تمام مراحلی که یک نفر باید همراه با شما طی کند را پوشش دهید(مثلا برای آنهایی که آماده ی تبدیل شدن به مشتری هستند یک CTA داشته باشید و برای آنهایی که فقط قصد دارند اطلاعاتی راجع به شما به دست آورند هم یک CTA دیگر).
الهام بخشی بیشتر
به الهام بخشی بیشتر نیاز دارید؟ در زیر سه نمونه ی دیگر از صفحات اصلی که خوب کار کرده اند را مشاهده می کنید:
طراحی و تجربه ی کاربری
صفحه اول سایت Milwaukee Ballet با یک ویدئوی زیبا از حرکات موزون جلب توجه می کند. کل طراحی صفحه اول سایت ، یک ویدئو است اما زیاد شلوغ و سنگین نیست. در واقع ، دقیقا روی محرکی که توجه دوستداران رقص باله را جلب می کند دست می گذارد: زیبایی، مهارت و حرکت.
اما شاید بهترین نکته این صفحه اصلی آن است که طراحی و تجربه کاربری به یک میزان مورد توجه قرار گرفته اند. پیدا کردن بخش های مختلف سایت و استفاده از آنها (به کمک قسمت جستجو) ساده است و CTAهای روی اسلایدر ویدئویی ، منطقی و واضح هستند.
پیشنهاد ارزشمند واضح
KIND Snacks به خاطر طراحی فوق العاده متعادل و پیشنهاد با ارزشش نمره ی بالایی می گیرد. یک کاربر سریعا پس از اینکه وارد صفحه اول می شود ، متوجه می شود که چه چیزی وبسایت KIND را از بقیه ی وبسایت های مشابه مجزا می کند. علاوه بر این ، استفاده از رنگ های متضاد باعث می شود کل صفحه برجسته به نظر برسد و سریعا توجه را به عکس محصول و شعار آن جلب می کند. در مورد تصاویر محصول… تصویر قطعه شکلات KIND و تصاویر CTA ثانویه ، سطحی از کیفیت و مهارت طراحان صفحه اول را به نمایش می گذارند که باید به آن توجه کرد. آنها در به چشم آمدن و جلب توجه کردن محصول کار خود را عالی انجام داده اند.
هر چه کمتر بهتر
به یاد داشته باشید که لازم نیست طراحی صفحه اول سایت شما بیانگر تمام جزئیات وبسایتتان باشد. در واقع ، فقط باید نشانگر یک چیز باشد – دروازه ای به سمت بقیه ی قسمت های سایت. گاهی اوقات این بدان معنی است که هر چه جزئیات آن کمتر باشد بهتر است، درست مثل نمونه ی وبسایت Lululemon.
این صفحه اول رضایت بخش ، بین تصاویر برجسته و رنگ ها با طراحی ساده و ناوبری سر راست و آسان تعادل ایجاد کرده است. در مورد اعمالی که یک کاربر با هدف مشخص می تواند انجام دهد هیچ شک و شبهه ای وجود ندارد. Lululemon همه ی موارد از کالاهای رو به پیشرفت گرفته تا گروه های مختف پوشاک و هدایا را پوشش داده است. آنها همچنین در ارائه ی پیشنهاد ارزشمند در بالای سایت برای کمک به ایجاد اطمینان در خریداران نامطمئن کار خود را عالی انجام داده اند: ارسال رایگان و بازگشت رایگان.
نتیجه و گام های بعدی
یک صفحه اول عالی بازدید کنندگان را به خود جذب می کند و سپس آنها را در سایت شما نگه می دارد. این یعنی اینکه تمرکز صفحه اول شما نباید فقط بر یک طراحی جالب و زیبا باشد – بلکه باید تلاش کند برقراری ارتباط میان پیشنهاد ارزشمند شما و گام های بعدی ، با مخاطبانتان به آسانی صورت پذیرد.
اما به خاطر داشته باشید که صفحه اول شما بدون تحرک و خشک نباشد ، در واقع اصلا نباید اینگونه باشد! صفحه اول شما باید همیشه تازه و روح بخش باشد تا کاربران شما را به وجد آورد و درگیر کند.
برای اطمینان حاصل کردن از اینکه صفحه اول شما کار خود را به خوبی انجام می دهد ، بر نحوه ی عملکرد آن در سرویس آنالیز گوگل توجه کنید. به خصوص به بخش نرخ خروج (Bounce Rate) که مشخص می کند آیا مردم سریعا پس از ورودن به سایت شما از آن خارج می شوند یا خیر. اگر نرخ خروج سایت شما شما بالا است ، ممکن است به این معنا باشد که بازدید کنندگان نمی توانند آنچه را که می خواهند بیابند ، یا اینکه پیشنهاد ارزشمند شما نتوانسته است اعتماد و توجه آنها را جلب کند.
مهمتر از همه اینکه باید انعطاف پذیر باشید! اگر فکر می کنید یک جای کار می لنگد ، آن را پیدا کنید و مشکل را برطرف کنید. در واقع ، همین الان دست به کار شوید. به سراغ صفحه اول سایت خود بروید و یک بخش که می توانید تغییر دهید را مشخص کنید و دست به کار شوید.
منبع: shivarweb.com
