ساختن یک سایت حرفه ای قواعدی داره که در هیچ منبعی از اونها یاد نمیشه. مثلاً یکی از اون موارد حاشیه یا borderها هستن. حاشیه یکی از ویژگیهای هر المان است که به عنوان مرزی دور یک المان قرار میگیرد. حاشیه دارای پارامترهای مختلفی از قبیل عرض (پهنای حاشیه)، شکل(یک خطی, نقطه چین و ...) و شعاع (هلال و گرد یا گوشه دار )، رنگ و ... هست. حتی می تونیم برای یک المان حاشیه را برای هر طرف که بخواهیم تعریف کنیم مثلاً از راست, چپ یا بالا و پایین. ترکیب همه این چیزهایی که برای حاشیه می تونه توی طراحی یک سایت به کار برده بشه. حالا چطور از اینها استفاده بشه که یک شکل خوب و مرتبی به صفحه سایت داده بشه را یک طراح با تجربه به راحتی می تونه انجام بده. با نمونه های از طراحی سایت اصفهان که این قوانین در اونها رعایت شده آشنا شوید.
یکی از ابزارهای که در طراحی وب سایت حرفه ای استفاده میشه حاشیه ها یا borderها هستن.
وقتی برای یه عنصر صفحه مثلا یه دکمه حاشیه میگذاریم، با استفاده از خطهای که در چهار طرف متن دکمه گذاشته میشه، متن روی دکمه واضح تر و از بقیه عناصر صفحه جدا میشه.
یکی از مشکلاتی که ممکنه پیش بیاد، استفاده بیش از حد از حاشیههاست.اگه توی یه صفحه وب تعداد زیادی از عناصر را با خطوط حاشیه از هم جدا کنیم، صفحه خیلی شلوغ و بی نظم میشه.
بهتره که برای جدا کردن المان های صفحه نمایش از همدیگه از راه های دیگه ای هم استفاده کنین مثلاً یه سبک و استایل ثابت برای لینک ها انتخاب بشه تا مشخص باشه که این متنها توی دسته لینک ها قرار گرفتن یا برای متنها بکگراند بگذاریم. پس با اینکه خطوط ابزار مناسبی برای جداسازی هستن ولی همیشه و در همه شرایط ازش استفاده نکنین.
هم چنین بخوانید:
نکته مهم برای طراحی وب سایت حرفه ای!
با توجه به زیاد شدن سایت های فعال و رقابت شدید بین اونها، صرفاً انجام اقداماتی برای بالا بردن سئو سایت کافی نیست. سئو اصفهان را بشناسید.
با بالا بردن سئو ، سایت در صفحات اولیه نتایج گوگل قرار میگیرد. ولی این که کاربران از سایت راضی باشن و برای نتایج بعدی دوباره به سراغ این سایت برن خیلی مهم است. مهمترین اصل در این زمینه اینکه یه سایت چطوری طراحی بشه که با کاربر ارتباط برقرار کنه و اون را راضی نگه داره. داشتن طراحی خوب که البته منظور فقط گرافیک سایت نیست بلکه ارتباط بین صفحات، محتوای هر صفحه و چیدمان مناسب اونهاست که می تونه کاربر را راضی نگه داره. با دیدن و بررسی سایت های مختلف موفق می توان در مورد چیدمان صفحات تصمیم گرفت.
بیشتر بخوانید: طراحی سایت در اصفهان
فرض کنین که یه تولیدکننده لباس تصمیم گرفته که لباس هاش را از طریق وب سایت و اینترنتی به فروش برسونه. یه کار عادی که بیشتر طراحان وب سایت انجام میدن اینکه لباس ها و قیمتشون را به کاربر نشون بدن و ازش بخوان که هر لباسی را که خواست انتخاب کنه و بخره.
اما اگه بخواد مشتری بیشتری جذب بشه تا خرید بیشتری بکنن باید یه رابطه دوستانه با مشتری برقرار کنه و به یه نحوی مشتری را درگیر کنه.یکی از کارهایی که میشه کرد اینکه از مشتری سوالاتی مثل رنگ مورد علاقه، سایز و .... پرسیده بشه. مثلاً از مشتری رنگ مورد علاقه برای لباس را بپرسه و بعد لباس هایی با این رنگ را به مشتری نشون بده.
اگه مرحله خرید کردن را با پرسیدن سوال از کاربر و درگیر کردن تدریجی اون، را تا جایی که ممکنه عقب بیاندازین علاوه بر اینکه مشتری احساس راحتی میکنه، می تونین اطلاعات زیادی در مورد کاربر جمع کرده و برای خریدهای بعدی طبق سلیقه مشتری و براساس اطلاعاتی که ازش گرفتین بهش لباس معرفی کنین.
هم چنین بخوانید:
یک طراح وب حرفه ای می دونه که بیشتر یا تقریباً میشه گفت همه افراد زمانی که یه سایت را باز می کنن اول با اسکرول کردن یه نگاهی به همه صفحه می اندازن و بعد تصمیم میگیرن که چه کار کنن یا به کدوم صفحه برن. در یک صفحه بعد از رنگ بندی که به چشم کاربر می خوره، افکت ها و حرکت هاییه که در حین اسکرول کردن می بینه. حرکت هایی مثل نوشته شدن حروف، قرار گیری عناصر از پایین صفحه در جای خود، تغییر رنگ و .. . برای دیدن نمونه هایی از افکت برای صفحات می تونین نمونه کارهای طراحی سایت در اصفهان را ببینید.
یکی از جذابترین راه هایی که یه طراح وب حرفه ای میتونه برای جذب مخاطب استفاده کنه، تعاملی درست کردن صفحات وب سایت هست. کارهایی از قبیل تغییر رنگ لینک با حرکت موس بر روی لینک، باز و بسته شدن منوها، تغییر اندازه متن نوشته شده بر روی دکمه نمونه هایی از تعاملی بودن سایته.
وقتی قراره چنین حرکت و تعاملاتی توی سایتتون داشته باشین، باید حواستون باشه که مثلاً منو با سرعت خیلی زیاد، باز و یا بسته نشه که کاربر متوجه تغییراتی که توی سایت اتفاق می افته نشه یا اینقدر منو آهسته باز یا بسته بشه که کاربر زمان زیادی را برای این باز و بسته شدن هدر بده.
اگه این تغییرات و جابجایی ها در بازه زمانی بیش از 0/5 ثانیه اتفاق بیافته برای کاربر زجرآوره همون طور که اگه این جابجایی ها خیلی سریع اتفاق بیافته کاربر گیج میشه.
پس برای داشتن یه سایت تعاملی حرفه ای این تغییرات را نه با سرعت خیلی زیاد و نه با سرعت خیلی کم طراحی کنین. علاوه بر اینکه صفحات سایت باید به گونه ای ساخته شده باشه که میزان حرکت و تغییرات نه خیلی زیاد باشه و نه خیلی کم که اصلاً کاربر متوجه وجود اون نشه .
هم چنین بخوانید:
همونطور که در مطالب قبلی گفته شد، "صفحه فرود" یا "لندینگ پیج" در زمینه طراحی سایت مهمترین صفحه محسوب میشه. چون که این صفحه، صفحه ای است که برای سئو کردن و ساختن بک لینک استفاده میشه. بیشتر بدانید: سئو اصفهان
در بعضی از سایت ها هدف از جذب مخاطبان گرفتن اطلاعاتی از اونها یا ثبت نام کردن است.
روش های مختلفی برای قرار دادن این فرم در صفحه وجود داره: یک راه اینکه یک لینک توی صفحه فرود بگذاریم و از کاربر بخواهیم که با کلیک روی اون وارد صفحه فرم بشه و به سوالات مطرح شده جواب بده ، یک راه دیگه اش گذاشتن فرم توی همان صفحه است. شاید به ظاهر این دو روش تفاوتی نداشته باشه ولی تجربه چیز دیگه ای را می گه.
تجربه نشون داده که بهتره یه صفحه جداگانه برای این فرم درست نکنین. گذاشتن یک لینک از صفحه فرود به صفحه فرم و کاربر را مجبور به پر کردن فرم هم نتیجه خوبی نداره. در نظر گرفتن یه جایی برای فرم در همون صفحه فرود کار درستی بوده.
این کار از این جهت بهتره که هم تعداد مراحلی که کاربر باید انجام بده کمتر میشه، هم این که کاربر در همون مرحله اول فرم را می بینه و متوجه میشه که پر کردن فرم چقدر طول میکشه.
علاوه بر همه اینها ، همون طور که قبلاً هم گفته شد این صفحه را کاربر از طریق سرچ پیدا کرده است. این صفحه به گونه ای درست شده که تمام اطلاعات مورد نیازی که کاربر به خاطر اون جستجو کرده را داره . در این مرحله کاربر اهمیت اینکه چرا باید این فرم را پر کنه پی برده است. مخاطب مجاب شده است که با دقت و توجه بیشتری این اطلاعات مورد نیاز را فراهم کنه.
همان طور که در پست های قبلی مطرح شد حملات brute force از خطرناکترین حملات در راستای امنیت وب سایت وردپرس هستن. امکانات و قابلیت های فراوان وردپرس باعث شده که انتخاب اول ابزار طراحی سایت باشد.
یکی از چیزهایی که برای امنیت در برابر حملات brute force باید بهش توجه کنین پسورد یا رمز عبور ادمین سایت هست.
پسوردی که انتخاب میشه نباید به راحتی قابل حدس زدن باشه که هکر بتونه به راحتی اونا پیدا و مدیریت سایت را به عهده بگیره .
برای انتخاب پسورد به نکات زیر توجه کنین:
- نکات امنیتی
نمونه کارهای موفق با گرافیک زیبا و امنیت بالا از طراحی سایت اصفهان را ببینید.