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

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

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

طراحی صفحات وب


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

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

ساختار اطلاعات

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

طراحی وب سایت


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

مخاطب محوری


محتوا
محتوای موجود در وب سایت جدید باشد و در بازههای زمانی مناسب، بهروزرسانی گردد. اطلاعات قدیمی از طریق بخش بایگانی (آرشیو) قابل دسترسی و استفاده باشد. مشخصات نویسندگان مطالب یا منبعی که از روی آنها ترجمه یا اقتباس صورت گرفته درج شود. هدف از راه اندازی وب سایت و مطالبی که ارایه می کند مشخص باشد و حتی امکان به صورت توضیحی کوتاه در صفحه اول درج شود. برای مثال  تکیه صرف بر متن برای ارایه محتوا باعث یکنواختی صفحات و خستگی کاربر میشود و از سوی دیگر، استفاده بیش از حد از تصاویر، باعث کند شدن بارگذاری صفحه و نیز عدم تمرکز کاربربر نوشته ها خواهد شد.مطالب درج شده، در حوزه ای که مرتبط با هدف راه اندازی وب سایت است جامع باشد وپیوندهای مربوط به منابع و مراجع در انتهای مطالب درج گردد. اشتباهات تایپی یا نگارشی و به ویژه محتوایی در مطالب وجود نداشته باشد و پیوندها، به صورت کامل با محتوای پیوند تطابق داشته باشندآمار بازدیدکنندگان ترجیحا با قید زمان و توزیع جغرافیایی قابل مشاهده باشد. اطلاعات موردنیاز کاربران به صورت جامع و مانع وجود داشته باشد؛ یعنی در عین کامل بودن،از درج مطالب اضافه غیرمرتبط خودداری گردد. بین میزان استفاده از قالبهای گوناگون ارایه محتوا، به ویژه متن و تصویر، تناسب برقرار باشد. . مشخصات ایجادکننده وب سایت و زمان تأسیس آن درج شود. زمان و تاریخ به روزرسانی وب سایت و درج هر یک از مطالب قید شود. در صورت نیاز کاربران به نرم افزار یا افزونهای خاص برای مشاهده برخی صفحات، قابلیت دسترسی به آن در وب سایت پیش بینی شود.

محتوا

 


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

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

سئوی منفی چیست و چقدر نگران کننده است؟
01 اردیبهشت

سئوی منفی چیست و چقدر نگران کننده است؟

بازدید: 1200

سئوی منفی ( Negative SEO ) در طراحی سایت سوالات زیادی را به همراه دارد. به عنوان مثال: سئوی منفی چیست؟ آیای سئوی منفی واقعا وجود دارد؟ اگر چنین است باید نگران چه چیزی بود؟ چگونه باید متوجه شد که کسی قصد حمله سئوی منفی به سایت ما را دارد؟ برای محافظت از سایت چه کاری باید انجام داد؟ هدف از این مقاله روشن شدن مبحث سئوی منفی در طراحی وب سایت و در نتیجه کاهش ترس شما از آن می باشد.سئوی منفی چیست؟سئوی منفی زمانی اتفاق می افتد [...]

سایت واکنشگرا ( Responsive ) یا سایت پاسخ گرا و واکنشی چیست؟
29 فروردین

سایت واکنشگرا ( Responsive ) یا سایت پاسخ گرا و واکنشی چیست؟

بازدید: 699

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

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

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

بازدید: 409

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

اهمیت و دقت رتبه بندی الکسا برای وب سایت
30 فروردین

اهمیت و دقت رتبه بندی الکسا برای وب سایت

بازدید: 504

شاید گوشه کنار وب بارها عنوان رتبه الکسا (Alexa) را دیده و مطالبی در این خصوص الکسا خوانده باشید؛ سایتها و سرویس های خاصی نیز در این رابطه در گستره وب شکل گرفته اند که در مجموع تحت عنوان بهینه سازی و افزایش رتبه سایت SEO یا (Search Engine Optimization) فعالیت می کنند، اینکه الکسا چیست، چگونه آمار بازدیدهای یک سایت را به دست می آورد و رتبه بندی آن تا چه میزان اهمیت دارد، مطلبی است که در این مقاله به آن خواهیم پرداخت تا نهایتا به [...]

هر رنگ در طراحی وبسایت چه معنای دارد؟
31 فروردین

هر رنگ در طراحی وبسایت چه معنای دارد؟

بازدید: 579

هر رنگ در ضمیر ناخودآگاه انسان تاثیر خاصی می گذارد برای همین رنگ ها در طراحی سایت ‏خیلی مهم هستند مثلا بعضی رنگ ها کاربر را به خرید تشویق می کند، بعضی رنگ ها ‏احساس اعتماد ایجاد می نماید و همچنین بعضی رنگ ها به انسان احساس گسنگی می ‏دهد و ... یعنی شما با رنگ ها به طور غیر مستقیم می توانید احساسات کاربران خود را ‏برانگیخته نمایید.‏نکات مهم در هنگام انتخاب رنگ برای سایت•    رنگ متمم رنگهای [...]

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

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

بازدید: 701

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