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

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

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

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

پیاده ســازی

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

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


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

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

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

 


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

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

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

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

بازدید: 5338

به آدرس های سایت دامنه می گویند. مانند 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 را برای دانشگاه ها و [...]

تصورات غلط و رایج درباره طراحان وب
31 فروردین

تصورات غلط و رایج درباره طراحان وب

بازدید: 1967

اصولا امروزه هر فردی که یک کتاب طراحی وب را مطالعه کرده باشد ، تصورش اینست که دیگر خدای طراحی است و کسی بالای دست او کار نمی کند، اما واقعا یک طراحی وب شامل دانسته هایی از حیطه های مختلف مثل CSS3, HTML5,Javascript,PHP,jQuery و موارد زیاد دیگر است که همه با هم می تواند یک طراح وب را به جلو سوق دهد. برخی از تصورات غلط و البته رایج در مورد یک طراح وب را که اکثرشان هم درست نیستند ، توضیح داده و نکاتی  مهم وقابل توجهی را بیان می [...]

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

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

بازدید: 6925

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

روشهایی برای بهبود فوترهای معمولی و رایج
31 فروردین

روشهایی برای بهبود فوترهای معمولی و رایج

بازدید: 1699

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

RSS چیست و کاربردهای RSS در طراحی سایت
31 فروردین

RSS چیست و کاربردهای RSS در طراحی سایت

بازدید: 18351

RSS مخفف Really Simple Syndication به معنی تشکیل ارتباط‌های بسیار ساده است. آر.اس.اس فرمتی برای خروجی اطلاعات می‌باشد. آر.اس.اس فایلی با فرمت خاص (XML) می‌باشد که شامل آخرين عناوين سایت‌های خبری، وبلاگ‌ها و سايت‌هايی از اين دست می‌باشد. در واقع با به روز شدن سایت، فایل آر.اس.اس آن به طور خودکار به روز می‌شود. محتويات فايل‌های آر.اس.اس را می‌توان به کمک نرم‌افزارهای مخصوص و يا سايت‌هايي كه اين امكان را [...]

Bootstrap چیست و چه کاربردی دارد؟
01 اردیبهشت

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

بازدید: 7707

 Bootstrap ( بوت استرپ ) چیست ؟Bootstrap ( بوت استرپ ) یکی از قدرتمند ترین و محبوب ترین فریم ورک های HTML ، CSS و Javascript برای توسعه و طراحی سایت بصورت واکنش گرا در ابزارهای نمایش وب در اندازه های مختلف از جمله موبایل، تبلت و کامپیوترهای رومیزی می باشد، که امکان طراحی صفحات وب در کمترین زمان را به شما می دهد. تاریخچه Bootstrap :Bootstrap ( بوت استرپ )  توسط یک طراح و یک توسعه دهنده تویتر ایجاد شده است، و تبدیل به یکی از [...]