۱۰ اصل مهم طراحی وب سایت را بدانید

در طراحی وب سایت زیبایی و کارایی بر میزان رضایت کاربران از سایت تأثیر بسزایی دارد. درواقع هردو مورد به یک‌میزان بر کیفیت یک سایت خوب تأثیرگذار است نباید از هیچ‌کدام غافل شد. معیار زیبایی یک سایت بر اساس نظر کاربران آن سایت مشخص می‌شود.
اگر در طراحی سایت مشکلی وجود داشته باشد، امتیاز مناسبی از معیارهای گوگل آنالیتیکس دریافت نمی‌کند و بانس ریت، صفحات کم در هر بازدید و نرخ تبدیل پایین بیشتری نسبت به سایر سایت‌ها خواهد داشت.
در این مطلب ۱۰ اصل مهم در طراحی وب سایت را عنوان می‌کنیم که چگونه وب‌سایتی داشته باشید که هم ازنظر ظاهری زیبا باشد و هم کارایی بالایی داشته باشد. به قول استیو جابز، بنیانگذار فقید شرکت اپل: «طراحی فقط آن چه که نظر می رسد و احساس می شود، نیست. طراحی نحوه کارکرد آن است.»

اصول طراحی وب سایت

۱۰ اصل مهم طراحی وب سایت را بدانید:

۱. هدف

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

۲. ارتباط

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

۳. فونت

استفاده از فونت‌های b Yekan ،Roya، Tahoma ، Nazanin و ایران سنس در وب‌سایت‌های فارسی رایج‌تر است. اندازه مطلوب فونت‌ها به‌طورمعمول ۱۴ پیکسل است. سعی کنید در سایت خود از فونت‌های گوناگون استفاده نکنید تا سادگی سایت حفظ شود.

حتما بخوانید:  کامنت ها در html

 

 

اصول طراحی وب سایت ، فونت

۴. رنگ‌ها

در طراحی وب سایت رنگ‌ها ازنظر روانشناسی می‌تواند تأثیر بسیار زیادی بر تجربهٔ کاربری داشته باشد. رنگ‌های تعادل و هماهنگی ایجاد می‌کنند. استفاده از رنگ‌های متضاد برای متن و پس‌زمینهٔ متن باعث می‌شود خواننده راحت‌تر آن‌ها را بخواند. رنگ‌های با طراوت باعث ایجاد شور و هیجان می‌شوند و معمولاً در دکمه‌های خاص مثل ارسال و ثبت استفاده می‌شود.

۵. تصاویر

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

۶. راهبری (Navigation)

راحتی پیمایش، یعنی راحتی بازدیدکننده در کار با سایت شما و جستجو در آن. برای راحتی کاربران از سلسله‌مراتب صفحه، Breadcrumb، استفاده کنید و سعی داشته باشید که از «قانون سه کلیک» پیروی کنید. این قانون یعنی کاربر باید بتواند با سه کلیک در سایت شما اطلاعاتی را که می‌خواهد را به دست آورد.

۷. چینش شبکه‌ای (Grid Based Layout)

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

۸. طرح الگوی F

مطالعات ردیابی چشم روی افرادی که به زبان‌های باریشهٔ لاتین (مانند زبان انگلیسی که از چپ به راست خوانده می‌شود) صحبت می‌کنند، نشان داده که این افراد صفحه کامپیوتر را با الگوی F مرور می‌کنند. اکثر چیزهایی که نگاه می‌کنند، در بالا و سمت چپ صفحه است و سمت راست به‌ندرت دیده می‌شود. این رفتار در زبان‌هایی که از سمت راست نوشته می‌شوند مانند زبان فارسی برعکس است و کاربران بیشتر محتوای سمت راست صفحه را مطالعه می‌کنند.
طراحی اثرگذار با رفتار طبیعی خواننده سازگار شده و اطلاعات را به ترتیب اهمیت نمایش می‌دهد.

حتما بخوانید:  ذخیره سازی وب HTML5

اصول طراحی وب سایت ، طرح F

۹. زمان بارگذاری وب‌سایت

بی‌شک بارگذاری سریع‌تر سایت، یکی از فاکتورهای مهم سئو و همچنین راهی برای فراهم آوردن تجربه کاربری (UXX) دل‌چسب برای بازدیدکنندگان است. نکاتی که زمان بارگذاری صفحه را کاهش می‌دهند عبارت‌اند از بهینه‌سازی تصاویر (اندازه و مقیاس)، ترکیب کد به یک فایل یا JavaScript CSS مرکزی و بهینه‌سازی کدهای HTML، CSS و JavaScript.

۱۰. موبایل پسند بودن (Mobile friendly)

در حال حاضر استفاده از موبایل برای دسترسی به وب‌سایت‌ها بسیار رایج شده است، بنابراین خیلی مهم است که وب‌سایت شما واکنش گرا (responsive) باشد. یا اینکه می‌توانید یک اپلیکیشن موبایل برای وب‌سایت خود بسازید.

امتیاز کاربران به این مطلب
۲ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

2 × 1 =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی