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

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

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

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


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

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

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

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

طراحی وب سایت


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

مخاطب محوری


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

محتوا

 


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

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

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

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

بازدید: 4022

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

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب
29 فروردین

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب

بازدید: 1000

هنوز باور های اشتباه و فرسوده ای در مورد سئو وجود دارد که شاید اگر در سال ۲۰۰۲ میلادی زندگی می کردید می توانستید از این تکنیک ها برای جذب بازدیدکننده ی بیشتر از طریق موتورهای جستجو استفاده کنید. اگر یک سایت فروش دوربین داشتید با استفاده ی از کلمه ی کلیدی "دوربین" در محتوای صفحات خود می توانستید در نتایج جستجو خودی نشان دهید. اما الگوریتم های موتورهای جستجو در سال های گذشته دستخوش تغییرات فراوان و مهمی شده [...]

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

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

بازدید: 1040

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

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار
01 اردیبهشت

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار

بازدید: 3615

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

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

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

بازدید: 1435

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

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

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

بازدید: 1821

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