طراحی وب سایت از یک سری اصول استاندارد پیروی میکند که رعایت آن موجب بهبود عملکرد سایت در ارتباط با کاربران مجازی میشود. در این مقاله شما را با نکات مهم طراحی سایت و طراحی پورتال آشنا خواهیم کرد.
تعداد بازدیدکنندگان هر وبسایت به راحتی قابل مشاهده است و هر بازاریاب میداند که چه مقدار ترافیک دریافت میکند. اما آنچه پس از آن اتفاق میافتد به وضوح آشکار نیست.
به همین دلیل نکات طراحی سایت سخت است و تحت تاثیر عوامل زیادی قرار دارد. حتی پس از انجام دادن 1000 پروژه موفق وب دشوار است که بدانیم چه چیزی به بهترین وجه کار میکند.
در این مقاله 9 نکته طراحی وب سایت برای شما آورده شده است. بسیاری از این نکات طی تحقیقات انجام شده است و میتواند برای طراحان مبتدی و مشاغل کوچک و بزرگ کارآمد باشد.
چیدمان ساختاری وبسایت
وبسایت درواقع شامل دو چیز است، ظرف و محتوا.
ظرف وبسایت نیز شامل دو چیز است: ساختار و سبک.
ابتدا با ساختار شروع میکنیم که نکات آن درباره چیدمان صفحه است.
هر صفحه دارای سلسله مراتب بصری است. اگر با مفهوم این عبارت آشنا نیستید ما تعریف آن را در اینجا برای شما آوردهایم:
طراحان وب از سلسله مراتب بصری استفاده میکنند تا توجه بازدیدکنندگان را به سوی عناصر مهم هدایت کنند. طرح وب شامل موقعیت (بالا و پایین صفحه)، اندازهها (بزرگ یا کوچک)، تصاویر (ویدیو، تصاویر، نمادها) و کنتراست (رنگ و فضای سفید) است.
عنوان در بالای صفحه اصلی قرار دارد و میتواند توصیفی یا غیرتوصیفی باشد. در صورت توصیفی نبودن بازدیدکننده ممکن است نتواند به اولین سوال خود یعنی «آیا من در جای مناسب هستم؟» پاسخ دهد. همچنین عنوان توصیفی برای استفاده از کلمه کلیدی هدف و نشان دادن ارتباط است. بسیاری از بازاریابان یک عنوان زیرکانه یا مبهم مینویسند. اما روشن و واضح بودن عنوان یک روش هوشمندانهتر است. بهتر است به جای نوشتن یک عنوان جالب اما مبهم یک عنوان توصیفی بنویسید.
بازدیدکنندگان ممکن است وقت بیشتری را در صفحه وبسایت شما بگذرانند اما این بدان معنی نیست که آماده اقدام و یا خرید هستند. فراخوانی برای اقدام معمولا در پایین صفحه انجام میشود.
طی یک تحقیق که 25 میلیون بازدیدکننده را مورد تجزیه و تحلیل قرار داد این نتیجه حاصل شد که بیشتر درگیریها در زیر صفحه اتفاق میافتد. تنها به این دلیل که محتوای موجود در بالای صفحه قابل مشاهده است لزوما به این معنا نیست که موثرترین مکان برای فراخوانی مخاطب است.
پیکسلهای بیشتر یعنی فضای بیشتر برای پاسخ به سوالات، پرداختن به اعتراضات و افزودن شواهد حمایتی. اگر بازدیدکننده پاسخی برای یک سوال مهم پیدا نکند به راحتی تا پایین صفحه حرکت میکند و زمانی که راضی شد خواندن را متوقف میکند.
چیزی که معمولا بیشتر مشتریان در هنگام شروع پروژه طراحی وب به ما میگویند معمولا این جمله است: «من یک طراحی تمیز و مدرن را دوست دارم.». بازدیدکنندگان فضای آشفته را دوست ندارند. درواقع آنها فضای سفید را دوست ندارند بلکه پیچیدگی بصری کم را دوست دارند.
در سال 2012 گوگل تصمیم گرفت که بداند چه وبسایتهایی از نظر بازدیدکنندگان زیبا هستند. این یک مطالعه درمورد سادگی با یک نام بسیار پیچیده بود: «نقش پیچیدگی بصری و نمونهسازی اولیه درمورد برداشت اول از وبسایتها: تلاش در جهت درک احکام زیباییشناسی».
آنها در این تحقیق دریافتند که طرحهای پیچیده کمتر به عنوان زیبایی درک میشوند.
همان تحقیق گوگل نشان داد که نمونه اولیه بالای صفحه نیز با زیبایی درک شده ارتباط دارد. به عبارت دیگر از طرحهای عجیب و غریب در ابتدای صفحه استفاده نشده و وبسایتی که از استانداردها پیروی کرده است بیشتر مورد استقبال قرار گرفته است.
سایتهایی که به عنوان زیباترین سایتها محسوب میشوند دارای نمونههای اولیه بالا و همچنین پیچیدگی بصری کم هستند که هر دو این موارد ساده و تمیز کار شدهاند.
این بسیار خوب است که شما برند خود را متمایز کنید اما درمورد چیدمان سایت بهتر است که ساده عمل کنید.
وبسایتهای مدرن بازاریابی به ویژه صفحات فروش اغلب با بلوک صفحه ساخته میشوند. این بلوکها ردیفهایی از محتوا هستند که اغلب با یک تصویر در یک طرف و متن در طرف دیگر در یک ستون واحد جریان مییابند.
این طرحها سالها محبوب بودند و مشتریان آنها را دوست دارند. اما مشکلی که وجود دارد این است که بازدیدکنندگان ممکن است فقط اولین اسلایدها را ببینند. مطالعات زیادی صورت گرفته که به همین نتیجه رسیدهاند و دریافتهاند در این نوع طرحها اسلایدهای بعدی کمتر دیده میشوند و تماس یا اقدام به کلیک کرد برروی این اسلایدها تقریبا بعید است.
این طرحها ممکن است محبوب باشند اما استفاده از آنها برای سیاست داخلی خوب است نه برای بالا رفتن نرخ بازدیدکنندگان.
بهتر است از زبانهها و جعبه محتوای قابل گسترش استفاده نکنید. با دانستن اینکه 76 درصد از بازدیدکنندگان در حال اسکن هستند میتوانید همه چیز را در معرض دید آنها نگه دارید و از این طریق مطالب خود را بیشتر به آنها نمایش دهید بدون اینکه نیاز به کلیک کردن برای آشکار کردن چیزی باشد.
شما در وبسایت آمازون نیز هیچ کدام از این زبانهها و آکاردئونها را مشاهده نخواهید کرد. به خاطر داشته باشید که خواندن سریع بسیار راحتتر از کلیک کردن است. اگر بازدیدکننده مجبور باشد هدف خود را کلیک کرده یا برروی زبانه کلیک کند تا قادر به مشاهده چیزی باشد کمتر احتمال دارد که آن را ببیند.
این محتوا شامل 27 بخش است که در مقاله بعدی به ادامه این نکات میپردازیم. امیدوارم که این نکات را یادداشت کنید و از آن ها برای جذب و حفظ بیشتر مخاطب استفاده کنید. همچنین می توانید برای اینکه از کارایی این محتوا مطمئن شوید وارد صفحه طراحی سایت در تبریز شوید و تمام این نکات را ببینید.