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

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

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

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


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

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

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

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

طراحی وب سایت


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

مخاطب محوری


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

محتوا

 


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

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

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما
31 فروردین

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما

بازدید: 916

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

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند
01 اردیبهشت

چرا موتورهای جستجو نمی توانند بدون SEO وب سایت شمارا بیابند

بازدید: 1312

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

باید ها و نبایدهای متخصص طراحی سایت
31 فروردین

باید ها و نبایدهای متخصص طراحی سایت

بازدید: 808

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

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

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

بازدید: 1541

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

وظایف طراحان وب یا همان معماران وب ( مهندس معمار ) در طراحی یک وب سایت
31 فروردین

وظایف طراحان وب یا همان معماران وب ( مهندس معمار ) در طراحی یک وب سایت

بازدید: 1203

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

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

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

بازدید: 1095

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