منوی سایت را چطور بچینیم تا کاربر گم نشود؟

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

ابتدا همهٔ صفحه‌های واقعی را روی کارت بنویسید

صفحهٔ اصلی، خدمات، هر خدمت مهم، نمونه‌کارها، دربارهٔ ما، پرسش‌های متداول و تماس را فهرست کنید. صفحه‌هایی را که هنوز محتوا ندارند فقط برای پرکردن منو اضافه نکنید. کارت‌ها را بر اساس سؤال کاربر گروه‌بندی کنید: «چه خدماتی دارید؟»، «چه کارهایی انجام داده‌اید؟»، «چطور سفارش بدهم؟». ساختار باید از کارهای کاربران بیرون بیاید، نه فقط از چارت سازمانی شرکت.

برچسب‌ها را به زبان مشتری بنویسید

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

مسیرهای مهم را از چند نقطه قابل رسیدن کنید

کاربر ممکن است از جست‌وجو مستقیم وارد صفحهٔ یک مقاله شود، نه صفحهٔ اصلی. از متن مقاله به خدمت یا نمونه‌کار مرتبط لینک بدهید؛ در صفحهٔ خدمت راه رسیدن به تماس را روشن کنید. لینک‌های اصلی باید واقعاً آدرس قابل باز شدن داشته باشند، نه فقط واکنش به کلیک در کد. متن لینک هم باید مقصد را توضیح دهد؛ «نمونه‌کارهای طراحی هویت بصری» از «اینجا» مفیدتر است.

با آزمون وظیفه ساختار را کنترل کنید

سه کار واقعی تعریف کنید: «نمونه‌کار مشابه ببین»، «هزینه یا روند همکاری را پیدا کن»، «پیام بفرست». منو را به چند نفر که سایت را نمی‌شناسند نشان دهید و ببینید اولین انتخابشان چیست. اگر بیشتر افراد مسیر اشتباه می‌روند، اول نام و گروه‌بندی را عوض کنید، نه رنگ دکمه را. سپس نسخهٔ موبایل را آزمایش کنید: منوی بازشده نباید محتوای اصلی یا راه بستن خود را پنهان کند.

یک ساختار پایه برای سایت خدماتی

صفحهٔ اصلی ← خدمات ← صفحهٔ هر خدمت؛ نمونه‌کارها ← هر پروژه؛ مجله ← هر راهنما؛ دربارهٔ ما؛ تماس. این فقط نقطهٔ شروع است. اگر مخاطب به پشتیبانی یا فروشگاه نیاز دارد، ساختار باید از نیاز واقعی او پیروی کند.

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