{"id":4464,"date":"2024-11-12T17:03:02","date_gmt":"2024-11-12T17:03:02","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=4464"},"modified":"2025-01-27T12:07:37","modified_gmt":"2025-01-27T12:07:37","slug":"%e4%bb%80%e4%b9%88%e6%98%af%e4%b8%8a%e4%b8%8b%e6%96%87%e5%af%bc%e8%88%aa","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/zh\/%e7%ad%94%e6%a1%88\/%e4%bb%80%e4%b9%88%e6%98%af%e4%b8%8a%e4%b8%8b%e6%96%87%e5%af%bc%e8%88%aa\/","title":{"rendered":"\u4ec0\u4e48\u662f\u4e0a\u4e0b\u6587\u5bfc\u822a\uff1f"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>\u76ee\u5f55<\/h2><nav><ul><li><a href=\"#what-are-the-key-benefits-of-using-contextual-navigation-in-user-interfaces\">\u4f7f\u7528\u4e0a\u4e0b\u6587\u5bfc\u822a\u7684\u7528\u6237\u754c\u9762\u7684\u4e3b\u8981\u4f18\u70b9\u662f\u4ec0\u4e48\uff1f<\/a><\/li><li><a href=\"#what-are-some-common-examples-of-contextual-navigation-in-real-world-applications\">\u5728\u5b9e\u9645\u5e94\u7528\u7a0b\u5e8f\u4e2d\uff0c\u4e0a\u4e0b\u6587\u5bfc\u822a\u7684\u4e00\u4e9b\u5e38\u89c1\u793a\u4f8b\u662f\u4ec0\u4e48\uff1f<\/a><\/li><li><a href=\"#what-are-the-potential-challenges-and-limitations-of-using-contextual-navigation\">\u4f7f\u7528\u4e0a\u4e0b\u6587\u5bfc\u822a\u7684\u6f5c\u5728\u6311\u6218\u548c\u9650\u5236\u662f\u4ec0\u4e48\uff1f<\/a><\/li><li><a href=\"#conclusion\">\u603b\u7ed3<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-are-the-key-benefits-of-using-contextual-navigation-in-user-interfaces\">\u4f7f\u7528\u4e0a\u4e0b\u6587\u5bfc\u822a\u7684\u7528\u6237\u754c\u9762\u7684\u4e3b\u8981\u4f18\u70b9\u662f\u4ec0\u4e48\uff1f<\/h2>\n\n\n\n<p>\u5728\u7f51\u7ad9\u4e0a\u5b9e\u65bd\u4e0a\u4e0b\u6587\u5bfc\u822a\u65f6\uff0c\u60a8\u9700\u8981\u8003\u8651\u5404\u79cd\u56e0\u7d20\u3002\u53ea\u6709\u6b63\u786e\u5b9e\u65bd\u5bfc\u822a\u624d\u80fd\u83b7\u5f97\u4f18\u52bf\uff0c\u5176\u4e2d\u5305\u62ec\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u4e2a\u6027\u5316\u4f53\u9a8c\uff1a <\/strong>\u6839\u636e\u7528\u6237\u7684\u6d4f\u89c8\u5386\u53f2\u8bb0\u5f55\u5229\u7528\u5bfc\u822a\u3002\u4f8b\u5982\uff0c\u5982\u679c\u7528\u6237\u6b63\u5728\u9605\u8bfb\u4e00\u7bc7\u5173\u4e8e\u7f51\u7ad9\u6784\u5efa\u5668\u7684\u6587\u7ae0\uff0c\u60a8\u53ef\u4ee5\u5d4c\u5165\u4e00\u4e2a\u76f8\u5173\u7684\u94fe\u63a5\u6765\u6559\u4ed6\u4eecSEO\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u6548\u7387\uff1a<\/strong> \u5982\u679c\u60a8\u5e0c\u671b\u7528\u6237\u901a\u8fc7\u5c06\u4ed6\u4eec\u6b63\u5728\u5bfb\u627e\u7684\u5185\u5bb9\u653e\u5728\u4ed6\u4eec\u9762\u524d\uff0c\u4ece\u800c\u51cf\u5c11\u5728\u83dc\u5355\u3001\u6587\u7ae0\u5386\u53f2\u8bb0\u5f55\u7b49\u4e2d\u5bfc\u822a\u7684\u65f6\u95f4\uff0c\u8bf7\u4f7f\u7528\u4e0a\u4e0b\u6587\u5bfc\u822a\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u964d\u4f4e\u8ba4\u77e5\u8d1f\u8377\uff1a<\/strong> \u7528\u6237\u4e0d\u5e0c\u671b\u88ab\u538b\u5f97\u5598\u4e0d\u8fc7\u6c14\u6765\uff0c\u4e5f\u4e0d\u60f3\u601d\u8003\u63a5\u4e0b\u6765\u9700\u8981\u505a\u4ec0\u4e48\uff1b\u4e0a\u4e0b\u6587\u5bfc\u822a\u6d88\u9664\u4e86\u8fd9\u4e00\u70b9\u3002\u5728\u5b9e\u65bd\u4e0a\u4e0b\u6587\u5bfc\u822a\u671f\u95f4\uff0c\u4fdd\u6301\u6e05\u6670\u6d41\u7545\u7684\u7528\u6237\u4f53\u9a8c\u81f3\u5173\u91cd\u8981\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\n\u4e13\u5bb6\u63d0\u793a\uff1a\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\n\u6e05\u6670\u5730\u6807\u8bb0\u60a8\u7684\u4e0a\u4e0b\u6587\u5bfc\u822a\u9009\u9879\u3002\u8fd9\u4e9b\u9009\u9879\u4e5f\u5e94\u8be5\u5728\u89c6\u89c9\u4e0a\u5f88\u660e\u663e\uff1b\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528\u989c\u8272\u7f16\u7801\u3002\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-are-some-common-examples-of-contextual-navigation-in-real-world-applications\">\u5728\u5b9e\u9645\u5e94\u7528\u7a0b\u5e8f\u4e2d\uff0c\u4e0a\u4e0b\u6587\u5bfc\u822a\u7684\u4e00\u4e9b\u5e38\u89c1\u793a\u4f8b\u662f\u4ec0\u4e48\uff1f<\/h2>\n\n\n\n<p>\u8bb8\u591a\u7f51\u7ad9\u548c\u5e94\u7528\u7a0b\u5e8f\u5c06\u4e0a\u4e0b\u6587\u5bfc\u822a\u4e0e\u9759\u6001\u9009\u9879\u4e00\u8d77\u4f7f\u7528\u3002\u4ee5\u4e0b\u662f\u4e00\u4e9b\u60a8\u53ef\u80fd\u9047\u5230\u7684\u793a\u4f8b\uff1a&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u7535\u5546\u7f51\u7ad9\uff1a <\/strong>\u4e00\u4e2a <a href=\"https:\/\/hocoos.com\/zh\/products\/ai-store-builder\/\" data-type=\"link\" data-id=\"https:\/\/hocoos.com\/products\/ai-store-builder\/\">\u7535\u5546\u7f51\u7ad9<\/a> \u53ef\u80fd\u4f1a\u663e\u793a\u7528\u6237\u6700\u8fd1\u67e5\u770b\u7684\u4ea7\u54c1\u3002\u4e00\u4e9b\u7f51\u7ad9\u8fd8\u4f1a\u5c55\u793a\u7528\u6237\u53ef\u80fd\u559c\u6b22\u7684\u7c7b\u4f3c\u4ea7\u54c1\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u5185\u5bb9\u7ba1\u7406\u7cfb\u7edf\uff1a <\/strong>\u60a8\u53ef\u80fd\u4f1a\u770b\u5230\u9700\u8981\u66f4\u65b0\u63d2\u4ef6\u7684\u901a\u77e5\u3002\u540c\u65f6\uff0c\u67d0\u4e9b\u63d2\u4ef6\u53ef\u80fd\u4f1a\u4f7f\u7528\u4e0a\u4e0b\u6587\u5bfc\u822a\u8be2\u95ee\u60a8\u662f\u5426\u60f3\u5bf9\u5176\u8fdb\u884c\u8bc4\u5206\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u793e\u4ea4\u5a92\u4f53\u5e73\u53f0\uff1a <\/strong>\u4e00\u4e9b\u793e\u4ea4\u5a92\u4f53\u5e94\u7528\u7a0b\u5e8f\u4f1a\u5728\u60a8\u7684Feed\u4e2d\u5411\u60a8\u663e\u793a\u63a8\u8350\u7684\u5e16\u5b50\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\uff1a <\/strong>\u667a\u80fd\u624b\u673a\u548c\u5e73\u677f\u7535\u8111\u5e94\u7528\u7a0b\u5e8f\u53ef\u80fd\u5305\u542b\u5141\u8bb8\u7528\u6237\u8fd4\u56de\u4e0a\u4e00\u9875\u7684\u6309\u94ae\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u6e38\u620f\u5e73\u53f0\uff1a <\/strong>\u67d0\u4e9b\u6e38\u620f\u5e73\u53f0\u53ef\u80fd\u5177\u6709\u63d0\u793a\u7528\u6237\u5f00\u59cb\u6311\u6218\u7684\u5bfc\u822a\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u5982\u4f55\u5b9e\u65bd\u4e0a\u4e0b\u6587\u5bfc\u822a\u5c06\u53d6\u51b3\u4e8e\u60a8\u7684\u5177\u4f53\u60c5\u51b5\u3002\u60a8\u5e94\u8be5\u4e0e\u5ba2\u6237\u8fdb\u884c\u4e0d\u540c\u7c7b\u578b\u5bfc\u822a\u7684\u5206\u7ec4\u6d4b\u8bd5\u3002\u6b64\u5916\uff0c\u60a8\u9700\u8981\u6709\u8db3\u591f\u7684\u6570\u636e\u624d\u80fd\u505a\u51fa\u66f4\u597d\u7684\u4e0a\u4e0b\u6587\u5bfc\u822a\u51b3\u7b56\u3002&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\n\u4e13\u5bb6\u63d0\u793a\uff1a \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\n\u8bc4\u4f30\u60a8\u7ade\u4e89\u5bf9\u624b\u7684\u7f51\u7ad9\u548c\u5e94\u7528\u7a0b\u5e8f\uff0c\u5e76\u67e5\u770b\u4ed6\u4eec\u662f\u5982\u4f55\u5b9e\u65bd\u4e0a\u4e0b\u6587\u5bfc\u822a\u7684\u3002\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-are-the-potential-challenges-and-limitations-of-using-contextual-navigation\">\u4f7f\u7528\u4e0a\u4e0b\u6587\u5bfc\u822a\u7684\u6f5c\u5728\u6311\u6218\u548c\u9650\u5236\u662f\u4ec0\u4e48\uff1f<\/h2>\n\n\n\n<p>\u867d\u7136\u4e0a\u4e0b\u6587\u5bfc\u822a\u6709\u5176\u4f18\u52bf\uff0c\u4f46\u4e86\u89e3\u5176\u7f3a\u70b9\u5bf9\u4e8e\u505a\u51fa\u6b63\u786e\u7684\u51b3\u7b56\u4e5f\u540c\u6837\u91cd\u8981\u3002\u4ee5\u4e0b\u662f\u4e00\u4e9b\u9700\u8981\u8003\u8651\u7684\u65b9\u9762\u3002&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u590d\u6742\u6027\uff1a <\/strong>\u786e\u4fdd\u60a8\u62e5\u6709\u5b9e\u65bd\u4e0a\u4e0b\u6587\u5bfc\u822a\u6240\u9700\u7684\u8d44\u6e90\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u6280\u672f\u9650\u5236\uff1a <\/strong>\u9664\u4e86\u6570\u636e\u4e4b\u5916\uff0c\u60a8\u8fd8\u9700\u8981\u6280\u672f\u4e13\u4e1a\u77e5\u8bc6\u624d\u80fd\u6210\u529f\u5b9e\u65bd\u4e0a\u4e0b\u6587\u5bfc\u822a\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u56f0\u60d1\uff1a <\/strong>\u4e3a\u4e86\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\uff0c\u8bf7\u786e\u4fdd\u60a8\u5411\u7528\u6237\u63a8\u8350\u4e86\u6b63\u786e\u7684\u5185\u5bb9\u3002\u67e5\u770b\u60a8\u7684\u6570\u636e\uff0c\u4e86\u89e3\u4ed6\u4eec\u7684\u9700\u6c42\uff0c\u5e76\u5f81\u6c42\u53cd\u9988\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u8fc7\u5ea6\u4f9d\u8d56\uff1a <\/strong>\u60c5\u5883\u5f0f\u5bfc\u822a\u53ef\u4ee5\u4f5c\u4e3a\u60a8\u7b56\u7565\u7684\u4e00\u90e8\u5206\uff0c\u4f46\u60a8\u4ecd\u7136\u9700\u8981\u4f20\u7edf\u5bfc\u822a\u3002\u91c7\u7528\u6b63\u786e\u7684\u7528\u6237\u754c\u9762\/\u7528\u6237\u4f53\u9a8c (UI\/UX) \u5b9e\u8df5\u4e5f\u81f3\u5173\u91cd\u8981\u3002&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>\u867d\u7136\u67d0\u4e9b\u7f51\u7ad9\u548c\u5e94\u7528\u7a0b\u5e8f\u53ef\u80fd\u4f1a\u53d7\u76ca\u4e8e\u60c5\u5883\u5f0f\u5bfc\u822a\uff0c\u4f46\u8fd9\u5e76\u975e\u603b\u662f\u5982\u6b64\u3002\u60a8\u9700\u8981\u8003\u8651\u81ea\u5df1\u7684\u72ec\u7279\u60c5\u51b5\uff0c\u5e76\u786e\u5b9a\u65f6\u95f4\u548c\u8d44\u91d1\u6295\u5165\u662f\u5426\u503c\u5f97\u3002\u5982\u679c\u60a8\u521a\u521a\u8d77\u6b65\uff0c\u8bf7\u4e13\u6ce8\u4e8e <a href=\"https:\/\/hocoos.com\/zh\/%e7%ad%94%e6%a1%88\/%e4%bc%98%e8%b4%a8%e7%bd%91%e7%ab%99%e5%af%bc%e8%88%aa%e7%9a%84%e9%87%8d%e8%a6%81%e6%80%a7\/\" data-type=\"link\" data-id=\"https:\/\/hocoos.com\/answers\/why-does-good-website-navigation-matter\/\">\u4f20\u7edf\u5bfc\u822a<\/a>\uff1b\u5982\u679c\u9700\u8981\uff0c\u60a8\u4ee5\u540e\u53ef\u4ee5\u968f\u65f6\u5728\u6b64\u57fa\u7840\u4e0a\u8fdb\u884c\u6784\u5efa\u3002&nbsp;<\/p>\n\n\n\n<p>\u8bf7\u6ce8\u610f\uff0c\u60c5\u5883\u5f0f\u5bfc\u822a\u53ef\u80fd\u9700\u8981\u6301\u7eed\u8c03\u6574\uff0c\u5e76\u4e14\u5b9e\u65bd\u65f6\u5e94\u4fa7\u91cd\u4e8e\u6301\u7eed\u4f18\u5316\u3002\u5efa\u8bae\u6301\u7eed\u6d4b\u8bd5\u60a8\u7684\u9875\u9762\u8bbe\u8ba1\uff0c\u4ee5\u786e\u4fdd\u529f\u80fd\u5e76\u89e3\u51b3\u6f5c\u5728\u95ee\u9898\u3002\u60a8\u8fd8\u5e94\u8be5\u5c1d\u8bd5\u4e0d\u540c\u7684\u5bfc\u822a\u65b9\u9762\u3002&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\n\u4e13\u5bb6\u63d0\u793a\uff1a \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\n\u4e86\u89e3\u5e76\u8bc4\u4f30\u60c5\u5883\u5f0f\u5bfc\u822a\u7684\u4f18\u7f3a\u70b9\uff0c\u4ee5\u4fbf\u505a\u51fa\u66f4\u660e\u667a\u7684\u51b3\u7b56\u3002\u00a0\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">\u603b\u7ed3<\/h2>\n\n\n\n<p>\u5173\u8054\u5f0f\u5bfc\u822a\u53ef\u4ee5\u5e2e\u52a9\u67d0\u4e9b\u7f51\u7ad9\u548c\u5e94\u7528\u7a0b\u5e8f\u63d0\u5347\u7528\u6237\u53c2\u4e0e\u5ea6\uff1b\u7136\u800c\uff0c\u5e76\u975e\u6240\u6709\u4eba\u90fd\u9700\u8981\u5b83\u3002\u7406\u89e3\u5173\u8054\u5f0f\u5bfc\u822a\u5982\u4f55\u5728\u7406\u8bba\u548c\u5b9e\u8df5\u4e2d\u53d1\u6325\u4f5c\u7528\u81f3\u5173\u91cd\u8981\uff0c\u5e76\u4e14\u60a8\u8fd8\u5e94\u786e\u4fdd\u60a8\u5177\u5907\u6240\u9700\u7684\u6570\u636e\/\u6280\u672f\u4e13\u4e1a\u77e5\u8bc6\u3002&nbsp;<\/p>\n\n\n\n<p>\u6743\u8861\u5173\u8054\u5f0f\u5bfc\u822a\u7684\u5229\u5f0a\u4e5f\u5f88\u91cd\u8981\u3002\u9664\u6b64\u4e4b\u5916\uff0c\u60a8\u5e94\u786e\u4fdd\u60a8\u7684\u5bfc\u822a\u4e0e\u9875\u9762\u7684\u5176\u4f59\u90e8\u5206 clearly differentiated\uff1b\u4e3a\u6b64\uff0c\u8bf7\u4f7f\u7528\u989c\u8272\u548c\u56fe\u6807\u3002\u4ece\u5c0f\u5904\u7740\u624b\uff0c\u9010\u6b65\u8fed\u4ee3\u3002<\/p>","protected":false},"excerpt":{"rendered":"<p>What are the key benefits of using contextual navigation in user interfaces? When implementing contextual navigation on your website, you need to consider various factors. You\u2019ll only get the advantages if you implement your navigation correctly, and these would include: Pro Tip: Clearly label your contextual navigation options. These should also be obvious visually; for [&hellip;]<\/p>","protected":false},"author":39,"featured_media":4465,"template":"","answers_category":[29],"class_list":["post-4464","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-navigation"],"acf":{"image":null,"card_image":4465,"content":[{"acf_fc_layout":"header_section","title":"\u4ec0\u4e48\u662f\u4e0a\u4e0b\u6587\u5bfc\u822a\uff1f","descriptions":"Contextual navigation involves changing how the user navigates based on, as the name suggests, user context. How a user navigates will depend on where they are on an app or website page, and it can take several forms \u2013 such as internally-embedded related links.\r\n\r\nWhile traditional navigation menus remain fixed, contextual navigation adjusts to various contexts and individual circumstances. It can change based on several parameters beyond where they are on the page, such as:\r\n\r\n\u2022 Where the user is located\r\n\r\n\u2022 The user\u2019s preferences\r\n\r\n\u2022 Previous actions that the user has taken on your website\r\n\r\nThe aim of contextual navigation is to increase engagement. You do this by ensuring that what you offer them is relevant to their needs and that it\u2019s the right time to offer it.","tip_label":"","tip":"","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"Contextual navigation is different from traditional navigation","body":""},{"label":"Consider how contextual navigation could potentially influence efficiency","body":""},{"label":"Think about your users, their needs, etc. before you start with contextual navigation","body":""}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/zh\/wp-json\/wp\/v2\/answer\/4464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/zh\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/zh\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/zh\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/zh\/wp-json\/wp\/v2\/media\/4465"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/zh\/wp-json\/wp\/v2\/media?parent=4464"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/zh\/wp-json\/wp\/v2\/answers_category?post=4464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}