08 30 32 31 031
09 72 42 28 021

نکات طراحی سایت

5/5
نکات طراحی سایت

اصول و نکات طراحی سایت

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

پیشنهاد داغ مطالعه : مزایای طراحی سایت

 

 

دامنه اولین قدم اصول طراحی سایت

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

نکات طراحی سایت

بارگذاری وب سایت از دیگر اصول طراحی سایت

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

  • طراحی سایت استاتیک

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

  • طراحی سایت داینامیک

طراحی سایت داینامیک به روشی گفته می شود که در آن وب سایت دارای کنترل پانل برای مدیریت آن می باشد که صاحب وب سایت می تواند با آموزشی که از طراح وب سایت می بیند مطالب وب سایت را مدیریت نماید. طراحی سایت های دینامیک با استفاده از سیستم های مدیریت محتوای موجود و یا از پایه توسط زبان های برنامه نویسی تحت وب سمت سرور نظیر PHP و ASP.NET نوشته می شوند. امروزه سایت های دینامیک با توجه به مزایای آن نسبت به استاتیک طرفدار بیشتری دارند و سایت های استاتیک بسیار کمتر از قبل ایجاد می گردند.

 

سیستم مدیریت محتوا نقش اساسی در اصول در طراحی سایت می باشد

سیستم های مدیریت محتوا به برنامه های تحت وبی گفته می شوند که امکان مدیریت مطالب و محتوای وب سایت را می دهند که این سیستم های مدیریت محتوا یا از پایه با استفاده از زبان های برنامه نویسی وب نظیر PHP و ASP.NET پیاده سازی می گردند و یا از سیستم های مدیریت محتوای رایگان نظیر جوملا ، وردپرس و دروپال استفاده می گردند. مدیر وب سایت از طریق این سیستم های مدیریت محتوا می توانید مطالب و محتوای وب سایت ، تصاویر و منوها را بدون نیاز به دانش فنی و تنها از طریق کنترل پانل مدیریت وب سایت کنترل نماید.

 

نکات طراحی سایت

مراحل پیاده سازی وب سایت چگونه می باشد؟

۱. نیازسنجی

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

اصلی ترین موارد قابل طرح در این بخش شامل :

  • مصاحبه با فرد سفارش دهنده و کارکنان و تعیین نیازمندی ها
  • بازدید از روند فعالیت در سیستم و شناخت مراحل آن
  • شناخت مخاطبین
  • انتخاب سرویس مورد نیاز برای کنترل و اجرای وب سایت (PHP,ASP,….)
  • انتخاب بانک اطلاعاتی مورد نیاز برای نگهداری اطلاعات
  • امکانات لازم برای سیستم که شامل تصویر، صوت، انیمیشن، فرم و …
  • مستند سازی اولیه از اطلاعات بدست آمده
  • فناوری های مورد نیاز مانند پراخت اینترنتی و …

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

2. معماری اطلاعات

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

تعدادی از این موارد عبارتند از :

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

در نحوه سازمان دهی صفحات وب سه نوع ساختار مهم وجود دارد:

  1. سایت ترتیبی (Sequence Site)
  2. سایت سلسله مراتبی (Hierarchical Site)
  3. سایت تارعنکبوتی (Web-linked Site)

 

سایت ترتیبی (خطی)

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

سایت سلسله مراتبی

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

سایت تارعنکبوتی

در این ساختار دسترسی به هر صفحه از جند صفحه دیگر امکان پذیر است.

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

سازماندهی اطلاعات : بهتر است محتویات وب سایت و ارتباطات بین آنها در قالب یک دیاگرام ارائه گردد.

3. طراحی

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

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

 

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

 

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

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

فهرست مطالب این مقاله

LinkedIn
Twitter
Telegram
WhatsApp

برای دریافت مشاوره رایگان ، متناسب با سلیقه  و نیازتان از راه های ارتباطی زیر استفاده کنید:

تماس با مشاوران نقش آبرنگ

031-31323008

تماس با متخصص دیجیتال مارکتینگ

09132664095

تماس با متخصص طراحی و چاپ و تبلیغات محیطی

09132127209

برای برقراری ارتباط سریع در واتس اپ ، با انتخاب بخش مورد نظر پیام خود را ارسال کنید