This is title

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officiis molestiae laboriosam numquam expedita ullam saepe ipsam, deserunt provident corporis, sit non accusamus maxime, magni nulla quasi iste ipsa architecto? Autem!

طراحی وب سایت و نکات کلیدی 1

طراحی وب سایت و نکات کلیدی 1

24 مرداد1395

"زیبایی نه در چشم هنرمند بلکه در چشمان کسی است که به آن می نگرد". در دنیای وب هم، کارایی و اثربخشی وب سایت نه تنها از دیدگاه صاحب وب سایت بلکه از دید کاربر آن هم مهم است. عامل های زیادی در مفید واقع شدن وب سایت موثر هستند. وب سایت شما نه تنها باید به لحاظ ظاهری زیبا باشد، بلکه از لحاظ عملکرد و قابل استفاده بودن نیز باید کاربر پسند  ( User Friendly )  باشد. یعنی کاربر بتواند به راحتی از آن استفاده کند.
وب سایت هایی که خوب طراحی نشده اند و عملکرد خوبی ندارند، معیارهای گوگل آنالایز آنها نیز رتبه و مقدار خوبی ندارند. این معیارها شامل نرخ دفع کاربر بالا (high bounce rate)، زمان کوتاه ماندن در سایت، تعداد بازدید کم صفحات در هر بار مراجعه و ... می شوند. پس چه المان هایی باعث کارایی، اثربخشی و خوشایند بودن یک وب سایت می شوند ؟

در زیر ما 10اصل مهم در طراحی کارامد وب سایت را به شما خاطر نشان می کنیم :

هدف طراحی وب سایت طراح خوب همیشه به کاربر فکر می کند. شما در طراحی سایت خود باید به این فکر کنید که کاربر شما در وب سایت شما به دنبال چه می گردد ؟ اطلاعات، سرگرمی، تصاویر و ...  هر صفحه از وب سایت شما باید یک هدف خاص و واضح که کاربر به دنبال آن است را دنبال کند.
ارتباطات طراحی وب سایت کاربران در اینترنت به دنبال یافتن سریع اطلاعات هستند. پس بهتر است اطلاعات خود را با فرمت عنوان (Headline) و زیر عنوان (Sub Headline) سازمان دهی کنید. از بالت ها (Bullet) به جای متن های طولانی استفاده کنید.
ساختار نوشتار طراحی وب سایت معمولا در وب برای زبان فارسی از دو فونت Tahoma و Yekan با سایز 14 و برای زبان انگلیسی از دو فونت Arial و Verdana با سایز 16 استفاده می کنند. در یک صفحه نباید بیشتر از سه نوع فونت و سایز استفاده کرد.
رنگ طراحی وب سایت یک پالت رنگ خوب می تواند توجه و رضایت کاربر را افزایش بدهد. رنگ های مکمل تعادل و هارمونی خاصی به وجود می آورند. استفاده از رنگ های متضاد در فونت و پس زمینه خواندن را برای چشمان آسان تر می کند. رنگ های تند و خیره کننده باید خیلی کم در وب سایت استفاده شوند. به عنوان مثال برای کلیدها و ... استفاده شوند. فضاهای سفید و خالی ظاهر منظم و مدرنی به وب سایت شما می دهند.
تصاویر طراحی وب سایت یک تصویر می تواند بازگوی هزار کلمه باشد و انتخاب یک تصویر مناسب به جایگاه برند شما و برقراری ارتباط بین شما و مخاطبان هدفتان کمک می کند. اگر تصویر مناسب و با کیفیتی در دست ندارید، می توانید آنها را از سایت های مختلف خریداری کنید تا ظاهر سایت خود را بهبود دهید. ملاحظه کنید که حتی بهترین و کامل ترین نوشته ها هم احتیاج به اطلاعات تصویری مانند عکس، ویدئو و ... برای اثربخشی بیشتر دارند.
جهت یابی طراحی وب سایت جهت یابی (Navigation) به کاربران وب سایت شما کمک می کند تا راحت تر در سایت شما گردش کنند و به صفحات مورد نظر خود برسند. یک تاکتیک خوب برای جهت یابی کارامد، ایجاد یک صفحه منطقی وراثتی (Logical Page Hierarchy)، طراحی دکمه های قابل کلیک (Designing Clickable Buttons) و پیروی از قانون سه کلیک (Three Click Rule) می باشد. قانون سه کلیک این طور بیان می کند که کاربر باید با حداکثر سه کلیک به صفحه مورد نظر خود برسد.
قالب های شبکه ای طراحی وب سایت قرار دادن اطلاعات در صفحات وب سایت به صورت رندم و اتفاقی تنها باعث به هم ریختگی و آشفتگی در سایت می شود و ظاهر سایت را خراب می کند. اما قرار دادن اطلاعات با یک فرمت مشخص به صورت قالب و باکس باعث ایجاد تعادل و ظاهری جذاب برای کاربر می شود.
طراحی های با الگوی F طراحی وب سایت مطالعات ردیابی چشم این طور بیان می کند که کاربران اینترنت صفحه را به صورت حرف F اسکن می کنند و به مطالب می نگرند. یعنی توجه آنها به قسمت بالا و چپ صفحه بیشتر از قسمت های پایینی و راست تصویر است. لذا ما باید مطالب مهم تر را در بالاتر و چپ تر قرار دهیم.
زمان بارگذاری طراحی وب سایت هرکسی از اینکه مدت زمان زیادی برای بارگذاری صفحه منتظر بماند متنفر است.بهینه کردن سایز تصاویر، ترکیب کد در فایل CSS و Java Script مرکزی ( این عمل باعث کاهش درخواست های http می شود)  و ردیابی HTML, CSS, Java Script (به صورت فشرده شده (Compressed) برای بارگذاری زودتر، راهکارهای بارگذاری زودتر مطالب می باشند.
موبایل پسند طراحی وب سایت امروزه دسترسی به وب سایت از دستگاه ها با سایز صفحه های متفاوت مرسوم و محبوب شده. پس شما باید این را در نظر بگیرید که وب سایت شما در تمامی این دستگاه ها به درستی نمایش داده شود. اگر وب سایت شما این قابلیت را ندارد باید یا یک طراحی Bootstrap جدید برای سایت خود انجام دهید یا اینکه یک طراحی مخصوص موبایل برای خود آماده کنید.

مترجم : سارا عارفی کیا