طراحی سایت

نکاتی که شما در طراحی سایت باید رعایت کنید و به عبارتی دیگر مواردی که را که باید در طراحی وب سایت به کار ببرید و مواردی که نباید به کار ببرید، بیان خواهیم کرد.

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

بایدها

1. بدون در نظر گرفتن دستگاه، یک تجربه مشابه ارائه دهید

کاربران ممکن است با ابزارهای مختلفی مانند کامپیوتر(صفحه دستکاپ، تبلت و موبایل) وارد دستگاه شما شوند. صرف نظر از اینکه سایت شما باید به درستی در تمامی این ابزارها نمایش داده شود تا کاربران به راحتی و بدون هیچ دردسری و بزرگنمایی آن بتوانند استفاده کنند، تجربه مشابهی در استفاده از آن ها داشته باشد؛ یعنی اینکه هرچه که کاربر در نسخه دستکاپ مشاهده می کند، باید در دیگر نسخه های صفحه ای هم وجود داشته باشد و تمامی مراحل شبیه به هم باشد.

فقط نکته ای که اهمیت دارد، قابل خوانا بودن المان ها و راحت کلیک کردن بر روی این المان ها است.

2. پیمایش راحت بین المان ها

پیمایش راحت، باعث استفاده بهتر و افزایش کارایی سایت می شود. طرح سایت شما، هرچقدر هم که حرفه ای ساخته شده باشد؛ اما اگر پیمایش راحت و سریعی نداشته باشد و کاربر نتواند با آن تعامل برقرار کند، ارزش کارایی نخواهد داشت.

برای پیمایش راحت تر نکات زیر را باید در نظر بگیرید:

•           استفاده از ساختار خیلی ساده در قرار دادن المان ها، طراحی منوها و غیره

•           تمامی مراحل پیمایش باید قابل درک باشد یعنی کاربر بداند، وقتی یک مطلبی را در سایت پیدا کرد، بر روی چه لینک هایی کلیک شده است.

3. تغییر رنگ لینک ها در هنگام کلیک خوردن

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

4. کاربر بتواند با نگاه سریع، متوجه ماهیت اصلی و ساختار سایت شود

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

این نکته مانند جستجوی یک مطلب در کتاب می ماند. اگر کتاب دارای ساختار مناسبی در عناوین و زیرعناوین باشد و هرکدام به درستی تعریف شده باشند، شما خیلی سریع می توانید مطلب مورد نیاز خود را پیدا کنید؛ اما اگر هیچ دسته بندی و ساختاری در نوشتن رعایت نکرده باشد، شما مجبور خواهید کل مطلب را بخوانید، شاید اطلاعات مورد نیاز پیدا کنید.

5. همه لینک ها را بررسی کنید

تمامی لینک های سایت را بررسی کنید تا به صفحه درست هدایت شوند. لینک هایی که شکسته هستند یا به صفحات اشتباهی دیگر وارد می شوند، اصلاح کنید.

6. المان ها یا جملات قابل لینک مشخص باشند

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

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

نخستین نکته مهم در طراحی سایت ظاهر سایت است ، زیرا اولین چیزی می باشد که بازدید کنندگان هنگام ورود به یک سایت به آن توجه می کنند. برای شروع نگاهی به طراحی Responsive     خواهیم داشت. این نوع از طراحی سایت مخصوص گجت های تلفن همراه (تلفن های همراه هوشمند ، آی پد ها ، تب لت ها و...) است که به مخاطب حسی همانند شبکه های اجتماعی را خواهد داد. در ادامه چند مورد از نکات اساسی و مهم در طراحی و ساخت سایترا بیان خواهیم کرد.

1)هدف از طراحی وب سایت

هدف شما از راه اندازی یک وب سایت خاص چیست؟آیا به دنبال افزایش فروش هستید؟ آیا هدف شما اطلاع رسانی است؟ و یا فقط به عنوان نشانه ای برای حضور آنلاین خود قصد در طراحی سایت دارید؟ قبل از طراحی وب سایت هدف خود را مشخص و در راستای آن هدف از قابلیت های طراحی خود استفاده کنید.

2)روانشناسی وب

روانشناسی طراحی سایت در جهان به شدت دسته کم گرفته شده است . طراحان به این نکته توجه کمتری نشان می دهند غافل از آن که هرچه بیشتر روی این مسئله تمرکز کنند بازدیدکننده بیشتری نیز خواهند داشت. بازدید کننده بیشتر ، بهبود در سئو سایت و بهینه سازی سایت را به همراه خواهد داشت. البته نمی توان پیچیدگی استفاده از اصول روانی را انکار کرد اما بهره گیری از این اصول نتیجه ای مطلوب خواهد داشت .

مهم ترین موارد اصول روانی عبارتند از:

1.اعتماد سازی
2.استفاده از الگوهای آشنا
3.روانشناسی اجتماعی
4.روانشناسی رنگ
5.حفظ سادگی

3)طراحی کاربر محور

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

برخی از ترفندهای مفید که باید در نظر بگیرید عبارتند از:

1.ایجاد نظر سنجی در وب سایت
2.تعریف پروفایل کاربر(مهم ترین ترفند که تاثیره چشم گیری به همراه خواهد داشت.)
3. امروزه شبکه های اجتماعی هسته اصلی هر سایت موفقی است. با بهره گیری از آن ها سایت خود را جذاب و سرگرم کننده نگه دارید.
4. از گرافیک و طرح های رنگی که اثر مثبت و بهتری بر مخاطبین می گذارد استفاده کنید.

4)ایجاد طرح بندی با حرکت آسان

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

5) تراکم

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