برای گردش راحتتر در سایت، این نکات را در مسیریابی رعایت کنید برای گردش راحتتر در سایت، این نکات را در مسیریابی رعایت کنید

رتبه این آیتم
برای گردش راحتتر در سایت، این نکات را در مسیریابی رعایت کنید
رتبه 5 در 1 رای از 1 تا 5

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

با پنهان کردن نوار جستجو، در فضا صرفه جویی کنید

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

برای سایتهایی که اسکرولینگ نامحدود یا طولانی دارند از مسیریابی ثابت استفاده کنید

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

برای جلب توجه به فهرستهای پنهان از انیمیشن استفاده کنید

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

اجازه بدید مقدار محتوا نوع فهرست مسیریابی رو تعیین کنه

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

از نشونه های مشخص استفاده کنید

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

برای اسلایدها از انیمیشن استفاده کنید

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

با قرار دادن نوار جستجو در مرکز یا سمت راست بالای سایت، بهش اهمیت بدید

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

با استفاده از سایه، تضاد رنگی یا کم رنگ کردن، فهرستهای باز شدنی رو مجزا کنید

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

بر اساس داده های شخصی سازی، پیشنهادهایی به کاربران ارائه بدید

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

وقتی کاربر کاری رو تموم کرد، مرحله بعد رو پیشنهاد بدید

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

در سایت قابلیت صفحات اخیرا بازدید شده رو قرار بدید

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

 

 


نویسنده این مقاله می باشد که از سال 1381 تا کنون در زمینه طراحی و بهینه سازی وب سایت فعالیت دارد.

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

به اشتراک گذاری مطلب در

به اشتراک گذاری در فیس بوک به اشتراک گذاری در توئیتر به اشتراک گذاری در لینکدین

3 نظر

  • هوشنگ سنجری سه شنبه, 08 اسفند 1396 11:08 پست شده توسط هوشنگ سنجری

    با سلام ،من میخواهم یک سایت شبیه سایت " آپارات "بسازم آیا شما میتوانید بنه را راهنمائی کنید ممنون میشوم -با تشکر سنجری

  • برج خنک کن شنبه, 13 آبان 1396 09:33 پست شده توسط برج خنک کن

    ممنون از سایت خوبتون موفق باشید

  • حجت الله قادری ضمیرسلطانی چهارشنبه, 10 آبان 1396 20:51 پست شده توسط حجت الله قادری ضمیرسلطانی

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

يک نظر بدهيد

موارد ستاره دار الزامی هستند

طراحی سایت دارکوب | هاست دارکوب | دارکوب نام و علامت تجاری ثبت شده این مجموعه می باشد.
دارای مجوز از (سازمان نظام صنفی رایانه ای استان تهران) ، (رتبه 4 شورای عالی انفورماتیک کشور) ، (وزارت فرهنگ و ارشاد اسلامی)
آموزشگاه طراحی سایت و سئو با مجوز رسمی از سازمان فنی و حرفه ای کشور افتتاح شد
دارکوب به عنوان شرکت خلاق توسط معاونت علمی و فناوری ریاست جمهوری برگزیده شد