تمام نکاتی که در طراحی سایت باید به آن توجه داشت

بهترین سایت آموزش طراحی سایت برنا

پنجشنبه ۰۶ اردیبهشت ۰۳

تمام نکاتی که در طراحی سایت باید به آن توجه داشت

۱۲۰ بازديد
 

ویژگی مهم که در وب سایت شما باید لحاظ شود

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

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

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

 نیاز اساسی که وب‌سایت شما باید پاسخ بدهد

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

توجه و رعایت این موارد باعث می‌شود که شما یک سایت عالی داشته باشید که می‌تواند بازدهی فوق‌العاده برای شما داشته باشد... و توجه نکردن به آنها مساوی است با یک سایت ضعیف و فراموش‌شدنی. اما این دو جنبه طراحی سایت چه هستند؟

  • تجربۀ کاربری (User Experience)

    اولین هدف وب سایت شما، ارائه تجربه کاربری خوب (به اصطلاح UX) است. فکر می‌کنم حدس زدن معنای این کلمه چندان کار سختی نباشد. این عبارت به حس و تجربه کاربر از سایت شما اشاره دارد.
    شما باید وب سایت خود را از دریچه نگاه کاربر ببینید و کاری کنید که تجربه او لذت بخش باشد. برای مثال مطمئن شوید که  کاربر راحت می‌تواند از سایت شما استفاده کند، دسترسی به بخش های مهم سایت به سادگی ممکن است، همه متن ها واضح و قابل فهم هستند، سایت شما از لحاظ بصری زیباست و ...
    بسیاری از نکاتی که در این مقاله آورده شده است، بخشی از یک تجربه کاربری خوب محسوب می‌شوند.
  • سئو (SEO)

    لازم نیست گیج شوید! معنی این کلمه چندان عجیب و غریب نیست. سئو یعنی شما سایت خود را به نحوی بسازید که بتواند رتبه های بالایی را در گوگل (و سایر موتورهای جستجوگر) به دست آورد. این کلمه مخفف Search Engine Optimization یا همان بهینه سازی سایت برای موتورهای جستجو است.
    روزانه میلیون‌ها جستجو در اینترنت انجام می‌شود که بخش قابل توجهی آنها از طریق گوگل است. این جستجوها بسیار متفاوت هستند و قطعاً بخشی از آنها، در حیطه کاری شماست. برای مثال اگر شما یک فروشگاه اینترنتی موبایل داشته باشید، قطعاً کسی که عبارت "خرید موبایل" را جستجو می‌کند، برایتان یک کاربر ایده‌آل محسوب می‌شود.
    در واقع، حضور در گوگل می‌تواند یک راه عالی برای افزایش بازدید و فروش سایت شما باشد. اما برای این منظور در درجه اول لازم است سایت شما تمام استانداردها و اصولی که برای موتورهای جستجوگر مهم است را رعایت نماید. بسیاری از نکاتی که در ادامه می‌آیند، می‌توانند در سئو یا رتبه گوگل شما تاثیرگذار باشند.

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

 ویژگی و نکتاتی  که در طراحی سایت مهم هستند

۱- رنگ بندی جذاب داشته باشید :

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

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

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

۲- به سایز و نوع فونت بیشتر اهمیت دهید :

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

۳- مسیریابی آسان در منوها :

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

شما باید کوتاه ترین مسیر را برای دسترسی کاربر به محتوای مورد نظر در نظر بگیرید. اگر حجم مطالب زیاد است می‌توانید از ۲ یا چند منو مختلف استفاده کنید و بخش بندی مطالب را گسترش داده تا کاربران در کوتاه ترین زمان ممکن به خواسته خود دست یابند.

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

۴- از تصاویر با کیفیت و خلاقانه استفاده کنید :

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

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

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

سایز تصاویر هم باید متناسب با مطلب شما انتخاب شود. برای یک مقاله یک تصویر با اندازه متوسط (۶۰۰X400) کافی است و برای منو ها و لوگوی سایت از تصاویر با سایز کوچک استفاده کنید. استفاده از تصاویر بیش از حد بزرگ در مطالب باعث سنگین شدن صفحات سایت و در نتیجه کاهش سرعت بارگذاری سایت می‌شود.

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

به کاربردن تصویر متناسب با موضوع نیز از دیگر نکات مهم می‌باشد. سعی کنید تا جایی که می‌توانید عکس‌های با کیفیت بگیرید و از آن‌ها استفاده نمایید. اگر هم نمی‌تونید عکس‌های باکیفیت را برای سایت خود انتخاب نمایید.

۵ – فرم تماس مناسب طراحی کنید :

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

قرار دادن اطلاعات تماس در قسمت قابل دید و بالایی سایت از دو جهت به شما کمک میکند :

  1. باعث اطمینان کاربر از فعالیت شما می‌شود : وقتی یک سایت خدماتی اطلاعات تماس تلفنی یا آدرس و ایمیل خود را در سایت قرار می‌دهد در مقایسه با سایر سایت ها که فقط یک ایمیل قرار داده‌اند یا اصلا بخش تماس ندارند بسیار قابل اعتماد‌تر است.
  2. باعث فروش بیشتر میشود : در سایتی که کاربران می‌توانند به راحتی با شما ارتباط برقرار کرده و تمامی اطلاعات تماس شما پیش روی آنها می‌باشد طبیعتا فروش بیشتری انجام خواهد شد. زیرا کاربر اعتماد بیشتری به شما خواهد داشت.

۶ – سرعت سایت را بالا ببرید :

یک بخش بسیار مهم هم در طراحی سایت و هم در بخش بهینه‌سازی و سئو سایت مربوط به سرعت سایت است. بخش پایه و اساسی در سرعت سایت به انتخاب هاست مناسب و بعد از آن استفاده از ززیا CDN است.

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

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

  • استفاده حداقل از Java و CSS  :

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

همچنین در نوشتن CSS ها سعی کنید تمامی متغیر‌ها را در یک یا دو فایل قرار دهید و از ساختن چندین فایل CSS در بخش‌های مختلف سایت پرهیز کنید. زیرا باعث کندی بیش از حد سایت خواهد شد.

  • استفاده استاندارد از مولتی مدیا :

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

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

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

 

تا كنون نظري ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در فارسی بلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.