سبک چاپی را انتخاب کنید که خواندن آن آسان و پیمایش در آن باشد.

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

در حالت ایده آل ، شما یک نوع متن می خواهید:

    خواندنی
    بدون چربی
    برای همه کاربران قابل دسترسی است
    در چندین دستگاه و اندازه صفحه قابل خواندن است

شما همچنین می خواهید با ظاهر و احساس برند شما مطابقت داشته باشد. به عنوان مثال ، برند لوکس مد Burberry ، آرم خود را برای اولین بار در 20 سال گذشته در سال 2018 به روز کرد. آن را جایگزین حروف بزرگ Serif با یک قلم پررنگ ، بدون حروف بزرگ و بدون آرم شوالیه کرد.

رنگ بندی متناسب با مارک تجاری خود را انتخاب کنید.

مانند تایپوگرافی ، رنگ می تواند نه تنها در درک و تعامل با محتوا ، بلکه در احساس ما در مورد آن نیز تأثیر بگذارد. بنابراین طرح رنگی شما باید همان کادرهای چاپ وب سایت شما را بررسی کند. باید باشد:

    هویت برند خود را تقویت کنید
    خواندن و پیمایش سایت خود را آسان کنید
    احساسات را برمی انگیزد
    خوب نگاه کن


برای تقسیم متن و سایر عناصر از فضای سفید استفاده کنید.

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

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

از بافت برای افزودن شخصیت و عمق استفاده کنید.

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

نگاهی به دکوراسیون در صفحه اصلی Mony's Tacos در سانتا باربارا در زیر بیاندازید. به نظر می رسد گچی است که روی تخته سیاه کشیده شده است ، درست است؟ من در مورد شما نمی دانم اما گچ را روی انگشتانم احساس می کنم فقط با نگاه کردن به آن.

برای درگیر کردن و آگاهی دادن به خوانندگان خود عکس اضافه کنید.

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

پیمایش خود را ساده کنید.

پیمایش یکی از مهمترین عناصر طراحی در وب سایت است. بر بازدیدکنندگان از دسترسی و مرور صفحه اصلی شما یا کلیک کردن روی دکمه بازگشت تأثیر می گذارد. به همین دلیل مهم است که آن را تا حد ممکن ساده نگه دارید.

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

CTA های خود را برجسته کنید.

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

شما می خواهید CTA های شما در طراحی وب سایت شما نشان داده شود. برای رسیدن به این هدف ، نحوه استفاده از رنگ ها و همچنین عناصر دیگری مانند رنگ پس زمینه ، تصاویر اطراف و متن اطراف را در نظر بگیرید.

بهینه سازی موبایل

ما قبلاً در مورد اهمیت پاسخگویی وب سایت شما بحث کرده ایم. اما از آنجا که دستگاه های موبایل 59٪ از ترافیک موتورهای جستجوگر ارگانیک را در سال 2021 به خود اختصاص داده اند ، ما اهمیت طراحی وب سایت شما را برای موبایل پسند دو چندان می کنیم. این ممکن است به معنای تغییر یا حذف برخی از عناصر باشد که می تواند اندازه صفحه کوچک را گیج کند یا روی زمان بارگذاری تأثیر منفی بگذارد.

گزینه های ارائه شده به کاربران را انتخاب کنید.

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

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