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

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

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

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


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

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

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

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

طراحی وب سایت


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

مخاطب محوری


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

محتوا

 


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

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

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

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

بازدید: 962

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

چرا پست مهمان میتواند بسیار مفید و اهمیت داشته باشد؟
01 اردیبهشت

چرا پست مهمان میتواند بسیار مفید و اهمیت داشته باشد؟

بازدید: 639

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

افزایش سرعت سایت با mod_pagespeed گوگل برای Apache
01 اردیبهشت

افزایش سرعت سایت با mod_pagespeed گوگل برای Apache

بازدید: 802

افزایش سرعت سایت با mod_pagespeed گوگل برای Apacheتوسعه دهندگان نرم افزاری شرکت گوگل از دو سال پیش شروع به ساخت ماژول mod_pagespeed برای آپاچی (Apache) کرده‌اند که با استفاده از آن در سرور سایت خود بدون نیاز به هیچ گونه تغییراتی در محتوای سایت خود می‌توانید سرعت سایت‌های خود را تا حد زیادی افزایش دهید و همان طور که می‌دانید یکی از نکات ضروری در مورد سئو و بهینه سازی سایت‌ها نیز همین سرعت پاسخگویی سرور و بارگذاری صفحات [...]

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

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

بازدید: 673

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

ابزارها و وب سایتهای برای تست وب سایتهای طراحی شده در موبایل
01 اردیبهشت

ابزارها و وب سایتهای برای تست وب سایتهای طراحی شده در موبایل

بازدید: 783

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

اصطلاح Fold درطراحی سایت به چه معناست و چه اهمیتی دارد؟
30 فروردین

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

بازدید: 651

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