CINXE.COM

交互体验 | 人人都是产品经理

<!DOCTYPE html> <html lang="zh-Hans"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0,user-scalable=no,minimal-ui"> <title>交互体验 | 人人都是产品经理</title> <meta name="baidu-site-verification" content="codeva-oZwKtV7LDl" /> <meta name="keywords" content=""><meta name="description" content="交互体验 - "><link type="image/vnd.microsoft.icon" href="//image.woshipm.com/favicon.ico" rel="shortcut icon"><meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//image.woshipm.com' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.woshipm.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.woshipm.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='ui-css' href='//image.woshipm.com/fp/css/ui.css?ver=6.0.11' type='text/css' media='screen' /> <link rel='stylesheet' id='swipper-css' href='//image.woshipm.com/fp/css/swiper-bundle.min.css?ver=6.0.11' type='text/css' media='screen' /> <link rel='stylesheet' id='misc-css' href='//image.woshipm.com/fp/css/app.min.css?ver=6.0.11' type='text/css' media='screen' /> <link rel='stylesheet' id='fa-css' href='//image.woshipm.com/kan/css/font-awesome.min.css?ver=6.0.11' type='text/css' media='screen' /> <link rel="icon" href="https://image.woshipm.com/wp-files/2024/11/MbtEc6Z3dCX41DLY4alz.png" sizes="32x32" /> <link rel="icon" href="https://image.woshipm.com/wp-files/2024/11/MbtEc6Z3dCX41DLY4alz.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://image.woshipm.com/wp-files/2024/11/MbtEc6Z3dCX41DLY4alz.png" /> <meta name="msapplication-TileImage" content="https://image.woshipm.com/wp-files/2024/11/MbtEc6Z3dCX41DLY4alz.png" /> <style>.comment--location { display: flex; margin-top: 8px; align-items: center; font-size: 14px!important; padding-left: 10px; color: rgba(0,0,0,.5)!important; fill: rgba(0,0,0,.5)!important; } .comment--location svg { margin-right: 5px; } </style></head> <body class="u-backgroundColorLightBlue is-fixedHeader"> <div id="app" class="surface--content"> <el-backtop></el-backtop> <header class="pm--metabar"> <div class="container u-flex"> <a href="/" class="u-flex u-relative"><img class="logo" src="//image.woshipm.com/fp/images/logo.png" alt="人人都是产品经理"></a> <nav class="header-nav"> <ul class="subnav-ul"> <li class="menu-item"><a href="https://www.woshipm.com/">首页</a></li> <li class="menu-item menu-item-has-children menu-item--new"> <a href="javascript:;">培训课程</a> <div class="sub--menuWidth"> <div class="container dropCard--courses"> <div class="dropCourse--list"> <div class="dropCourse--title"><a href="https://www.qidianla.com/" target="_blank">名师辅导课</a></div> <div class="dropCourse--item"><a href="https://ke.qidianla.com/courses/tocpm" target="_blank">C端产品经理1V1私教陪跑计划</a></div> <div class="dropCourse--item"><a href="https://ke.qidianla.com/courses/tobpm" target="_blank">B端产品经理1V1私教陪跑计划</a></div> <div class="dropCourse--item"><a href="https://ke.qidianla.com/courses/aiwpc" target="_blank">AI重塑职场竞争力1V1私教陪跑计划</a></div> <div class="dropCourse--more"><a href="https://www.qidianla.com/" target="_blank">查看更多<span class="el-icon-d-arrow-right"></span></a></div> </div> <div class="dropCourse--list"> <div class="dropCourse--title"><a href="https://www.qidianla.com/" target="_blank">个人自学课</a></div> <div class="dropCourse--item"><a href="https://ke.qidianla.com/courses/iom" target="_blank">互联网运营能力进阶</a></div> <div class="dropCourse--item"><a href="https://ke.qidianla.com/courses/bupm" target="_blank">业务产品经理能力进阶</a></div> <div class="dropCourse--item"><a href="https://ke.qidianla.com/courses/ecpm1" target="_blank">电商产品经理从入门到进阶</a></div> <div class="dropCourse--more"><a href="https://www.qidianla.com/" target="_blank">查看更多<span class="el-icon-d-arrow-right"></span></a></div> </div> <div class="dropCourse--list"> <div class="dropCourse--title"><a href="https://daxue.qidianla.com/" target="_blank">企业内训课</a></div> <div class="dropCourse--double"> <div class="dropCourse--doubleItem"> <div class="dropCourse--item"><a href="https://daxue.qidianla.com/" target="_blank">数字化产品经理课</a></div> <div class="dropCourse--item"><a href="https://daxue.qidianla.com/" target="_blank">商业化产品实战课</a></div> <div class="dropCourse--item"><a href="https://daxue.qidianla.com/" target="_blank">数字化营销体系课</a></div> </div> <div class="dropCourse--doubleItem"> <div class="dropCourse--item"><a href="https://daxue.qidianla.com/" target="_blank">B端运营实战课</a></div> <div class="dropCourse--item"><a href="https://daxue.qidianla.com/" target="_blank">私域流量实战课</a></div> <div class="dropCourse--item"><a href="https://daxue.qidianla.com/" target="_blank">数据分析体系课</a></div> </div> </div> <div class="dropCourse--more"><a href="https://daxue.qidianla.com/" target="_blank">查看更多<span class="el-icon-d-arrow-right"></span></a></div> </div> </div> </div> </li> <li class="menu-item menu-item-has-children"> <a href="javascript:;">分类浏览</a> <svg width="14" height="14" viewBox="0 0 19 19" class="svgIcon"> <path d="M3.9 6.77l5.2 5.76.43.47.43-.47 5.15-5.7-.85-.77-4.73 5.25L4.75 6z" fill-rule="evenodd"></path> </svg> <div class="sub--menuWidth"> <div class="container dropCard--list"> <div class="pm--category"> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/it" class="u-flex" target="_blank"> <div class="content"> <div class="name">业界动态</div> <div class="count">28757篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/pd" class="u-flex" target="_blank"> <div class="content"> <div class="name">产品设计</div> <div class="count">18562篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/operate" class="u-flex" target="_blank"> <div class="content"> <div class="name">产品运营</div> <div class="count">14744篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/pmd" class="u-flex" target="_blank"> <div class="content"> <div class="name">产品经理</div> <div class="count">9518篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/zhichang" class="u-flex" target="_blank"> <div class="content"> <div class="name">职场攻略</div> <div class="count">5107篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/marketing" class="u-flex" target="_blank"> <div class="content"> <div class="name">营销推广</div> <div class="count">4670篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/ucd" class="u-flex" target="_blank"> <div class="content"> <div class="name">交互体验</div> <div class="count">3789篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/evaluating" class="u-flex" target="_blank"> <div class="content"> <div class="name">分析评测</div> <div class="count">3380篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/chuangye" class="u-flex" target="_blank"> <div class="content"> <div class="name">创业学院</div> <div class="count">2170篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/user-research" class="u-flex" target="_blank"> <div class="content"> <div class="name">用户研究</div> <div class="count">1817篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/data-analysis" class="u-flex" target="_blank"> <div class="content"> <div class="name">数据分析</div> <div class="count">1763篇文章</div> </div> </a> </div> <div class="pm--categoryItem"> <a href="https://www.woshipm.com/category/rp" class="u-flex" target="_blank"> <div class="content"> <div class="name">原型设计</div> <div class="count">1434篇文章</div> </div> </a> </div> </div> </div> </div> </li> <li class="menu-item"><a target="_blank" data-id="37" data-adid="41" href="/category/active">活动讲座</a></li> <li class="menu-item"><a target="_blank" data-id="35" data-adid="41" href="https://wen.woshipm.com/">问答</a></li> <li class="menu-item"><a target="_blank" data-id="32" data-adid="41" href="https://daxue.qidianla.com/">企业培训</a></li> <li class="menu-item"><a target="_blank" data-id="32" data-adid="41" href="/fish/">摸鱼</a></li> <li class="menu-item"><a target="_blank" data-id="32" data-adid="41" href="/digest">快讯</a></li> </ul> </nav> <div class="pm--metabar__right u-flex"> <a class="pm--metabarItem u-flex u-cursorPointer" href="https://api.woshipm.com/search/list.html" target="_blank"> <svg class="svgIcon-use" width="16" height="16" viewBox="0 0 16 16"> <path d="M15.800,14.481 L12.519,11.200 C12.504,11.184 12.487,11.170 12.471,11.156 C13.361,9.988 13.890,8.529 13.890,6.947 C13.890,3.110 10.780,-0.000 6.945,-0.000 C3.109,-0.000 -0.000,3.110 -0.000,6.947 C-0.000,10.785 3.109,13.895 6.945,13.895 C8.529,13.895 9.990,13.364 11.159,12.471 C11.172,12.487 11.186,12.503 11.201,12.518 L14.483,15.800 C14.786,16.104 15.329,16.056 15.693,15.692 C16.056,15.328 16.104,14.786 15.800,14.481 L15.800,14.481 ZM0.772,6.947 C0.772,3.537 3.535,0.771 6.945,0.771 C10.354,0.771 13.118,3.537 13.118,6.947 C13.118,8.621 12.453,10.138 11.373,11.250 C11.351,11.269 11.330,11.288 11.310,11.308 C11.289,11.329 11.269,11.351 11.250,11.373 C10.138,12.456 8.619,13.123 6.945,13.123 C3.535,13.123 0.772,10.358 0.772,6.947 L0.772,6.947 Z" class="cls-1"></path> </svg>搜索 </a> <div class="pm--metabarItem pm--metabar__dropdown u-flex u-relative"><svg class="svgIcon-use" width="12" height="18" viewBox="0 0 12 18"> <path d="M10.599,17.999 L1.401,17.999 C0.626,17.999 -0.000,17.381 -0.000,16.616 L-0.000,1.382 C-0.000,0.617 0.626,-0.001 1.401,-0.001 L10.599,-0.001 C11.374,-0.001 12.000,0.627 12.000,1.382 L12.000,16.616 C12.000,17.381 11.374,17.999 10.599,17.999 ZM11.066,1.382 C11.066,1.128 10.857,0.922 10.599,0.922 L1.401,0.922 C1.142,0.922 0.934,1.128 0.934,1.382 L0.934,12.800 L11.066,12.800 L11.066,1.382 ZM11.066,13.811 L0.934,13.811 L0.934,16.626 C0.934,16.881 1.142,17.087 1.401,17.087 L10.599,17.087 C10.857,17.087 11.066,16.881 11.066,16.626 L11.066,13.811 ZM6.000,16.283 C5.483,16.283 5.066,15.871 5.066,15.361 C5.066,14.851 5.483,14.439 6.000,14.439 C6.516,14.439 6.934,14.851 6.934,15.361 C6.934,15.871 6.516,16.283 6.000,16.283 Z"></path> </svg>APP<div class="pm--qrcodeCard__dropdown"> <img class="app-qrcode-img" src="https://image.woshipm.com/build/img/footer-appdownload.png"> </div> </div> <div class="pm--metabarItem pm--metabar__dropdown u-flex u-relative"> <img src="https://image.woshipm.com/VIP.svg" width="32" /> <div class="pm--userCard__dropdown u-shadowed" style="right: -165px; width: 365px;box-sizing: border-box;"> <div class="pm--vipCard"> <div class="pm--vipCard__title"><img src="https://image.woshipm.com/2023/05/19/de725b98-f62f-11ed-adbb-00163e0b5ff3.png">起点课堂会员权益</div> <div class="pm--vipCard__list"> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/dfe517e2-f62d-11ed-bbb6-00163e0b5ff3.png" />职业体系课特权</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/ebb5071c-f62d-11ed-bbb6-00163e0b5ff3.png" />线下行业大会特权</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/c9756278-f62d-11ed-94e0-00163e0b5ff3.png" />个人IP打造特权</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/f64625a8-f62d-11ed-bbb6-00163e0b5ff3.png" />30+门专项技能课</div> <div class="pm--vipCard__item"><img width="20" src="https://image.woshipm.com/2023/05/19/0148a02a-f62e-11ed-96ae-00163e0b5ff3.png" />1300+专题课程</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/25fc8396-f62e-11ed-adbb-00163e0b5ff3.png" />12场职场软技能直播</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/1d4ecd4e-f62e-11ed-adbb-00163e0b5ff3.png" />12场求职辅导直播</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/30793c56-f62e-11ed-adbb-00163e0b5ff3.png" />12场专业技能直播</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/15fae604-f62e-11ed-bbb6-00163e0b5ff3.png" />会员专属社群</div> <div class="pm--vipCard__item"><img width="24" src="https://image.woshipm.com/2023/05/19/0e3283be-f62e-11ed-8df9-00163e0b5ff3.png" />荣耀标识</div> </div> <div class="pm--vipCard__button"> <a href="https://vip.qidianla.com/member.html" target="_blank">{{ userInfo.member ? '查看权益' : '开通会员' }}</a> </div> </div> </div> </div> <metabar-notice :islogin="islogin"></metabar-notice> <div class="pm--metabar__dropdown u-flex u-relative"><span @click="showLoginForm" class="u-flex el-button el-button--primary el-button--mini" style="padding-right: 5px;font-size: 14px;padding-left: 13px;"><svg class="svgIcon-use" width="18" height="17" viewBox="0 0 18 17" style="width: 13px;fill: white;margin-right: 6px;"> <path d="M17.831,3.950 L9.184,12.519 C9.113,12.590 9.024,12.641 8.927,12.667 L4.754,13.785 C4.705,13.798 4.655,13.805 4.603,13.805 C4.450,13.805 4.301,13.743 4.193,13.635 C4.047,13.489 3.992,13.275 4.048,13.078 L5.219,8.984 C5.246,8.891 5.296,8.805 5.366,8.736 L14.013,0.165 C14.122,0.058 14.267,-0.002 14.421,-0.002 C14.575,-0.002 14.720,0.058 14.829,0.165 L17.831,3.141 C17.940,3.249 18.000,3.393 18.000,3.545 C18.000,3.698 17.940,3.842 17.831,3.950 ZM8.156,11.689 L6.199,9.750 L5.436,12.419 L8.156,11.689 ZM14.421,1.378 L6.902,8.830 L9.088,10.997 L16.607,3.546 L14.421,1.378 ZM1.153,2.286 L1.153,14.895 C1.153,15.425 1.588,15.855 2.122,15.855 L14.732,15.855 C15.267,15.855 15.701,15.425 15.701,14.895 L15.701,10.476 L16.855,10.476 L16.855,14.895 C16.855,16.055 15.902,16.998 14.732,16.998 L2.122,16.998 C0.952,16.998 -0.000,16.055 -0.000,14.895 L-0.000,2.286 C-0.000,1.126 0.952,0.183 2.122,0.183 L9.326,0.183 L9.326,1.326 L2.122,1.326 C1.588,1.326 1.153,1.756 1.153,2.286 Z"></path> </svg>发布<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="unfold12-icon" style="margin-right: 0; margin-left: 8px;"> <path d="M2.45025 4.82383C2.17422 4.49908 2.40501 4 2.83122 4H9.16878C9.59499 4 9.82578 4.49908 9.54975 4.82382L6.38097 8.5518C6.1813 8.7867 5.8187 8.7867 5.61903 8.5518L2.45025 4.82383Z" fill="white" data-v-3a3133c9=""></path> </svg></span> </div> <div class="pm--metabarItem u-flex u-paddingLeft20"> <span @click="showLoginForm" class="item">注册 | 登录 <div class="login-popover"> <div class="login-guide-wrap"> <div class="login-guide-title">登录人人都是产品经理即可获得以下权益</div> <ul class="login-guide-list"> <li class="login-guide-list-item"> <div class="login-guide-icon-wrap"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="login-guide-icon"> <path d="M4.62218 2.68165C3.64897 2.29236 2.59033 3.0091 2.59033 4.05728V13.961C2.59033 14.2639 2.77476 14.5363 3.05601 14.6488L8.88416 16.98C9.59939 17.2661 10.3973 17.2661 11.1125 16.98L16.9406 14.6488C17.2219 14.5363 17.4063 14.2639 17.4063 13.961V4.05728C17.4063 3.0091 16.3477 2.29236 15.3745 2.68165L11.1125 4.38644C10.3973 4.67253 9.59939 4.67253 8.88416 4.38644L4.62218 2.68165Z" stroke="currentColor" stroke-width="1.2"></path> <path d="M9.99609 7.42676V14.094" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"></path> </svg> </div> <span class="login-guide-text">关注优质作者</span> </li> <li class="login-guide-list-item"> <div class="login-guide-icon-wrap"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="login-guide-icon"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99999 3.37781L7.26101 6.9014C7.15913 7.10768 6.96219 7.25119 6.73392 7.28433L2.84544 7.84938L5.65897 10.5919C5.65903 10.592 5.6589 10.5919 5.65897 10.5919C5.82418 10.7529 5.89936 10.9849 5.8605 11.2116L5.19624 15.0845L8.67423 13.256C8.87818 13.1488 9.12181 13.1488 9.32576 13.256L12.8037 15.0845L12.1395 11.2117C12.1006 10.9849 12.1756 10.7531 12.3408 10.5921C12.3409 10.592 12.3408 10.5922 12.3408 10.5921L15.1545 7.84938L11.2663 7.28437C11.038 7.25122 10.8409 7.10782 10.739 6.90153L8.99999 3.37781ZM9.26883 2.83308C9.26888 2.83298 9.26878 2.83318 9.26883 2.83308V2.83308ZM9.62775 2.39022C9.37097 1.86993 8.62901 1.86993 8.37224 2.39022L6.43408 6.3174L2.10014 6.94718C1.52608 7.03061 1.29661 7.73615 1.71217 8.14119C1.71216 8.14118 1.71219 8.14121 1.71217 8.14119L4.84822 11.1981L4.10789 15.5145C4.00989 16.0863 4.61 16.5224 5.12357 16.2525L8.99999 14.2145L12.8764 16.2525C13.3899 16.5224 13.9901 16.0863 13.8921 15.5146L13.1518 11.1981L16.2877 8.14126C16.7035 7.73618 16.4739 7.0306 15.8999 6.94718L11.5659 6.3174L9.62775 2.39022ZM4.96134 11.3084C4.96141 11.3084 4.96128 11.3083 4.96134 11.3084V11.3084Z" fill="currentColor"></path> </svg> </div> <span class="login-guide-text">收藏优质内容</span> </li> <li class="login-guide-list-item"> <div class="login-guide-icon-wrap"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="login-guide-icon"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.1337 10.5801C12.4205 10.5801 12.653 10.8125 12.653 11.0993V11.8658H13.4194C13.7062 11.8658 13.9387 12.0983 13.9387 12.385C13.9387 12.6718 13.7062 12.9043 13.4194 12.9043H12.1337C11.847 12.9043 11.6145 12.6718 11.6145 12.385V11.0993C11.6145 10.8125 11.847 10.5801 12.1337 10.5801Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.05225 4.64889C2.05225 3.21507 3.21458 2.05273 4.6484 2.05273H11.4231C12.8569 2.05273 14.0193 3.21507 14.0193 4.64889V9.32197H12.9808V4.64889C12.9808 3.7886 12.2834 3.0912 11.4231 3.0912H4.6484C3.78811 3.0912 3.09071 3.7886 3.09071 4.64889V13.3522C3.09071 14.2125 3.78811 14.9099 4.6484 14.9099H12.2143V15.9483H4.6484C3.21459 15.9483 2.05225 14.786 2.05225 13.3522V4.64889Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.214 9.51893C10.7255 9.51893 9.51893 10.7255 9.51893 12.214C9.51893 13.7024 10.7255 14.909 12.214 14.909C13.7024 14.909 14.909 13.7024 14.909 12.214C14.909 10.7255 13.7024 9.51893 12.214 9.51893ZM8.48047 12.214C8.48047 10.152 10.152 8.48047 12.214 8.48047C14.2759 8.48047 15.9475 10.152 15.9475 12.214C15.9475 14.2759 14.2759 15.9475 12.214 15.9475C10.152 15.9475 8.48047 14.2759 8.48047 12.214Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.82129 5.4372C4.82129 5.15044 5.05376 4.91797 5.34052 4.91797L10.7306 4.91797C11.0174 4.91797 11.2499 5.15044 11.2499 5.4372C11.2499 5.72396 11.0174 5.95643 10.7306 5.95643L5.34052 5.95643C5.05376 5.95643 4.82129 5.72396 4.82129 5.4372Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.78394 8.35712C4.78394 8.07035 5.01641 7.83789 5.30317 7.83789L8.03531 7.83791C8.32208 7.83791 8.55454 8.07038 8.55454 8.35715C8.55454 8.64391 8.32207 8.87637 8.03531 8.87637L5.30316 8.87635C5.0164 8.87635 4.78393 8.64388 4.78394 8.35712Z" fill="currentColor"></path> </svg> </div> <span class="login-guide-text">查阅浏览足迹</span> </li> <li class="login-guide-list-item"> <div class="login-guide-icon-wrap"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="login-guide-icon"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.21627 3.23729H2.91894L2.91894 14.2645H5.21627V3.23729ZM2.91894 2.31836C2.41142 2.31836 2 2.72978 2 3.23729V14.2645C2 14.772 2.41142 15.1835 2.91894 15.1835H5.21627C5.72379 15.1835 6.13521 14.772 6.13521 14.2645V3.23729C6.13521 2.72978 5.72379 2.31836 5.21627 2.31836H2.91894Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.43258 3.23729H6.13524L6.13524 14.2645H8.43258V3.23729ZM6.13524 2.31836C5.62773 2.31836 5.21631 2.72978 5.21631 3.23729V14.2645C5.21631 14.772 5.62773 15.1835 6.13524 15.1835H8.43258C8.9401 15.1835 9.35152 14.772 9.35152 14.2645V3.23729C9.35152 2.72978 8.9401 2.31836 8.43258 2.31836H6.13524Z" fill="currentColor"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0205 3.1255L9.80149 3.7201L12.6555 14.3716L14.8746 13.777L12.0205 3.1255ZM9.56365 2.83247C9.07343 2.96383 8.78251 3.46772 8.91386 3.95794L11.7679 14.6094C11.8993 15.0996 12.4032 15.3906 12.8934 15.2592L15.1124 14.6646C15.6027 14.5333 15.8936 14.0294 15.7622 13.5391L12.9082 2.88767C12.7768 2.39744 12.2729 2.10653 11.7827 2.23788L9.56365 2.83247Z" fill="currentColor"></path> </svg> </div> <span class="login-guide-text">免费发布作品</span> </li> <li class="login-guide-list-item"> <div class="login-guide-icon-wrap"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="login-guide-icon"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2368 3.03451C12.587 2.18471 11.3966 2.05398 10.5779 2.74252L8.99865 4.07065L7.41943 2.74252C6.60071 2.05398 5.41026 2.18471 4.76048 3.03451C4.40851 3.49484 4.28737 4.07174 4.38041 4.61328H3.42708C2.6907 4.61328 2.09375 5.21023 2.09375 5.94661V7.78026C2.09375 8.50852 2.67761 9.10041 3.40278 9.11338V14.285C3.40278 15.3896 4.29821 16.285 5.40278 16.285H12.5945C13.6991 16.285 14.5945 15.3896 14.5945 14.285V9.11342C15.3209 9.10187 15.9062 8.50942 15.9062 7.78026V5.94661C15.9062 5.21024 15.3093 4.61328 14.5729 4.61328H13.6169C13.7099 4.07174 13.5888 3.49484 13.2368 3.03451ZM12.61 4.61328C12.7209 4.3068 12.6796 3.95035 12.4715 3.67815C12.1572 3.26708 11.5813 3.20384 11.1853 3.53691L9.90541 4.61328H12.61ZM8.09189 4.61328L6.81202 3.53691C6.41598 3.20384 5.84013 3.26708 5.52581 3.67815C5.31768 3.95035 5.27642 4.3068 5.38727 4.61328H8.09189ZM3.09375 5.94661C3.09375 5.76252 3.24299 5.61328 3.42708 5.61328H8.49863V8.11359H3.42708C3.24299 8.11359 3.09375 7.96435 3.09375 7.78026V5.94661ZM9.49863 8.11359V5.61328H14.5729C14.757 5.61328 14.9062 5.76252 14.9062 5.94661V7.78026C14.9062 7.96435 14.757 8.11359 14.5729 8.11359H9.49863ZM4.40278 9.11719H8.49863L8.49863 15.285H5.40278C4.85049 15.285 4.40278 14.8373 4.40278 14.285V9.11719ZM9.49863 9.11719L9.49863 15.285H12.5945C13.1468 15.285 13.5945 14.8373 13.5945 14.285V9.11719H9.49863Z" fill="currentColor"></path> </svg> </div> <span class="login-guide-text">参与提问答疑</span> </li> <li class="login-guide-list-item"> <div class="login-guide-icon-wrap"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="user-level-icon login-guide-icon"> <path d="M17.2673 10.1562H19.7673V12.6562" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.5625 8.25V18.375C8.5625 18.9273 9.01022 19.375 9.5625 19.375H20.4375" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M10.5625 16.0938L13.888 12.36L16.0216 14.2603L18.9739 10.9455" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <span class="login-guide-text">交流互动学习</span> </li> </ul> <button type="button" class="login-guide-login-button" @click.stop="showLoginForm"> <span> 立即登录 </span> </button> <div class="login-guide-register"> 首次使用？ <div class="login-guide-register-button" @click.stop="showLoginForm"> 点我注册 </div> </div> </div> </div> </span> </div> </div> </div> </header><div class="main-content" data-dts-page="article_category_detail"> <div class="container"> <div class="home-block"> <div class="u-width850"> <div class="category-card"> <div class="category-card__left"> <div class="category-cardItem category-cardItem__S u-shadowed"> <a href="https://www.woshipm.com/ucd/5905642.html" target="_blank" class="img"><img src="https://image.woshipm.com/2023/08/31/a33fd8f2-47b0-11ee-996f-00163e0b5ff3.jpg!/both/439x334"></a> <div class="title"><a href="https://www.woshipm.com/ucd/5905642.html" target="_blank">B端拖动排序的多种场景及交互</a></div> </div> </div> <div class="category-card__right"> <div class="category-cardItem category-cardItem__D u-shadowed"> <a href="https://www.woshipm.com/ucd/6041778.html" target="_blank" class="img"><img src="https://image.woshipm.com/2023/04/14/89a8fe98-da9e-11ed-af94-00163e0b5ff3.png!/both/200x159"></a> <div class="content"> <div class="title"><a href="https://www.woshipm.com/ucd/6041778.html" target="_blank">GUI与VUI融合设计的八大原则</a></div> <div class="meta">2024-04-28</div> </div> </div> <div class="category-cardItem category-cardItem__D u-shadowed js-star" data-id="15"> </div> </div> </div> <div class="home--list" data-dts-event-location="article_items"> <div class="homeTab u-shadowed"> <span :class="{'is-active': homeTab == 'latest'}" @click="homeTab = 'latest'">最新</span> <span :class="{'is-active': homeTab == 'all'}" @click="homeTab = 'all'">推荐</span> </div> <template v-if="homeTab == 'latest'"> <article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6147576" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6147576.html" target="_blank" aria-label="冯.雷斯托夫效应 | 设计师需要知道的设计原则！" title="冯.雷斯托夫效应 | 设计师需要知道的设计原则！"> <img src="https://image.woshipm.com/2023/04/14/59cc8a24-da8e-11ed-aeb8-00163e0b5ff3.jpg!/both/236x143" aria-label="冯.雷斯托夫效应 | 设计师需要知道的设计原则！" srcset="https://image.woshipm.com/2023/04/14/59cc8a24-da8e-11ed-aeb8-00163e0b5ff3.jpg!/both/472x286 2x" alt="冯.雷斯托夫效应 | 设计师需要知道的设计原则！"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="冯.雷斯托夫效应 | 设计师需要知道的设计原则！" title="冯.雷斯托夫效应 | 设计师需要知道的设计原则！" href="https://www.woshipm.com/ucd/6147576.html" target="_blank">冯.雷斯托夫效应 | 设计师需要知道的设计原则！</a> </h2> <div class="des" itemprop="about"> 在设计领域，有些原则虽然我们经常使用，却可能并不熟悉其背后的理论。冯·雷斯托夫效应（Von Restorff Effect）就是这样一种现象，它解释了为何在一系列相似元素中，独特的那个更容易被记住。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/1055328"> <img src="https://image.woshipm.com/wp-files/2021/12/ZTpIX5NKbkYxkidb84Ry.jpg!/both/72x72" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="1055328"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/1055328"> 大漠飞鹰CYSJ </a> <el-tooltip class="newusertagIcon icon-num-1121" effect="dark" content="专栏作家" placement="top"><img src="https://static.woshipm.com/tag/1121_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip><el-tooltip class="newusertagIcon icon-num-2403" effect="dark" content="21年最受欢迎作者" placement="top"><img src="https://static.woshipm.com/tag/2403_1@2x.png" width=16 @click="goVip({parentCode: 2400})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e5%86%af-%e9%9b%b7%e6%96%af%e6%89%98%e5%a4%ab%e6%95%88%e5%ba%94">冯.雷斯托夫效应</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%a1%88%e4%be%8b%e5%88%86%e6%9e%90">案例分析</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e8%ae%be%e8%ae%a1%e5%8e%9f%e5%88%99">设计原则</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6146056" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6146056.html" target="_blank" aria-label="费茨定律 | 设计师需要知道的设计原则！" title="费茨定律 | 设计师需要知道的设计原则！"> <img src="https://image.woshipm.com/2023/04/17/381d1c0e-dcf5-11ed-897e-00163e0b5ff3.png!/both/236x143" aria-label="费茨定律 | 设计师需要知道的设计原则！" srcset="https://image.woshipm.com/2023/04/17/381d1c0e-dcf5-11ed-897e-00163e0b5ff3.png!/both/472x286 2x" alt="费茨定律 | 设计师需要知道的设计原则！"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="费茨定律 | 设计师需要知道的设计原则！" title="费茨定律 | 设计师需要知道的设计原则！" href="https://www.woshipm.com/ucd/6146056.html" target="_blank">费茨定律 | 设计师需要知道的设计原则！</a> </h2> <div class="des" itemprop="about"> 费茨定律是设计方法中常用的一种定律之一，不光是产品设计，在日常生活中也有不少应用。这篇文章，作者从定律本身到案例，为我们详细分享了定律的使用和经验，供大家参考。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/1055328"> <img src="https://image.woshipm.com/wp-files/2021/12/ZTpIX5NKbkYxkidb84Ry.jpg!/both/72x72" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="1055328"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/1055328"> 大漠飞鹰CYSJ </a> <el-tooltip class="newusertagIcon icon-num-1121" effect="dark" content="专栏作家" placement="top"><img src="https://static.woshipm.com/tag/1121_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip><el-tooltip class="newusertagIcon icon-num-2403" effect="dark" content="21年最受欢迎作者" placement="top"><img src="https://static.woshipm.com/tag/2403_1@2x.png" width=16 @click="goVip({parentCode: 2400})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%a1%88%e4%be%8b%e5%88%86%e6%9e%90">案例分析</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e7%bb%8f%e9%aa%8c%e5%88%86%e4%ba%ab">经验分享</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e8%ae%be%e8%ae%a1%e5%8e%9f%e5%88%99">设计原则</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6145054" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6145054.html" target="_blank" aria-label="VPA语音助手在智能驾舱中的未来发展趋势" title="VPA语音助手在智能驾舱中的未来发展趋势"> <img src="https://image.woshipm.com/2024/07/30/6183315a-4e3c-11ef-8321-00163e142b65.png!/both/236x143" aria-label="VPA语音助手在智能驾舱中的未来发展趋势" srcset="https://image.woshipm.com/2024/07/30/6183315a-4e3c-11ef-8321-00163e142b65.png!/both/472x286 2x" alt="VPA语音助手在智能驾舱中的未来发展趋势"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="VPA语音助手在智能驾舱中的未来发展趋势" title="VPA语音助手在智能驾舱中的未来发展趋势" href="https://www.woshipm.com/ucd/6145054.html" target="_blank">VPA语音助手在智能驾舱中的未来发展趋势</a> </h2> <div class="des" itemprop="about"> 在智能驾舱技术蓬勃发展的当下，车载语音个性助手（VPA）已成为提升驾驶体验的核心要素。随着全球汽车行业加速迈向智能化与互联化，VPA  的功能和角色持续演进。VPA 的功能和角色也在不断演变。从最初的基本语音指令执行，到如今融合多种先进技术，VPA 在未来智能驾舱中有望实现更人性化、高效且个性化的交互模式。本文深入探究车载 VPA 在智能驾舱场景下用户偏好声音和视觉形象和其发展的影响。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/118635"> <img src="https://image.woshipm.com/wp-files/2022/09/mEnlZ4gqoMG7D22F5Pqx.jpg!/both/72x72" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="118635"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/118635"> HMI怡伶设计心理 </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/vpa">VPA</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e5%8f%91%e5%b1%95%e8%b6%8b%e5%8a%bf">发展趋势</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%99%ba%e8%83%bd%e9%a9%be%e8%88%b1">智能驾舱</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6145205" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6145205.html" target="_blank" aria-label="Trip.Design I Q3 携程那些不容错过的体验功能汇总" title="Trip.Design I Q3 携程那些不容错过的体验功能汇总"> <img src="https://image.woshipm.com/2024/05/01/ee69e560-07c3-11ef-8ad3-00163e142b65.png!/both/236x143" aria-label="Trip.Design I Q3 携程那些不容错过的体验功能汇总" srcset="https://image.woshipm.com/2024/05/01/ee69e560-07c3-11ef-8ad3-00163e142b65.png!/both/472x286 2x" alt="Trip.Design I Q3 携程那些不容错过的体验功能汇总"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="Trip.Design I Q3 携程那些不容错过的体验功能汇总" title="Trip.Design I Q3 携程那些不容错过的体验功能汇总" href="https://www.woshipm.com/ucd/6145205.html" target="_blank">Trip.Design I Q3 携程那些不容错过的体验功能汇总</a> </h2> <div class="des" itemprop="about"> 在这篇文章中，我们将深入了解携程在前段时间推出的一系列创新功能，这些功能旨在提升您的旅行预订和体验。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/1580285"> <img src="https://static.woshipm.com/ttw_avatar_20240509113309_1798.jpg?imageView2/1/w/72/h/72/q/100" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="1580285"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/1580285"> TripDesign </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e5%8a%9f%e8%83%bd%e6%80%9d%e8%80%83">功能思考</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%a1%88%e4%be%8b%e5%88%86%e6%9e%90">案例分析</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e8%ae%be%e8%ae%a1%e6%8c%87%e5%8d%97">设计指南</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6144201" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6144201.html" target="_blank" aria-label="UX流程全景（3）：桌面调研篇" title="UX流程全景（3）：桌面调研篇"> <img src="https://image.woshipm.com/2023/04/13/3712b87e-d9de-11ed-8440-00163e0b5ff3.jpg!/both/236x143" aria-label="UX流程全景（3）：桌面调研篇" srcset="https://image.woshipm.com/2023/04/13/3712b87e-d9de-11ed-8440-00163e0b5ff3.jpg!/both/472x286 2x" alt="UX流程全景（3）：桌面调研篇"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="UX流程全景（3）：桌面调研篇" title="UX流程全景（3）：桌面调研篇" href="https://www.woshipm.com/ucd/6144201.html" target="_blank">UX流程全景（3）：桌面调研篇</a> </h2> <div class="des" itemprop="about"> 继续我们的UX设计之旅，今天我们将深入探讨桌面调研：一个在UX设计流程中至关重要但常被忽视的环节。在这篇文章中，我们将一起探索如何通过桌面调研来捕捉设计趋势，进行有效的竞品分析，以及如何利用这些信息来明确产品定位。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/824847"> <img src="https://static.woshipm.com/view/woshipm_api_def_20230814144805_1147.jpg?imageView2/1/w/72/h/72/q/100" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="824847"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/824847"> ux.ian </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e4%b8%9a%e5%8a%a1%e8%b0%83%e7%a0%94">业务调研</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e7%bb%8f%e9%aa%8c%e6%80%bb%e7%bb%93">经验总结</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e8%ae%be%e8%ae%a1%e8%b6%8b%e5%8a%bf">设计趋势</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6143295" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6143295.html" target="_blank" aria-label="用户体验设计是王道！" title="用户体验设计是王道！"> <img src="https://image.woshipm.com/2023/04/14/5c322fb8-da8d-11ed-96fe-00163e0b5ff3.jpg!/both/236x143" aria-label="用户体验设计是王道！" srcset="https://image.woshipm.com/2023/04/14/5c322fb8-da8d-11ed-96fe-00163e0b5ff3.jpg!/both/472x286 2x" alt="用户体验设计是王道！"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="用户体验设计是王道！" title="用户体验设计是王道！" href="https://www.woshipm.com/ucd/6143295.html" target="_blank">用户体验设计是王道！</a> </h2> <div class="des" itemprop="about"> 用户体验（UX）设计的重要性就像咖啡对程序员的重要性，缺了它，事情就开始变得不对劲。无论是网站、应用程序，还是其他数字产品，用户体验设计已成为成功的关键因素，就像找到遥控器上的静音按钮一样重要。本文将轻松探讨用户体验设计为何如此重要，以及如何实施有效的UX设计策略，让你的产品不仅仅是好看，还好用。准备好了吗？ </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/711833"> <img src="https://static.woshipm.com/view/woshipm_api_def_20230902223221_7161.jpg?imageView2/1/w/72/h/72/q/100" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="711833"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/711833"> 小朋友 </a> <el-tooltip class="newusertagIcon icon-num-1121" effect="dark" content="专栏作家" placement="top"><img src="https://static.woshipm.com/tag/1121_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip><el-tooltip class="newusertagIcon icon-num-2105" effect="dark" content="23年优秀作者" placement="top"><img src="https://static.woshipm.com/tag/2105_1@2x.png" width=16 @click="goVip({parentCode: 2100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e4%ba%a7%e5%93%81%e6%80%9d%e8%80%83">产品思考</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%a1%88%e4%be%8b%e5%88%86%e6%9e%90">案例分析</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/ue">用户体验</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6143281" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6143281.html" target="_blank" aria-label="深入剖析交互状态：设计与体验的关键" title="深入剖析交互状态：设计与体验的关键"> <img src="https://image.woshipm.com/2023/04/14/a1aa684c-da9e-11ed-af94-00163e0b5ff3.png!/both/236x143" aria-label="深入剖析交互状态：设计与体验的关键" srcset="https://image.woshipm.com/2023/04/14/a1aa684c-da9e-11ed-af94-00163e0b5ff3.png!/both/472x286 2x" alt="深入剖析交互状态：设计与体验的关键"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="深入剖析交互状态：设计与体验的关键" title="深入剖析交互状态：设计与体验的关键" href="https://www.woshipm.com/ucd/6143281.html" target="_blank">深入剖析交互状态：设计与体验的关键</a> </h2> <div class="des" itemprop="about"> 对九类交互状态的深入理解和不断创新，将为产品设计带来更大的提升空间，为用户带来更加卓越的体验，推动产品在竞争激烈的市场中不断发展和进步。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/829325"> <img src="https://image.woshipm.com/wp-files/2022/09/cb5DkYdJOqQDdYiaMLLD.jpg!/both/72x72" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="829325"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/829325"> 用户体验王叔 </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e4%ba%a4%e4%ba%92%e7%8a%b6%e6%80%81">交互状态</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/ue">用户体验</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e7%bb%8f%e9%aa%8c%e6%80%bb%e7%bb%93">经验总结</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6143422" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6143422.html" target="_blank" aria-label="#UI简史：搜索框如何从顶部到底部，并逐步消失" title="#UI简史：搜索框如何从顶部到底部，并逐步消失"> <img src="https://image.woshipm.com/2023/04/13/deb05e96-d9df-11ed-8fc2-00163e0b5ff3.jpg!/both/236x143" aria-label="#UI简史：搜索框如何从顶部到底部，并逐步消失" srcset="https://image.woshipm.com/2023/04/13/deb05e96-d9df-11ed-8fc2-00163e0b5ff3.jpg!/both/472x286 2x" alt="#UI简史：搜索框如何从顶部到底部，并逐步消失"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="#UI简史：搜索框如何从顶部到底部，并逐步消失" title="#UI简史：搜索框如何从顶部到底部，并逐步消失" href="https://www.woshipm.com/ucd/6143422.html" target="_blank">#UI简史：搜索框如何从顶部到底部，并逐步消失</a> </h2> <div class="des" itemprop="about"> 在数字产品的设计世界里，搜索框一直是用户与信息之间交互的核心。但随着技术的发展和用户习惯的变化，这个看似简单的设计元素正面临着前所未有的挑战。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/1445283"> <img src="https://static.woshipm.com/APP_U_202212_20221208101317_7397.jpeg?imageView2/1/w/72/h/72/q/100" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="1445283"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/1445283"> 柴林 </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e4%ba%a7%e5%93%81%e6%80%9d%e8%80%83">产品思考</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e5%8a%9f%e8%83%bd%e5%88%86%e6%9e%90">功能分析</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%90%9c%e7%b4%a2%e6%a1%86">搜索框</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="5650771" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/5650771.html" target="_blank" aria-label="AR-HUD 信息布局：优化驾驶体验与安全的关键" title="AR-HUD 信息布局：优化驾驶体验与安全的关键"> <img src="https://image.woshipm.com/2023/04/14/b6fdec16-daa1-11ed-9b82-00163e0b5ff3.png!/both/236x143" aria-label="AR-HUD 信息布局：优化驾驶体验与安全的关键" srcset="https://image.woshipm.com/2023/04/14/b6fdec16-daa1-11ed-9b82-00163e0b5ff3.png!/both/472x286 2x" alt="AR-HUD 信息布局：优化驾驶体验与安全的关键"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="AR-HUD 信息布局：优化驾驶体验与安全的关键" title="AR-HUD 信息布局：优化驾驶体验与安全的关键" href="https://www.woshipm.com/ucd/5650771.html" target="_blank">AR-HUD 信息布局：优化驾驶体验与安全的关键</a> </h2> <div class="des" itemprop="about"> 即便在电动车的智能座舱中，HUD功能也不是全部都具备的。要想让功能真正有帮助，信息布局的合理性至关重要。这篇文章，我们将深入探讨 AR - HUD 信息布局的要点以及不合理布局可能带来的影响。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/118635"> <img src="https://image.woshipm.com/wp-files/2022/09/mEnlZ4gqoMG7D22F5Pqx.jpg!/both/72x72" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="118635"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/118635"> HMI怡伶设计心理 </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/ar-hud">AR-HUD</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/hmi">HMI</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%96%b9%e6%b3%95%e8%ae%ba">方法论</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6142742" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6142742.html" target="_blank" aria-label="解读本施耐德曼交互黄金八法则" title="解读本施耐德曼交互黄金八法则"> <img src="https://image.woshipm.com/2023/04/17/23993cea-dcf5-11ed-897e-00163e0b5ff3.png!/both/236x143" aria-label="解读本施耐德曼交互黄金八法则" srcset="https://image.woshipm.com/2023/04/17/23993cea-dcf5-11ed-897e-00163e0b5ff3.png!/both/472x286 2x" alt="解读本施耐德曼交互黄金八法则"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="解读本施耐德曼交互黄金八法则" title="解读本施耐德曼交互黄金八法则" href="https://www.woshipm.com/ucd/6142742.html" target="_blank">解读本施耐德曼交互黄金八法则</a> </h2> <div class="des" itemprop="about"> 在设计领域，除了大家熟悉的尼尔森法则外，还有一个黄金八法则也很实用。但这个法则知道的人比较少，本文为我们详细分析了黄金八法则的内容和使用，供大家参考。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/829325"> <img src="https://image.woshipm.com/wp-files/2022/09/cb5DkYdJOqQDdYiaMLLD.jpg!/both/72x72" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="829325"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/829325"> 用户体验王叔 </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e5%9f%ba%e7%a1%80%e7%9f%a5%e8%af%86">基础知识</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%96%b9%e6%b3%95%e8%ae%ba">方法论</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e9%bb%84%e9%87%91%e5%85%ab%e6%b3%95%e5%88%99">黄金八法则</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6141857" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6141857.html" target="_blank" aria-label="数字化时代，如何评估公司内部使用工具的价值和用户体验" title="数字化时代，如何评估公司内部使用工具的价值和用户体验"> <img src="https://image.woshipm.com/2023/04/13/e77134c2-d9e1-11ed-a6e8-00163e0b5ff3.jpg!/both/236x143" aria-label="数字化时代，如何评估公司内部使用工具的价值和用户体验" srcset="https://image.woshipm.com/2023/04/13/e77134c2-d9e1-11ed-a6e8-00163e0b5ff3.jpg!/both/472x286 2x" alt="数字化时代，如何评估公司内部使用工具的价值和用户体验"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="数字化时代，如何评估公司内部使用工具的价值和用户体验" title="数字化时代，如何评估公司内部使用工具的价值和用户体验" href="https://www.woshipm.com/ucd/6141857.html" target="_blank">数字化时代，如何评估公司内部使用工具的价值和用户体验</a> </h2> <div class="des" itemprop="about"> 在我们日常工作中，工具的好坏直接影响了我们的工作效率。那如何评价我们使用的工具的价值呢？以及，日常使用的体验如何具体判定？在本文中，作者给到了一些判定方法和指标，供大家参考。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/87090"> <img src="https://image.woshipm.com/wp-files/2020/05/xjFSXNvztmTtUtP1tpou.png!/both/72x72" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="87090"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/87090"> har***i </a> <el-tooltip class="newusertagIcon icon-num-1121" effect="dark" content="专栏作家" placement="top"><img src="https://static.woshipm.com/tag/1121_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%95%b0%e6%8d%ae%e6%8c%87%e6%a0%87">数据指标</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/ue">用户体验</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e7%bb%8f%e9%aa%8c%e5%88%86%e4%ba%ab">经验分享</a> </div> </div> </div> </div> </article><article class="postlist-item u-backgroundColorWhite u-rounded" itemscope="itemscope" itemtype="http://schema.org/Article" data-id="6141482" data-dts-event-location="new_article_items"> <div class="post-img"> <div class="post-cat ucd"> <a href="https://www.woshipm.com/category/ucd" rel="category tag">交互体验</a> </div> <a href="https://www.woshipm.com/ucd/6141482.html" target="_blank" aria-label="一篇文章带你秒懂图标设计" title="一篇文章带你秒懂图标设计"> <img src="https://image.woshipm.com/2023/04/13/c6e45858-d9e9-11ed-bd74-00163e0b5ff3.jpg!/both/236x143" aria-label="一篇文章带你秒懂图标设计" srcset="https://image.woshipm.com/2023/04/13/c6e45858-d9e9-11ed-bd74-00163e0b5ff3.jpg!/both/472x286 2x" alt="一篇文章带你秒懂图标设计"> </a> </div> <div class="content"> <h2 class="post-title" itemprop="headline"> <a aria-label="一篇文章带你秒懂图标设计" title="一篇文章带你秒懂图标设计" href="https://www.woshipm.com/ucd/6141482.html" target="_blank">一篇文章带你秒懂图标设计</a> </h2> <div class="des" itemprop="about"> 从1973年第一代图形用户界面的呱呱落地到今天百家争鸣，图形用户界面竟然已经走过了50年的发展历程，更神奇的是，原来UI设计这个职业的起源也是因图标的起源而起，后来图标成了UI设计中最重要的视觉元素之一，接下来，我们一起走进图标的世界，了解它神秘背后的故事。 </div> <div class="stream-list-meta"> <div class="u-flex0"> <a target="_blank" class="u-flex u-relative" href="https://www.woshipm.com/u/1567109"> <img src="https://static.woshipm.com/view/woshipm_api_def_20240421060319_1336.jpg?imageView2/1/w/72/h/72/q/100" alt="" height="36" width="36" class="avatar"></a> </div> <div class="u-flex1 u-flex"> <div class="author u-flex" data-id="1567109"> <a target="_blank" class="ui-captionStrong" href="https://www.woshipm.com/u/1567109"> 姝斐suphie </a> <el-tooltip class="newusertagIcon icon-num-1101" effect="dark" content="普通作者" placement="top"><img src="https://static.woshipm.com/tag/1101_1@2x.png" width=16 @click="goVip({parentCode: 1100})"/></el-tooltip> </div> <div class="meta--sup__right"> <a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e5%9b%be%e6%a0%87%e8%ae%be%e8%ae%a1">图标设计</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e6%96%b9%e6%b3%95%e8%ae%ba">方法论</a><a class="postlist-item__tag" href="https://www.woshipm.com/tag/%e7%bb%8f%e9%aa%8c%e6%80%bb%e7%bb%93">经验总结</a> </div> </div> </div> </div> </article> <div class="u-textAlignCenter posts-nav"> <nav class="navigation pagination" aria-label="文章分页"> <h2 class="screen-reader-text">文章分页</h2> <div class="nav-links"><span aria-current="page" class="page-numbers current">1</span> <a class="page-numbers" href="https://www.woshipm.com/category/ucd/page/2">2</a> <span class="page-numbers dots">&hellip;</span> <a class="page-numbers" href="https://www.woshipm.com/category/ucd/page/316">316</a> <a class="next page-numbers" href="https://www.woshipm.com/category/ucd/page/2">></a></div> </nav> </div> </template> <template v-else> <category-recommend :slug="'ucd'"></category-recommend> </template> </div> </div> <div class="u-width335 sidebar"> <div class="js-sidebar"> <widget-qrcode-card></widget-qrcode-card> <div class="widget widget-ad js-star" data-id="29"> </div> <div class="widget u-backgroundColorWhite" data-dts-event-location="hot_article_items"> <div class="inner"> <div class="widget-title"><span>热门文章</span></div> <ul class="widget-post-list--withImage"> <li class="widget-post-item--withImage"> <div class="img"> <a href="https://www.woshipm.com/share/6094967.html" target="_blank"> <img src="https://image.woshipm.com/2024/05/16/a004b2c2-134b-11ef-b503-00163e142b65.png!/both/100x60"> </a> </div> <div class="content"> <div class="title"><a href="https://www.woshipm.com/share/6094967.html" target="_blank">太卷了吧，这份运营分析攻略真是到位</a></div> <div class="meta">08-07</div> </div> </li> <li class="widget-post-item--withImage"> <div class="img"> <a href="https://www.woshipm.com/share/6063370.html" target="_blank"> <img src="https://image.woshipm.com/2023/04/14/25a4d396-da8e-11ed-b35a-00163e0b5ff3.jpg!/both/100x60"> </a> </div> <div class="content"> <div class="title"><a href="https://www.woshipm.com/share/6063370.html" target="_blank">TOB客户画像地基——标签2.0（SCRM标签管理）</a></div> <div class="meta">05-31</div> </div> </li> <li class="widget-post-item--withImage"> <div class="img"> <a href="https://www.woshipm.com/share/6102198.html" target="_blank"> <img src="https://image.woshipm.com/2023/04/14/a1abf23e-da9e-11ed-af94-00163e0b5ff3.png!/both/100x60"> </a> </div> <div class="content"> <div class="title"><a href="https://www.woshipm.com/share/6102198.html" target="_blank">小红书月更8条笔记，变现4.5W，宝藏博主拆解</a></div> <div class="meta">08-30</div> </div> </li> <li class="widget-post-item--withImage"> <div class="img"> <a href="https://www.woshipm.com/pd/5975018.html" target="_blank"> <img src="https://image.woshipm.com/2023/08/31/a33fd8f2-47b0-11ee-996f-00163e0b5ff3.jpg!/both/100x60"> </a> </div> <div class="content"> <div class="title"><a href="https://www.woshipm.com/pd/5975018.html" target="_blank">如何快速设计采购合同管理系统</a></div> <div class="meta">01-11</div> </div> </li> <li class="widget-post-item--withImage"> <div class="img"> <a href="https://www.woshipm.com/share/6091651.html" target="_blank"> <img src="https://image.woshipm.com/2023/04/13/d6b51d42-d9eb-11ed-a6e8-00163e0b5ff3.jpg!/both/100x60"> </a> </div> <div class="content"> <div class="title"><a href="https://www.woshipm.com/share/6091651.html" target="_blank">一个小商家关于阿里松绑“仅退款”的几点思考</a></div> <div class="meta">07-31</div> </div> </li> <li class="widget-post-item--withImage"> <div class="img"> <a href="https://www.woshipm.com/share/6068925.html" target="_blank"> <img src="https://image.yunyingpai.com/wp/2024/06/cUXrOqplU1XooGlyoNDx.jpg!/both/100x60"> </a> </div> <div class="content"> <div class="title"><a href="https://www.woshipm.com/share/6068925.html" target="_blank">做小工具赚钱的8个心得</a></div> <div class="meta">06-13</div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <footer class="site-footer"> <div class="container u-flex footer-sections"> <section class="info-section"> <div class="footer-title">关于</div> 人人都是产品经理（woshipm.com）是以产品经理、运营为核心的学习、交流、分享平台，集媒体、培训、社群为一体，全方位服务产品人和运营人，成立12年举办在线讲座1000+期，线下分享会500+场，产品经理大会、运营大会50+场，覆盖北上广深杭成都等20个城市，在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监，他们在这里与你一起成长。 </section> <section class="partner-section"> <div class="footer-title">合作伙伴</div> <ul class="blue-pic-ul"> <li> <a href="https://www.qidianla.com?woshipm" title="起点课堂" target="_blank"><img src="https://image.woshipm.com/wp-files/2021/10/zUwm4IYjmoiV63Kk9aKQ.png" alt="起点课堂" title="起点课堂"></a> </li> <li> <a href="https://36kr.com/" target="_blank"><img src="https://image.yunyingpai.com/wp/2021/12/wyRAfH2rXJha57p06bbQ.png"></a> </li> <li> <a href="https://www.geetest.com/?woshipm" target="_blank"><img src="https://image.woshipm.com/wp-files/2020/05/zHiqREB7rkGZsC6rFerJ.png" alt="极验验证"></a> </li> <li> <a href="https://www.zhisheji.com/?woshipm" title="致设计" target="_blank"><img src="https://image.woshipm.com/wp-files/2020/05/k7Gf25a7GdaoRNLLogCo.png" alt="致设计" title="致设计"></a> </li> <li> <a href="https://www.polyv.net/?-cpjl" target="_blank"><img src="https://image.woshipm.com/wp-files/2020/05/KZTBx2R2UyR2k96mHpa4.png" alt="保利威"></a> </li> </ul> <div class="footer-title">链接</div> <nav class="footer-nav"> <ul> <li><a href="https://www.woshipm.com/policy" target="_blank">隐私政策</a></li> <li><a href="/it/1010671.html" target="_blank">投稿须知</a></li> <li><a href="https://wen.woshipm.com/question/detail/omkf.html" target="_blank">意见反馈</a></li> <li><a href="https://doc.weixin.qq.com/doc/w3_ALsAdwZgAO8uhueZ8ahRse75jgAJm?scode=AGsAywdaAA0wPabVgMAYgAZgbwAOM" target="_blank">帮助中心</a></li> </ul> </nav> </section> <section class="qr-section"> <div class="qr-section--item"> <img src="//image.woshipm.com/wp-files/2020/06/cKMzCQWucvwdFhHVeoib.jpeg" alt="公众号"> <p>公众号</p> </div> <div class="qr-section--item"> <img src="//image.woshipm.com/wp-files/2020/06/PAVQDSOr3b6NRnHyqAVy.jpeg" alt="视频号"> <p>视频号</p> </div> </section> </div> <div class="copyright"> <div class="container"> <ul class="footer--links"> <li>友情链接</li> <li><a href="https://pm265.com" rel="noopener" target="_blank">PM265</a></li> <li><a href="https://www.pmbaobao.com/" rel="noopener" target="_blank">产品经理导航</a></li> <li><a href="https://www.qidianla.com/" rel="noopener" target="_blank">起点课堂</a></li> <li><a href="http://www.zbj.com/" rel="noopener" target="_blank">猪八戒网</a></li> <li><a href="https://www.cjol.com/" rel="noopener" target="_blank">人才热线</a></li> <li><a href="https://www.huoban.com" rel="noopener" target="_blank">伙伴云表格</a></li> <li><a href="https://dun.163.com/" rel="noopener" target="_blank">网易易盾</a></li> <li><a href="https://www.getui.com/cn/" rel="noopener" target="_blank">个推</a></li> <li><a href="https://www.umeng.com/" rel="noopener" target="_blank">友盟+</a></li> <li><a href="https://www.liangcang.cc/" rel="noopener" title="粮仓企业微信管家" target="_blank">粮仓</a></li> <li><a href="https://www.cyzone.cn/?woshipm" rel="noopener" target="_blank">创业邦</a></li> <li><a href="https://www.mrbaogao.com/" rel="noopener" title="行业报告下载" target="_blank">每日报告</a></li> <li><a href="https://www.niaogebiji.com/" rel="noopener" target="_blank">鸟哥笔记</a></li> <li><a href="https://www.imooc.com/" rel="noopener" title="慕课网" target="_blank">慕课网</a></li> </ul> </div> <div class="container u-flex"> <div class="infoleft"> 旗下品牌: <a target="_blank" href="https://www.qidianla.com/">起点课堂</a> | <a target="_blank" href="https://www.yunyingpai.com/">运营派</a> | <a target="_blank" href="https://www.liangcang.cc">粮仓企微管家</a> <br> ©2010-2024 - 人人都是产品经理 - <a target="_blank" href="https://beian.miit.gov.cn">粤ICP备14037330号</a>-<a target="_blank" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502001309">粤公网安备 44030502001309号</a> <br> <a target="_blank" href="https://static.qidianla.com/Audio-TVLicense.jpg">广播电视节目制作经营许可证（粤）字第03109号</a> <a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=深圳聚力创想信息科技有限公司&type=xuke" target="_blank" >增值电信业务经营许可证粤B2-20190788</a> 版权所有 © 深圳聚力创想信息科技有限公司 </div> </div> </div> </footer> <transition name="component-fade"> <overlay-search v-if="searchActive"></overlay-search> </transition> <login-overlay v-if="showLogin" :showLogin="showLogin" @closeloginchild="closelogin"></login-overlay> <event-overlay v-if="eventOverlay" :overlay="overlay" @eventclose="eventOverlayClose"></event-overlay> <online-overlay v-if="onlineOverlay" :overlay="online" @eventclose="onlineOverlayClose"></online-overlay> </div> <div class="js-star" data-id="25" style="position:fixed;bottom:100px;right:20px;width:80px;z-index:100"> </div> <script type="text/javascript" src="//image.woshipm.com/fp/js/swiper-bundle.min.js?ver=6.0.11" id="swipper-js"></script> <script type="text/javascript" src="//image.woshipm.com/fp/js/html2canvas.min.js?ver=6.0.11" id="html2canvas-js"></script> <script type="text/javascript" src="//image.woshipm.com/fp/js/require-v1.0.7.js?ver=6.0.11" id="vue-js"></script> <script type="text/javascript" id="misc-js-extra"> /* <![CDATA[ */ var PURE = {"ajax_url":"https:\/\/www.woshipm.com\/wp-admin\/admin-ajax.php","restapi":"https:\/\/www.woshipm.com\/__api\/","nonce":"4544c17d67","home_url":"https:\/\/www.woshipm.com","is_user_logged_in":"","is_singular":"","is_home":"","is_author":"","id":"6147576","is_bookmark":"","is_posts":"","is_reward":"","is_comment":"","is_answer":"","is_event":"","is_subposts":"","is_sub":"","is_writing":"","token":"","secret":"","user_id":"0","is_recuser":"","is_hotposts":"","is_setting":"","logout":"https:\/\/passport.woshipm.com\/user\/exit.html?FS=PM&REDIRECT=http:\/\/www.woshipm.com\/category\/ucd&_protocol=http","production":"1","is_views":"","post_title":"\u51af.\u96f7\u65af\u6258\u592b\u6548\u5e94 | \u8bbe\u8ba1\u5e08\u9700\u8981\u77e5\u9053\u7684\u8bbe\u8ba1\u539f\u5219\uff01","is_adpost":"","jltoken":"","is_preview":""}; /* ]]> */ </script> <script type="text/javascript" src="//image.woshipm.com/fp/js/all.bundle.js?ver=6.0.11" id="misc-js"></script> <script> var UID = PURE.user_id; </script> <script type="text/javascript" src="https://dts.woshipm.com/dtsReport/pm_pc_dts_data.js?t=1222222222"></script> <div class="u-hide"><script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb85cbcc76e92e3fd79be8f2fed0f504f' type='text/javascript'%3E%3C/script%3E")); </script></div> </body> </html>

Pages： 1 2 3 4 5 6 7 8 9 10