{"id":1221,"date":"2026-10-22T02:55:31","date_gmt":"2026-10-22T02:55:31","guid":{"rendered":"https:\/\/hyc.eshachem.com\/program\/?p=1221"},"modified":"2026-11-05T03:37:05","modified_gmt":"2026-11-05T03:37:05","slug":"uiux-ux%e6%b3%95%e5%89%87","status":"publish","type":"post","link":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/","title":{"rendered":"UIUX &#8211; UX \u6cd5\u5247"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 <strong>UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247<\/strong>\uff1a<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%e6%a0%b8%e5%bf%83-ux-%e5%bf%83%e7%90%86%e8%88%87%e4%ba%92%e5%8b%95%e6%b3%95%e5%89%87\">\u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u8cbb\u8332\u6cd5\u5247\uff08Fitts\u2019s Law\uff09<\/strong>\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 <\/li>\n\n\n\n<li><strong>\u5e2d\u5ba2\u6cd5\u5247\uff08Hick\u2019s Law\uff09<\/strong>\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 <\/li>\n\n\n\n<li><strong>\u7c73\u52d2\u5b9a\u5f8b\uff08Miller\u2019s Law\uff09<\/strong>\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 <\/li>\n\n\n\n<li><strong>\u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob\u2019s Law\uff09<\/strong>\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 <\/li>\n\n\n\n<li><strong>\u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09<\/strong>\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 <\/li>\n\n\n\n<li><strong>\u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09<\/strong>\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%e8%a6%96%e8%a6%ba%e6%8e%83%e6%8f%8f%e8%88%87%e4%bd%88%e5%b1%80%e7%bf%92%e6%85%a3\">\u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09<\/strong>\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 <\/li>\n\n\n\n<li><strong>\u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09<\/strong>\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002<\/li>\n\n\n\n<li><strong>\u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09<\/strong>\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002<\/li>\n\n\n\n<li><strong>\u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09<\/strong>\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e<strong>\u5de8\u578b\u9078\u55ae<\/strong>\u6216<strong>\u641c\u5c0b\u529f\u80fd<\/strong>\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002<br><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"%e5%8d%81%e5%a4%a7%e5%8f%af%e7%94%a8%e6%80%a7%e5%8e%9f%e5%89%87%ef%bc%88nielsens-10-usability-heuristics%ef%bc%89\"><strong>\u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen\u2019s 10 Usability Heuristics\uff09<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09<\/strong>\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002<\/li>\n\n\n\n<li><strong>\u7cfb\u7d71\u8207\u771f\u5be6\u4e16\u754c\u76f8\u7b26\uff08Match between system and real world\uff09<\/strong>\uff1a\u4f7f\u7528\u4f7f\u7528\u8005\u719f\u6089\u7684\u8a9e\u8a00\u3001\u6982\u5ff5\u8207\u908f\u8f2f\uff0c\u800c\u4e0d\u662f\u51b0\u51b7\u7684\u7cfb\u7d71\u4ee3\u78bc\u3002<\/li>\n\n\n\n<li><strong>\u4f7f\u7528\u8005\u63a7\u5236\u6b0a\u8207\u81ea\u7531\u5ea6\uff08User control and freedom\uff09<\/strong>\uff1a\u63d0\u4f9b\u660e\u78ba\u7684\u300c\u53d6\u6d88\u300d\u3001\u300c\u8fd4\u56de\u300d\u6216\u300c\u5fa9\u539f\u300d\u6309\u9215\uff0c\u907f\u514d\u4f7f\u7528\u8005\u8aa4\u89f8\u53d7\u56f0\u3002<\/li>\n\n\n\n<li><strong>\u4e00\u81f4\u6027\u8207\u6a19\u6e96\uff08Consistency and standards\uff09<\/strong>\uff1a\u9075\u5faa\u5e73\u53f0\u8207\u7522\u696d\u7684\u8996\u89ba\u53ca\u64cd\u4f5c\u898f\u7bc4\uff0c\u4e0d\u96a8\u610f\u6539\u8b8a\u5143\u4ef6\u5b9a\u7fa9\u3002<\/li>\n\n\n\n<li><strong>\u9810\u9632\u932f\u8aa4\uff08Error prevention\uff09<\/strong>\uff1a\u8207\u5176\u8df3\u51fa\u6f02\u4eae\u7684\u932f\u8aa4\u63d0\u793a\uff0c\u4e0d\u5982\u5728\u8a2d\u8a08\u4e0a\u76f4\u63a5\u963b\u7d55\u6703\u51fa\u932f\u7684\u6a5f\u6703\u3002<\/li>\n\n\n\n<li><strong>\u8b58\u5225\u512a\u65bc\u56de\u61b6\uff08Recognition rather than recall\uff09<\/strong>\uff1a\u628a\u9078\u9805\u3001\u6307\u4ee4\u76f4\u63a5\u79c0\u5728\u756b\u9762\u4e0a\uff0c\u6e1b\u5c11\u4f7f\u7528\u8005\u9700\u8981\u6b7b\u8a18\u786c\u80cc\u7684\u8ca0\u64d4\u3002<\/li>\n\n\n\n<li><strong>\u9748\u6d3b\u6027\u8207\u6548\u7387\uff08Flexibility and efficiency of use\uff09<\/strong>\uff1a\u63d0\u4f9b\u5feb\u6377\u9375\u6216\u81ea\u8a02\u529f\u80fd\uff0c\u8b93\u719f\u7df4\u7684\u9ad8\u968e\u4f7f\u7528\u8005\u80fd\u66f4\u5feb\u901f\u64cd\u4f5c\u3002<\/li>\n\n\n\n<li><strong>\u7f8e\u5b78\u8207\u6975\u7c21\u4e3b\u7fa9\u8a2d\u8a08\uff08Aesthetic and minimalist design\uff09<\/strong>\uff1a\u4ecb\u9762\u4e0d\u61c9\u5305\u542b\u7121\u95dc\u6216\u6975\u5c11\u7528\u5230\u7684\u8cc7\u8a0a\uff0c\u4fdd\u6301\u8996\u89ba\u6e05\u723d\u3002<\/li>\n\n\n\n<li><strong>\u5354\u52a9\u4f7f\u7528\u8005\u8a3a\u65b7\u8207\u5fa9\u539f\u932f\u8aa4\uff08Help users recognize, diagnose, and recover from errors\uff09<\/strong>\uff1a\u932f\u8aa4\u8a0a\u606f\u61c9\u767d\u8a71\u6613\u61c2\uff0c\u4e26\u76f4\u63a5\u6307\u51fa\u554f\u984c\u9ede\u8207\u89e3\u6cd5\u3002<\/li>\n\n\n\n<li><strong>\u63d0\u4f9b\u8aaa\u660e\u8207\u6587\u4ef6\uff08Help and documentation\uff09<\/strong>\uff1a\u6700\u597d\u80fd\u76f4\u89ba\u64cd\u4f5c\uff0c\u4f46\u4ecd\u9700\u5099\u6709\u6613\u65bc\u641c\u5c0b\u7684\u8aaa\u660e\u6587\u4ef6\u4f9b\u67e5\u8a62\u3002<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen\u2019s 10 Usability Heuristics\uff09<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-1221","post","type-post","status-publish","format-standard","hentry","category-front-end"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8cbb\u8332\u6cd5\u5247\uff08Fitts&#039;s Law\uff09\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 \u5e2d\u5ba2\u6cd5\u5247\uff08Hick&#039;s Law\uff09\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 \u7c73\u52d2\u5b9a\u5f8b\uff08Miller&#039;s Law\uff09\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 \u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob&#039;s Law\uff09\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 \u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 \u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 \u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002 \u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002 \u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e\u5de8\u578b\u9078\u55ae\u6216\u641c\u5c0b\u529f\u80fd\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen&#039;s 10 Usability Heuristics\uff09 \u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"H.Y. Chen\"\/>\n\t<meta name=\"google-site-verification\" content=\"-324YR5tomynX5FeTW2lTMHIX0KmPBvpxjXpOhXwi1Q\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"HyC Wiki - Technical articles\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"UIUX \u2013 UX \u6cd5\u5247 - HyC Wiki\" \/>\n\t\t<meta property=\"og:description\" content=\"UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8cbb\u8332\u6cd5\u5247\uff08Fitts&#039;s Law\uff09\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 \u5e2d\u5ba2\u6cd5\u5247\uff08Hick&#039;s Law\uff09\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 \u7c73\u52d2\u5b9a\u5f8b\uff08Miller&#039;s Law\uff09\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 \u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob&#039;s Law\uff09\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 \u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 \u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 \u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002 \u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002 \u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e\u5de8\u578b\u9078\u55ae\u6216\u641c\u5c0b\u529f\u80fd\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen&#039;s 10 Usability Heuristics\uff09 \u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"64\" \/>\n\t\t<meta property=\"og:image:height\" content=\"64\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-10-22T02:55:31+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-11-05T03:37:05+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"UIUX \u2013 UX \u6cd5\u5247 - HyC Wiki\" \/>\n\t\t<meta name=\"twitter:description\" content=\"UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8cbb\u8332\u6cd5\u5247\uff08Fitts&#039;s Law\uff09\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 \u5e2d\u5ba2\u6cd5\u5247\uff08Hick&#039;s Law\uff09\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 \u7c73\u52d2\u5b9a\u5f8b\uff08Miller&#039;s Law\uff09\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 \u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob&#039;s Law\uff09\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 \u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 \u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 \u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002 \u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002 \u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e\u5de8\u578b\u9078\u55ae\u6216\u641c\u5c0b\u529f\u80fd\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen&#039;s 10 Usability Heuristics\uff09 \u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#blogposting\",\"name\":\"UIUX \\u2013 UX \\u6cd5\\u5247 - HyC Wiki\",\"headline\":\"UIUX &#8211; UX \\u6cd5\\u5247\",\"author\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#articleImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"H.Y. Chen\"},\"datePublished\":\"2026-10-22T02:55:31+00:00\",\"dateModified\":\"2026-11-05T03:37:05+00:00\",\"inLanguage\":\"en-US\",\"commentCount\":2,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#webpage\"},\"articleSection\":\"Front-End\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/#listItem\",\"name\":\"Front-End\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/#listItem\",\"position\":2,\"name\":\"Front-End\",\"item\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#listItem\",\"name\":\"UIUX &#8211; UX \\u6cd5\\u5247\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#listItem\",\"position\":3,\"name\":\"UIUX &#8211; UX \\u6cd5\\u5247\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/category\\\/front-end\\\/#listItem\",\"name\":\"Front-End\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#person\",\"name\":\"H.Y. Chen\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"H.Y. Chen\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\",\"url\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/\",\"name\":\"H.Y. Chen\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"H.Y. Chen\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#webpage\",\"url\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/\",\"name\":\"UIUX \\u2013 UX \\u6cd5\\u5247 - HyC Wiki\",\"description\":\"UX \\u6cd5\\u5247\\uff08UX Laws \\\/ Principles\\uff09\\u662f\\u6839\\u64da\\u4eba\\u985e\\u5fc3\\u7406\\u5b78\\u8207\\u884c\\u70ba\\u7fd2\\u6163\\u6b78\\u7d0d\\u51fa\\u7684\\u8a2d\\u8a08\\u898f\\u5f8b\\uff0c\\u5e6b\\u52a9\\u8a2d\\u8a08\\u5e2b\\u5728\\u958b\\u767c\\u6578\\u4f4d\\u7522\\u54c1\\u6642\\uff0c\\u63d0\\u4f9b\\u5408\\u4e4e\\u908f\\u8f2f\\u7684\\u5224\\u65b7\\u4f9d\\u64da\\uff0c\\u800c\\u4e0d\\u53ea\\u662f\\u4e3b\\u89c0\\u8a0e\\u8ad6\\u300c\\u597d\\u4e0d\\u597d\\u770b\\u300d\\u3002 \\u4ee5\\u4e0b\\u70ba\\u6700\\u6838\\u5fc3\\u7684 UX \\u5e38\\u898b\\u6cd5\\u5247\\u8207\\u8a2d\\u8a08\\u539f\\u5247\\uff1a \\u6838\\u5fc3 UX \\u5fc3\\u7406\\u8207\\u4e92\\u52d5\\u6cd5\\u5247 \\u8cbb\\u8332\\u6cd5\\u5247\\uff08Fitts's Law\\uff09\\uff1a\\u76ee\\u6a19\\u8d8a\\u9760\\u8fd1\\u3001\\u9ad4\\u7a4d\\u8d8a\\u5927\\uff0c\\u4f7f\\u7528\\u8005\\u9ede\\u64ca\\u5b83\\u5c31\\u8d8a\\u5feb\\u3002\\u56e0\\u6b64\\uff0c\\u4e3b\\u8981\\u884c\\u52d5\\u547c\\u7c72\\uff08CTA\\uff09\\u6309\\u9215\\u61c9\\u8a72\\u5920\\u5927\\uff0c\\u4e14\\u653e\\u5728\\u5927\\u62c7\\u6307\\u5bb9\\u6613\\u89f8\\u53ca\\u7684\\u5340\\u57df\\u3002 \\u5e2d\\u5ba2\\u6cd5\\u5247\\uff08Hick's Law\\uff09\\uff1a\\u9078\\u9805\\u8d8a\\u591a\\uff0c\\u4f7f\\u7528\\u8005\\u505a\\u6c7a\\u7b56\\u7684\\u6642\\u9593\\u8d8a\\u9577\\u3002\\u5efa\\u8b70\\u7cbe\\u7c21\\u5c0e\\u89bd\\u5217\\u9078\\u9805\\uff08\\u901a\\u5e38\\u5efa\\u8b70 5 \\u500b\\u4ee5\\u5167\\uff09\\uff0c\\u6bcf\\u9801\\u4fdd\\u6301\\u55ae\\u4e00\\u4e3b\\u8981 CTA\\u3002 \\u7c73\\u52d2\\u5b9a\\u5f8b\\uff08Miller's Law\\uff09\\uff1a\\u4e00\\u822c\\u4eba\\u7684\\u77ed\\u671f\\u8a18\\u61b6\\u5bb9\\u91cf\\u5927\\u7d04\\u53ea\\u80fd\\u8a18\\u4f4f 7 \\u00b1 2 \\u500b\\u8cc7\\u8a0a\\u55ae\\u4f4d\\u3002\\u8a2d\\u8a08\\u6642\\u61c9\\u5c07\\u9577\\u7bc7\\u8868\\u55ae\\u6216\\u8907\\u96dc\\u8cc7\\u8a0a\\u9032\\u884c\\u300c\\u5206\\u7d44\\uff08Chunking\\uff09\\u300d\\u3002 \\u96c5\\u5404\\u5e03\\u5b9a\\u5f8b\\uff08Jakob's Law\\uff09\\uff1a\\u4f7f\\u7528\\u8005\\u5927\\u90e8\\u5206\\u6642\\u9593\\u90fd\\u5728\\u5225\\u7684\\u7db2\\u7ad9\\u4e0a\\u5ea6\\u904e\\uff1b\\u4ed6\\u5011\\u66f4\\u5e0c\\u671b\\u4f60\\u7684\\u7db2\\u7ad9\\u904b\\u4f5c\\u65b9\\u5f0f\\uff0c\\u8ddf\\u4ed6\\u5011\\u5df2\\u7d93\\u719f\\u6089\\u7684\\u5176\\u4ed6\\u7db2\\u7ad9\\u4e00\\u6a23\\u3002\\u56e0\\u6b64\\u4e0d\\u9700\\u8981\\u904e\\u5ea6\\u539f\\u5275\\uff0c\\u61c9\\u7b26\\u5408\\u65e2\\u6709\\u300c\\u5fc3\\u667a\\u6a21\\u578b\\uff08Mental Models\\uff09\\u300d\\u3002 \\u96f7\\u65af\\u591a\\u592b\\u6548\\u61c9\\uff08Von Restorff Effect\\uff09\\uff1a\\u5728\\u6709\\u4e00\\u7fa4\\u76f8\\u4f3c\\u7684\\u5143\\u7d20\\u4e2d\\uff0c\\u8207\\u773e\\u4e0d\\u540c\\u7684\\u90a3\\u500b\\u6700\\u5bb9\\u6613\\u88ab\\u8a18\\u4f4f\\uff08\\u4f8b\\u5982\\uff1a\\u50f9\\u683c\\u65b9\\u6848\\u4e2d\\u628a\\u300c\\u6700\\u63a8\\u85a6\\u300d\\u7684\\u65b9\\u6848\\u7a81\\u986f\\u51fa\\u4f86\\uff09\\u3002 \\u683c\\u5f0f\\u5854\\u5fc3\\u7406\\u5b78\\uff08Gestalt Principles\\uff09\\uff08\\u53c8\\u8b6f\\u5b8c\\u5f62\\u539f\\u5247\\uff09\\uff1a\\u4eba\\u985e\\u7684\\u5927\\u8166\\u6703\\u81ea\\u52d5\\u5c07\\u8996\\u89ba\\u5143\\u7d20\\u9032\\u884c\\u5206\\u7d44\\uff08\\u5982\\uff1a\\u8ddd\\u96e2\\u76f8\\u8fd1\\u3001\\u984f\\u8272\\u76f8\\u4f3c\\u3001\\u6216\\u6709\\u5916\\u6846\\u5305\\u570d\\u7684\\u9805\\u76ee\\uff0c\\u6703\\u88ab\\u8996\\u70ba\\u6709\\u95dc\\u806f\\uff09\\u3002 \\u8996\\u89ba\\u6383\\u63cf\\u8207\\u4f48\\u5c40\\u7fd2\\u6163 F \\u578b\\u95b1\\u8b80\\u6a21\\u5f0f\\uff08F-Pattern\\uff09\\uff1a\\u4f7f\\u7528\\u8005\\u5728\\u7db2\\u9801\\u4e0a\\u700f\\u89bd\\u6587\\u5b57\\u6642\\uff0c\\u8996\\u7dda\\u901a\\u5e38\\u5448\\u73fe\\u300cF\\u300d\\u5b57\\u578b\\uff08\\u5148\\u770b\\u6700\\u4e0a\\u65b9\\uff0c\\u518d\\u5f80\\u4e0b\\u6383\\u63cf\\u5de6\\u5074\\uff09\\u3002\\u91cd\\u8981\\u8cc7\\u8a0a\\u61c9\\u653e\\u5728\\u5de6\\u4e0a\\u65b9\\uff0c\\u907f\\u514d\\u628a\\u95dc\\u9375\\u5167\\u5bb9\\u585e\\u5728\\u53f3\\u4e0b\\u89d2\\u5bb9\\u6613\\u88ab\\u5ffd\\u7565\\u7684\\u5730\\u65b9\\u3002 \\u5e15\\u96f7\\u6258\\u6cd5\\u5247\\uff08Pareto Principle \\\/ 80\\\/20 \\u6cd5\\u5247\\uff09\\uff1a\\u5927\\u7d04 80% \\u7684\\u4f7f\\u7528\\u8005\\u884c\\u70ba\\u662f\\u7531 20% \\u7684\\u529f\\u80fd\\u6240\\u9a45\\u52d5\\u3002\\u8a2d\\u8a08\\u6642\\u61c9\\u512a\\u5148\\u512a\\u5316\\u6838\\u5fc3\\u4efb\\u52d9\\u8207\\u9ad8\\u983b\\u529f\\u80fd\\u3002 \\u62c7\\u6307\\u6cd5\\u5247\\uff08Thumb Zone\\uff09\\uff1a\\u624b\\u6a5f\\u4ecb\\u9762\\u91cd\\u8981\\u529f\\u80fd\\u52d9\\u5fc5\\u653e\\u5728\\u4e0b\\u534a\\u90e8\\u3002 \\u8cc7\\u8a0a\\u67b6\\u69cb\\uff08IA\\uff09\\uff1a\\u8cc7\\u8a0a\\u5c64\\u7d1a\\u592a\\u6df1\\uff08\\u8d85\\u904e3\\u5c64\\uff09\\u6642\\uff0c\\u61c9\\u512a\\u5148\\u8003\\u616e\\u5de8\\u578b\\u9078\\u55ae\\u6216\\u641c\\u5c0b\\u529f\\u80fd\\uff0c\\u800c\\u975e\\u50b3\\u7d71\\u4e0b\\u62c9\\u9078\\u55ae\\u3002 \\u5341\\u5927\\u53ef\\u7528\\u6027\\u539f\\u5247\\uff08Nielsen's 10 Usability Heuristics\\uff09 \\u7cfb\\u7d71\\u72c0\\u614b\\u6e05\\u6670\\u53ef\\u898b\\uff08Visibility of system status\\uff09\\uff1a\\u8b93\\u4f7f\\u7528\\u8005\\u96a8\\u6642\\u77e5\\u9053\\u76ee\\u524d\\u7cfb\\u7d71\\u5728\\u505a\\u4ec0\\u9ebc\\uff08\\u4f8b\\u5982\\uff1a\\u8f09\\u5165\\u9032\\u5ea6\\u689d\\uff09\\u3002\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/uiux-ux%e6%b3%95%e5%89%87\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/author\\\/hychen\\\/#author\"},\"datePublished\":\"2026-10-22T02:55:31+00:00\",\"dateModified\":\"2026-11-05T03:37:05+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#website\",\"url\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/\",\"name\":\"HyC Wiki\",\"description\":\"Technical articles\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/hyc.eshachem.com\\\/program\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"UIUX \u2013 UX \u6cd5\u5247 - HyC Wiki","description":"UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8cbb\u8332\u6cd5\u5247\uff08Fitts's Law\uff09\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 \u5e2d\u5ba2\u6cd5\u5247\uff08Hick's Law\uff09\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 \u7c73\u52d2\u5b9a\u5f8b\uff08Miller's Law\uff09\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 \u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob's Law\uff09\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 \u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 \u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 \u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002 \u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002 \u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e\u5de8\u578b\u9078\u55ae\u6216\u641c\u5c0b\u529f\u80fd\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen's 10 Usability Heuristics\uff09 \u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002","canonical_url":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"-324YR5tomynX5FeTW2lTMHIX0KmPBvpxjXpOhXwi1Q","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#blogposting","name":"UIUX \u2013 UX \u6cd5\u5247 - HyC Wiki","headline":"UIUX &#8211; UX \u6cd5\u5247","author":{"@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author"},"publisher":{"@id":"https:\/\/hyc.eshachem.com\/program\/#person"},"image":{"@type":"ImageObject","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#articleImage","url":"https:\/\/secure.gravatar.com\/avatar\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g","width":96,"height":96,"caption":"H.Y. Chen"},"datePublished":"2026-10-22T02:55:31+00:00","dateModified":"2026-11-05T03:37:05+00:00","inLanguage":"en-US","commentCount":2,"mainEntityOfPage":{"@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#webpage"},"isPartOf":{"@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#webpage"},"articleSection":"Front-End"},{"@type":"BreadcrumbList","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program#listItem","position":1,"name":"Home","item":"https:\/\/hyc.eshachem.com\/program","nextItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/#listItem","name":"Front-End"}},{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/#listItem","position":2,"name":"Front-End","item":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/","nextItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#listItem","name":"UIUX &#8211; UX \u6cd5\u5247"},"previousItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#listItem","position":3,"name":"UIUX &#8211; UX \u6cd5\u5247","previousItem":{"@type":"ListItem","@id":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/#listItem","name":"Front-End"}}]},{"@type":"Person","@id":"https:\/\/hyc.eshachem.com\/program\/#person","name":"H.Y. Chen","image":{"@type":"ImageObject","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g","width":96,"height":96,"caption":"H.Y. Chen"}},{"@type":"Person","@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author","url":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/","name":"H.Y. Chen","image":{"@type":"ImageObject","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/fc6e05e080c9ea570267ee9ed68c8b1841d745cee07c0331c5440646e0646603?s=96&d=mm&r=g","width":96,"height":96,"caption":"H.Y. Chen"}},{"@type":"WebPage","@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#webpage","url":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/","name":"UIUX \u2013 UX \u6cd5\u5247 - HyC Wiki","description":"UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8cbb\u8332\u6cd5\u5247\uff08Fitts's Law\uff09\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 \u5e2d\u5ba2\u6cd5\u5247\uff08Hick's Law\uff09\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 \u7c73\u52d2\u5b9a\u5f8b\uff08Miller's Law\uff09\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 \u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob's Law\uff09\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 \u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 \u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 \u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002 \u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002 \u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e\u5de8\u578b\u9078\u55ae\u6216\u641c\u5c0b\u529f\u80fd\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen's 10 Usability Heuristics\uff09 \u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/hyc.eshachem.com\/program\/#website"},"breadcrumb":{"@id":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/#breadcrumblist"},"author":{"@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author"},"creator":{"@id":"https:\/\/hyc.eshachem.com\/program\/author\/hychen\/#author"},"datePublished":"2026-10-22T02:55:31+00:00","dateModified":"2026-11-05T03:37:05+00:00"},{"@type":"WebSite","@id":"https:\/\/hyc.eshachem.com\/program\/#website","url":"https:\/\/hyc.eshachem.com\/program\/","name":"HyC Wiki","description":"Technical articles","inLanguage":"en-US","publisher":{"@id":"https:\/\/hyc.eshachem.com\/program\/#person"}}]},"og:locale":"en_US","og:site_name":"HyC Wiki - Technical articles","og:type":"article","og:title":"UIUX \u2013 UX \u6cd5\u5247 - HyC Wiki","og:description":"UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8cbb\u8332\u6cd5\u5247\uff08Fitts's Law\uff09\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 \u5e2d\u5ba2\u6cd5\u5247\uff08Hick's Law\uff09\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 \u7c73\u52d2\u5b9a\u5f8b\uff08Miller's Law\uff09\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 \u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob's Law\uff09\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 \u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 \u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 \u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002 \u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002 \u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e\u5de8\u578b\u9078\u55ae\u6216\u641c\u5c0b\u529f\u80fd\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen's 10 Usability Heuristics\uff09 \u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002","og:url":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/","og:image":"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png","og:image:secure_url":"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png","og:image:width":64,"og:image:height":64,"article:published_time":"2026-10-22T02:55:31+00:00","article:modified_time":"2026-11-05T03:37:05+00:00","twitter:card":"summary_large_image","twitter:title":"UIUX \u2013 UX \u6cd5\u5247 - HyC Wiki","twitter:description":"UX \u6cd5\u5247\uff08UX Laws \/ Principles\uff09\u662f\u6839\u64da\u4eba\u985e\u5fc3\u7406\u5b78\u8207\u884c\u70ba\u7fd2\u6163\u6b78\u7d0d\u51fa\u7684\u8a2d\u8a08\u898f\u5f8b\uff0c\u5e6b\u52a9\u8a2d\u8a08\u5e2b\u5728\u958b\u767c\u6578\u4f4d\u7522\u54c1\u6642\uff0c\u63d0\u4f9b\u5408\u4e4e\u908f\u8f2f\u7684\u5224\u65b7\u4f9d\u64da\uff0c\u800c\u4e0d\u53ea\u662f\u4e3b\u89c0\u8a0e\u8ad6\u300c\u597d\u4e0d\u597d\u770b\u300d\u3002 \u4ee5\u4e0b\u70ba\u6700\u6838\u5fc3\u7684 UX \u5e38\u898b\u6cd5\u5247\u8207\u8a2d\u8a08\u539f\u5247\uff1a \u6838\u5fc3 UX \u5fc3\u7406\u8207\u4e92\u52d5\u6cd5\u5247 \u8cbb\u8332\u6cd5\u5247\uff08Fitts's Law\uff09\uff1a\u76ee\u6a19\u8d8a\u9760\u8fd1\u3001\u9ad4\u7a4d\u8d8a\u5927\uff0c\u4f7f\u7528\u8005\u9ede\u64ca\u5b83\u5c31\u8d8a\u5feb\u3002\u56e0\u6b64\uff0c\u4e3b\u8981\u884c\u52d5\u547c\u7c72\uff08CTA\uff09\u6309\u9215\u61c9\u8a72\u5920\u5927\uff0c\u4e14\u653e\u5728\u5927\u62c7\u6307\u5bb9\u6613\u89f8\u53ca\u7684\u5340\u57df\u3002 \u5e2d\u5ba2\u6cd5\u5247\uff08Hick's Law\uff09\uff1a\u9078\u9805\u8d8a\u591a\uff0c\u4f7f\u7528\u8005\u505a\u6c7a\u7b56\u7684\u6642\u9593\u8d8a\u9577\u3002\u5efa\u8b70\u7cbe\u7c21\u5c0e\u89bd\u5217\u9078\u9805\uff08\u901a\u5e38\u5efa\u8b70 5 \u500b\u4ee5\u5167\uff09\uff0c\u6bcf\u9801\u4fdd\u6301\u55ae\u4e00\u4e3b\u8981 CTA\u3002 \u7c73\u52d2\u5b9a\u5f8b\uff08Miller's Law\uff09\uff1a\u4e00\u822c\u4eba\u7684\u77ed\u671f\u8a18\u61b6\u5bb9\u91cf\u5927\u7d04\u53ea\u80fd\u8a18\u4f4f 7 \u00b1 2 \u500b\u8cc7\u8a0a\u55ae\u4f4d\u3002\u8a2d\u8a08\u6642\u61c9\u5c07\u9577\u7bc7\u8868\u55ae\u6216\u8907\u96dc\u8cc7\u8a0a\u9032\u884c\u300c\u5206\u7d44\uff08Chunking\uff09\u300d\u3002 \u96c5\u5404\u5e03\u5b9a\u5f8b\uff08Jakob's Law\uff09\uff1a\u4f7f\u7528\u8005\u5927\u90e8\u5206\u6642\u9593\u90fd\u5728\u5225\u7684\u7db2\u7ad9\u4e0a\u5ea6\u904e\uff1b\u4ed6\u5011\u66f4\u5e0c\u671b\u4f60\u7684\u7db2\u7ad9\u904b\u4f5c\u65b9\u5f0f\uff0c\u8ddf\u4ed6\u5011\u5df2\u7d93\u719f\u6089\u7684\u5176\u4ed6\u7db2\u7ad9\u4e00\u6a23\u3002\u56e0\u6b64\u4e0d\u9700\u8981\u904e\u5ea6\u539f\u5275\uff0c\u61c9\u7b26\u5408\u65e2\u6709\u300c\u5fc3\u667a\u6a21\u578b\uff08Mental Models\uff09\u300d\u3002 \u96f7\u65af\u591a\u592b\u6548\u61c9\uff08Von Restorff Effect\uff09\uff1a\u5728\u6709\u4e00\u7fa4\u76f8\u4f3c\u7684\u5143\u7d20\u4e2d\uff0c\u8207\u773e\u4e0d\u540c\u7684\u90a3\u500b\u6700\u5bb9\u6613\u88ab\u8a18\u4f4f\uff08\u4f8b\u5982\uff1a\u50f9\u683c\u65b9\u6848\u4e2d\u628a\u300c\u6700\u63a8\u85a6\u300d\u7684\u65b9\u6848\u7a81\u986f\u51fa\u4f86\uff09\u3002 \u683c\u5f0f\u5854\u5fc3\u7406\u5b78\uff08Gestalt Principles\uff09\uff08\u53c8\u8b6f\u5b8c\u5f62\u539f\u5247\uff09\uff1a\u4eba\u985e\u7684\u5927\u8166\u6703\u81ea\u52d5\u5c07\u8996\u89ba\u5143\u7d20\u9032\u884c\u5206\u7d44\uff08\u5982\uff1a\u8ddd\u96e2\u76f8\u8fd1\u3001\u984f\u8272\u76f8\u4f3c\u3001\u6216\u6709\u5916\u6846\u5305\u570d\u7684\u9805\u76ee\uff0c\u6703\u88ab\u8996\u70ba\u6709\u95dc\u806f\uff09\u3002 \u8996\u89ba\u6383\u63cf\u8207\u4f48\u5c40\u7fd2\u6163 F \u578b\u95b1\u8b80\u6a21\u5f0f\uff08F-Pattern\uff09\uff1a\u4f7f\u7528\u8005\u5728\u7db2\u9801\u4e0a\u700f\u89bd\u6587\u5b57\u6642\uff0c\u8996\u7dda\u901a\u5e38\u5448\u73fe\u300cF\u300d\u5b57\u578b\uff08\u5148\u770b\u6700\u4e0a\u65b9\uff0c\u518d\u5f80\u4e0b\u6383\u63cf\u5de6\u5074\uff09\u3002\u91cd\u8981\u8cc7\u8a0a\u61c9\u653e\u5728\u5de6\u4e0a\u65b9\uff0c\u907f\u514d\u628a\u95dc\u9375\u5167\u5bb9\u585e\u5728\u53f3\u4e0b\u89d2\u5bb9\u6613\u88ab\u5ffd\u7565\u7684\u5730\u65b9\u3002 \u5e15\u96f7\u6258\u6cd5\u5247\uff08Pareto Principle \/ 80\/20 \u6cd5\u5247\uff09\uff1a\u5927\u7d04 80% \u7684\u4f7f\u7528\u8005\u884c\u70ba\u662f\u7531 20% \u7684\u529f\u80fd\u6240\u9a45\u52d5\u3002\u8a2d\u8a08\u6642\u61c9\u512a\u5148\u512a\u5316\u6838\u5fc3\u4efb\u52d9\u8207\u9ad8\u983b\u529f\u80fd\u3002 \u62c7\u6307\u6cd5\u5247\uff08Thumb Zone\uff09\uff1a\u624b\u6a5f\u4ecb\u9762\u91cd\u8981\u529f\u80fd\u52d9\u5fc5\u653e\u5728\u4e0b\u534a\u90e8\u3002 \u8cc7\u8a0a\u67b6\u69cb\uff08IA\uff09\uff1a\u8cc7\u8a0a\u5c64\u7d1a\u592a\u6df1\uff08\u8d85\u904e3\u5c64\uff09\u6642\uff0c\u61c9\u512a\u5148\u8003\u616e\u5de8\u578b\u9078\u55ae\u6216\u641c\u5c0b\u529f\u80fd\uff0c\u800c\u975e\u50b3\u7d71\u4e0b\u62c9\u9078\u55ae\u3002 \u5341\u5927\u53ef\u7528\u6027\u539f\u5247\uff08Nielsen's 10 Usability Heuristics\uff09 \u7cfb\u7d71\u72c0\u614b\u6e05\u6670\u53ef\u898b\uff08Visibility of system status\uff09\uff1a\u8b93\u4f7f\u7528\u8005\u96a8\u6642\u77e5\u9053\u76ee\u524d\u7cfb\u7d71\u5728\u505a\u4ec0\u9ebc\uff08\u4f8b\u5982\uff1a\u8f09\u5165\u9032\u5ea6\u689d\uff09\u3002","twitter:image":"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/06\/cropped-cropped-\u672a\u547d\u540d\u8a2d\u8a08-4.png"},"aioseo_meta_data":{"post_id":"1221","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-10-22 02:55:33","updated":"2026-11-05 03:54:47"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/hyc.eshachem.com\/program\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/\" title=\"Front-End\">Front-End<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tUIUX \u2013 UX \u6cd5\u5247\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/hyc.eshachem.com\/program"},{"label":"Front-End","link":"https:\/\/hyc.eshachem.com\/program\/category\/front-end\/"},{"label":"UIUX &#8211; UX \u6cd5\u5247","link":"https:\/\/hyc.eshachem.com\/program\/uiux-ux%e6%b3%95%e5%89%87\/"}],"views":113,"_links":{"self":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/1221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/comments?post=1221"}],"version-history":[{"count":4,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/1221\/revisions"}],"predecessor-version":[{"id":1245,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/1221\/revisions\/1245"}],"wp:attachment":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/media?parent=1221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/categories?post=1221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/tags?post=1221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}