اصول و قواعد طراحی سایتاصول و قواعد طراحی سایت تاریخ انتشار : 31 فروردین، 1396

اصول و قواعد طراحی سایت

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

فونت در طراحی سایت

فونت

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

البته این غیر ممکن نیست، شما می توانید از هزاران اندازه فونت استفاده کنید. اما استفاده از 2 و یا حداکثر 3 سایز مختلف فونت و محدود کردن اندازه متون سایت به آن سایز ها، خواندن مطالب سایت را آسوده تر و طراحی وب سایت شما را حرفه ای تر نشان می دهد.
در طراحی سایت خود برای هدینگ ها از فونت Serif و برای متون داخل سایت از Sans-Serif استفاده کنید. فونت های Sans-Serif برای مطالعه متون در صفحات اینترنت بسیار راحت تر از فونت های دیگر هستند.

سعی کنید که از فونت هایی همچون Arial، Tahoma در سایت خود استفاده کنید زیرا چنین فونت هایی در اکثر رایانه های دنیا وجود دارند و کاربران برای مشاهده سایت خود به مشکل بر نخواهند خورد. سایز محتوای سایت بسیار مهم است زیرا نباید نه زیاد بزرگ و نه زیاد کوچک باشد. اکثر سایز نوشته های خود را یکنواخت انتخاب کنید که کاربران برای مشاهده ساید به مشکل بر نخورند.

گرافیک در طراحی سایت

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

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

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

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

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

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

تبلیغات در طراحی سایت


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

بر روی تبلیغات داخل سایت و تعداد آن ها کنترل داشته باشید. بازدیدکنندگان شما برای دیدن تبلیغات به سایت شما نمی آیند. آن ها برای محتوای سایت شما می آیند.

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

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

محتوای سایت را باید با در نظر گرفتن دو نکته تنظیم نمایید : 1- برای کاربران شما جذاب و مفید باشد 2- نکات مربوط به بهینه نوشتن متن برای موتورهای جستجو رعایت شده باشد و از نوشتن یکی دو خط توضیح برای یک مطلب خودداری نمایید.

اصول و قواعد طراحی سایت

تیم طراحی سایت وب کو وب همیشه آموزش هایی در این زمینه به مشتریان خود ارائه می دهد چون موفقیت سایت آنها مساوی موفقیت تیم وب کو وب


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

اصول و قواعد طراحی سایت
31 فروردین

اصول و قواعد طراحی سایت

بازدید: 413

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

سایت واکنشگرا ( Responsive ) یا سایت پاسخ گرا و واکنشی چیست؟
29 فروردین

سایت واکنشگرا ( Responsive ) یا سایت پاسخ گرا و واکنشی چیست؟

بازدید: 623

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

اهمیت گرید در طراحی سایت و انواع گرید در طراحی وب
30 فروردین

اهمیت گرید در طراحی سایت و انواع گرید در طراحی وب

بازدید: 474

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

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما
31 فروردین

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما

بازدید: 445

سئو چیست و چگونه انجام می پذیرد؟سئو عبارت است از بهینه سازی وب سایت برای موتورهای جستجوگر که گوگل مهمترین آنهاست و تعریفی که ما برای سئو ارائه می دهیم راهنمایی کاربران به وبسایت هایی که مرتبط ترین موضوع را با کلمه کلیدی مورد جستجو آنها دارد اما چگونه به گوگل بگوییم که سایت ما مرتبط ترین سایت با کلمه کلیدی مورد جستجو می باشد ؟ پاسخ این سوال در استراتژی سئو سایت میباشد که از مهمترین آنها می توان به تولید محتوای [...]

ویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئی
01 اردیبهشت

ویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئی

بازدید: 649

دکمه های نامرئی یا‎ Ghost Button ‎تکنیک جدید است که در طراحی سایت استفاده می ‏شود. دکمه نامرئی یک المان شفاف و قابل کلیک است که میتواند در هرکجا از صفحه بکار ‏گرفته شود و با حفظ زیبایی سایت جلوی نمایش تصویر اصلی را نگرفته و عموما برای جلب ‏توجه کاربران و راهنمایی آنها به بخش های اصلی سایت استفاده می شود. باید در انتخاب ‏دکمه نامرئی و روش طراحی آن دقت شود تا اثرات منفی بر طراحی سایت و سئو سایت ‏نگذارد.‏از [...]

تکنیک Hero header در طراحی سایت چیست؟
01 اردیبهشت

تکنیک Hero header در طراحی سایت چیست؟

بازدید: 727

با دیدن کلمه "hero" شاید بیشتر تصوری از قهرمان های خیالی همچون بتمن، سوپرمن و یا دیگر شخصیت های رمان گرافیکی داشته باشید، اما ما در مورد قهرمانانی چون مرد آهنین، بت من و مرد عنکبوتی صحبت نمی کنیم، در واقع کلمه "hero " برای طراحی سایت یک معنی کاملا متفاوت دارد."hero" در طراحی سایت متشکل از یک پس زمینه ، یک تصویر ، یک تیتر، یک زیر عنوان، و در برخی از نسخه همراه با متن یک یا دو کلمه ای می باشد.به لطف صفحه [...]