طراحی وب سایت و نکات کلیدی 1
"زیبایی نه در چشم هنرمند بلکه در چشمان کسی است که به آن می نگرد". در دنیای وب هم، کارایی و اثربخشی وب سایت نه تنها از دیدگاه صاحب وب سایت بلکه از دید کاربر آن هم مهم است. عامل های زیادی در مفید واقع شدن وب سایت موثر هستند. وب سایت شما نه تنها باید به لحاظ ظاهری زیبا باشد، بلکه از لحاظ عملکرد و قابل استفاده بودن نیز باید کاربر پسند ( 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 جدید برای سایت خود انجام دهید یا اینکه یک طراحی مخصوص موبایل برای خود آماده کنید. |
مترجم : سارا عارفی کیا
1395-05-24 16:14:35
بازدید : 8756
مقالات مرتبط
بلاک چین از دیدگاه فنی
بلاکچین چیست ؟
گوگل پنالتی چیست؟
نماد اعتماد الکترونیکی
ربات تشخیص بارکد در تصویر
جدول اطلاعات کد کشورها در بارکد
بارکد چیست ؟
اصول درج اطلاعات در فروشگاه اینترنتی
۱۵ پیش بینی بیل گیتس در سال ۱۹۹۹ که به حقیقت پیوستهاند
آنچه کارآفرینان باید در مورد تفکر طراحی بدانند
۳ نکته مهم برای انتخاب نام دامنه مناسب
روان شناسی رنگ برندها
6 گام مهم برای راه اندازی فروشگاه اینترنتی
۶ ترفند که برند شما را به یادماندنیتر میکنند
Fred آپدیت جدید بهینه سازی موتور جستجوی گوگل (سئو)
5 ویژگی اصلی یک وب سایت کسب و کار موفق
طراحی سایت و روند آن در سال 2017
سئو و 7 نکته کلیدی برای بهبود سئوی 2016
سئو - بهینه سازی موتورهای جستجو - سال 2016
وب سایت شما، معرف برند، محصولات و خدمات شما-1
راهنمای ایجاد وب سایت
تأثیر طراحی سایت واکنشی یا “Responsive”بر سئو
افزایش ترافیک و بالا بردن رنکینگ سایت با استفاده از کلمات کلیدی
با گوگل مانیتور، کلمات کلیدی سایت خود را تحلیل کنید
ابزار ورودی Google
Web Design For Dummies
Search Engine Optimization
Google Analytics in 10 Minutes
Learn Java and Ajax with w3Schools
آموزش Seo سئو به زبان ساده
کتاب آموزش Excel کاملا کاربردی ( انگلیسی )
کتاب آموزش Excel کاملا کاربردی ( فارسی )
9 روش انتخاب عنوان مناسب صفحه در سئو SEO
چگونه مردم را برای خواندن نوشتههایتان ترغیب کنید ؟
بهبود سئو وب سایت با استفاده از روشهای ایجاد اخبار سایت
افزایش ترافیک و بازدید وب سایت بصورت رایگان
بک لینک چیست
10 نکته پرکاربرد و مهم برای سئو
کارهای اشتباه در بهینه سازی وب سایت
روانشناسی رنگ در طراحی سایت
نگاهی تازه به طراحی وب سایت
افزایش کارایی در طراحی وب سایت ها ( بخش دوم )
افزایش کارایی در طراحی وب سایت ها ( بخش اول )
بهینه سازی اخبار
ایجاد لینک
تهیه متن وب سایت
آنالیز کلمات کلیدی
افزایش ترافیک وب سایت
نکات مهم در طراحی سایت قسمت سوم
نکات مهم در طراحی سایت قسمت دوم
نکات مهم و مفید در طراحی سایت
چه کسانی به SEO احتیاج دارند؟
چرا SEO مهم است؟
SEO چیست؟
چرا سئو با نگین گستر ؟
گامهای موثر سئو
تنظیمات FTP در نرم افزار Filezilla
تنظیمات FTP در نرم افزار CuteFtp
تنظیم Outlook Express
تنظیم Outlook2007
تنظیم Windows mail
مشکل ارسال ایمیل هنگام استفاده از بعضی از شرکتهای ISP مثل شاتل