گامهای اولیه طراحی صفحات وب چیست؟گامهای اولیه طراحی صفحات وب چیست؟ تاریخ انتشار : 31 فروردین، 1396

گامهای اولیه طراحی صفحات وب چیست؟

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

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

پیاده ســازی

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

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


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

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

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

 


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

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

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار
01 اردیبهشت

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار

بازدید: 4405

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

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب
30 فروردین

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب

بازدید: 1209

هنوز باور های اشتباه و فرسوده ای در مورد سئو وجود دارد که شاید اگر در سال ۲۰۰۲ میلادی زندگی می کردید می توانستید از این تکنیک ها برای جذب بازدیدکننده ی بیشتر از طریق موتورهای جستجو استفاده کنید. اگر یک سایت فروش دوربین داشتید با استفاده ی از کلمه ی کلیدی "دوربین" در محتوای صفحات خود می توانستید در نتایج جستجو خودی نشان دهید. اما الگوریتم های موتورهای جستجو در سال های گذشته دستخوش تغییرات فراوان و مهمی شده [...]

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟
30 فروردین

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟

بازدید: 1063

گوگل پاندا (Google Panda) به تغییراتی گفته می شود  که از اواخر اسفند  1389  (فوریه 2011) در الگوریتم نمایش نتایج جستجو در گوگل اعمال شد و همچنان ادامه دارد. این تغییرات با هدف کاهش سایت های رتبه بندی شده یا  کیفیت پایین دنبال می شود و سایت های با کیفیت را در بالای صفحه نمایش نتایج جستجو نشان می دهد. در اثر این تغییرات، سایت هایی که حجم بسیار زیادی آگهی تبلیغاتی در خود جای داده بودند به رده های پایین سقوط کننند و وب [...]

نکات بازاریابی از طریق شبکه های اجتماعی
30 فروردین

نکات بازاریابی از طریق شبکه های اجتماعی

بازدید: 1652

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

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید
01 اردیبهشت

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید

بازدید: 1896

HTML‏ (‏‎ ‎اچ تی ام ال‎ ‎‏) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی سایت ‏است. صفحات اینترنتی شامل اطلاعاتی است که حاوی متن ، تصویر ، ویدئو ، صوت و… می ‏باشد . این محتوا توسط سه لایه به کاربر نمایش داده می شود . لایه  محتوا همیشه وجود ‏دارد و حاوی محتوایی می باشد که طراح سایت قصد دارد آن را به کاربر نمایش دهد . این ‏محتوا بصورت کدهای ‏HTML‏ مابین دو تگ <‏html> قرار میگیرد [...]

css چیست؟
29 فروردین

css چیست؟

بازدید: 1339

CSS یا Cascade Style Sheets  یک نوع زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است.زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر [...]