تکنیک فضای خالی در طراحی سایت

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

فضای خالی در طراحی سایت چیست

فضای خالی یا همان white space در واقع فضای استفاده نشده در سایت می باشد . فضای خالی طبق یک ساختار اساسی و اصولی در سایت قرار می گیرد و حتی در اکثر مواقع می توان گفت این فضا کاملا هدفمند طراحی شده است ! به زبان ساده می توان گفت فضای خالی در طراحی سایت ، قرار دادن فاصله مناسب بین عناصر موجود در صفحه می باشد که باعث مشخص شدن مرز بندی محتوای صفحه می شود. فضای خالی در طراحی سایت بر خلاف تصور عموم الزاما” سفید نیست و می تواند متشکل از هر طرح و رنگی باشد !

دلیل اهمیت فضای خالی در طراحی سایت

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

یکی از مهم ترین نکته ها در طراحی سایت اصولی و کاربر پسند رعایت این فضای خالی می باشد . با ایجاد فواصل منطقی و چیدمان ساختار بندی شده می توانید متون و عناصر مهم سایت را برای کاربر بهتر جلوه دهید.با این روش کاربر را به راحتی و در زمان کمتر به قسمت مورد نظر راهنمایی می کنید.
فضای خالی در طراحی سایت باعث بهبود UI سایت شما می شود.

برخی از فواید فضای خالی در طراحی سایت

برجسته نشان دادن موضوع اصلی
هدایت کاربر به سمت هدف
جست و جو و خوانایی ساده تر
ایجاد مرز بین متن و المان ها
ایجاد احساس مدرن و به روز بودن سایت در کاربر
تقسیم فضای خالی بدون استفاده از قاب
افزایش میزان اسکرول صفحه
دسترسی سریع به اطلاعات تماس
توجه بیشتر کاربر به دکمه های راهنما یا بنر های تبلیغاتی
و …

استفاده از تکنیک فضای خالی در طراحی UI سایت :

هدایت کاربر به سمت محتوای هدف

هر سایت با اهداف مشخصی ایجاد شده است . این اهداف می تواند پر کردن یک فرم ، ثبت نام در سایت ، خرید و … باشد . با پیاده سازی تکنیک فضای خالی در سایت و به خصوص در صفحات لندینگ میتوان توجه کاربر را به بخش مورد نظر جلب کرد و با کم کردن محتوای اضافی ، اصلی ترین المان صفحه را به کاربر نمایش داد.از ساده ترین نمونه های استفاده از این فضا میتوان به صفحه سرچ گوگل اشاره کرد.

مرزبندی صفحه با استفاده از فضای خالی

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

 این رنگ ها بر اساس دسته بندی های مختلف محصولات است . شما با دیدن تصویر علاوه بر مشاهده محصول ، متوجه دسته بندی محصول نیز می شوید . برای مثال با دیدن رنگ قرمز ، درمیابیم محصول از دسته پیشنهادات شگفت انگیز میباشد.

افزایش خوانایی نوشته

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

3-1- ایجاد فضا در حاشیه متن ها خوانایی نوشته شما را بیش از 20% افزایش می دهد !
3-2- نزدیک بودن عنوان به متن پارگراف تاثیر به سزایی در بهبود خوانایی متن دارد . با نزدیک قرار گرفتن عنوان و نوشته ، یک گروه متنی تشکیل می شود که باعث درک بهتر مخاطب می گردد.
3-3- دیگر اقدام مورد نیاز برای بهبود خوانایی ، افزایش فاصله بین خطوط می باشد . این عمل باعث می شود متن در هم رفته و بی نظم به نظر نرسد و کاربر سردرگم نشود.

برجسته نشان دادن

از دیگر دلایل استفاده از فضای خالی در طراحی سایت می توان به افزایش CTA ) call to action ) اشاره کرد .فراخوانی به عمل یا CTA بخشی از محتوا است که میتواند به شکل تصویر ، متن ، دکمه یا یک محتوای کامل باشد و هدف آن این است که کاربر اقدام خاصی را انجام دهد . معمولا با بزرگ تر نشان دادن هر عنصر ، توجه بیشتری به آن جلب می شود . این جلب توجه را می توان با تکنیک فضای سفید نیز ایجاد کرد . آیتم هایی که بین فضای سفید قرار می گیرند تاثیر گذاری بیشتری دارند و بهتر می توانند نظر مخاطب را به سمت خود جلب کنند و در نهایت ، این توجه باعث افزایش CTA میشود.

تاثیر گذاری بیشتر

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

سخن آخر

یادمان باشد در طراحی سایت رعایت تعادل را فراموش نکنیم ! همانطور که نبود فضای سفید باعث به هم ریختگی سایت و آشفتگی آن می شود ، استفاده بیش از حد از فضای خالی در طراحی سایت نیز این حس را به کاربر القا می کند که سایت محتوای مناسبی ندارد و موجب نارضایتی کاربر می گردد.