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

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

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

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

پیاده ســازی

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

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


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

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

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

 


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

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

سئو و بهینه سازی سایت چیست؟
28 فروردین

سئو و بهینه سازی سایت چیست؟

بازدید: 2865

SEO )سئو) و یا به عبارت دیگر بهینه سازی سایت برای موتورهای جستجو عملیاتی است که تیم حرفه ای وب کو وب می تواند برای بهبود نمایش یک سایت یا صفحه ای از یک وب سایت در صفحه نتایج موتور های جستجو مانند گوگل انجام دهد، این پروسه می‌تواند با رعایت استانداردهای موتورهای جستجو و یا الگوریتمی باشد. این روش از کارآمدترین روش‌های بازاریابی اینترنتی برای تمامی موتورهای جستجو می باشد. به طورکلی در طراحی سایت، وب سایت هایی که [...]

دامنه چیست و چه کاربردی دارد ؟
29 فروردین

دامنه چیست و چه کاربردی دارد ؟

بازدید: 6425

به آدرس های سایت دامنه می گویند. مانند www.google.com که دامنه آن google.com است. شاید اجزای هر URL را بدانید ولی دامنه یکی از مهم ترین قسمت های سایت و URL است. برای مثال دامنه https://www.example.ir را ببینید پسوند IR ، پسوند این دامنه است ولی به این آدرس https://www.example.ir/default.php دقت کنید، php پسوند فایل default و IR پسوند دامنه ماست. خب حالا فرق .com و .net و .ir و ... در چیست؟ هر یک از پسوند های دامنه معنای خاصی دارد. مثلا پسوند .ac.com یا ac.ir را برای دانشگاه ها و [...]

اهمیت کمک به مشتریان برای به روزرسانی وب سایت های از رده خارج آنها
01 اردیبهشت

اهمیت کمک به مشتریان برای به روزرسانی وب سایت های از رده خارج آنها

بازدید: 2107

عملا سایت هایی که ۵ الی ۱۰ سال پیش با استاندارد های آن زمان طراحی و ارائه شده ‏است، با استاندارد های امروز همخوانی ندارد‎. ‎که این موضوع خود به خود منجر به از رده خارج ‏شدن وب سایت های قدیمی می شود. بسیار پیش آمده است که با بازنگری در کارهای ‏قدیمی این حس را داشته باشید که می توانستید به جای استفاد ه از کد های فعلی، کد‎ X ‎یا ‏اسکریپت‎ Y ‎را استفاده کنید.گاهی اوقات داشتن یک وب سایت از رده خارج عواقب [...]

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

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

بازدید: 1849

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

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟
28 فروردین

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟

بازدید: 3568

اچ‌ تی‌ ام‌ ال زبان توصیف ساختار صفحه‌های وب است. دستورعمل‌های این زبان، برچسب (Tag) نام دارند در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارندزبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند.HTMLمخفف عبارت  Hyper TextMarkup Language  می باشد که به معنای زبان نشانه گذاری متن می باشد. HTMLدر کنار [...]

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

بهینه سازی و یا همان سئو هوشمند وب سایت

بازدید: 7290

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