共 232 篇相关文章
这篇讲的是，如何将经典的动画艺术原则，巧妙转化为移动用户体验设计的利器。 作者从移动端场景切换中动效处理的难题出发，指出好的动效不仅是装饰，更是传达层级、引导操作的关键要素。文章的核心，是引入了迪士尼动画大师Ollie Johnston和Frank Thomas在其著作《动画的生存法则》中总结的12条基本原则，并论证了这些源于影视动画的原则在今天移动界面上的全新价值。 例如，文章通过对比Flipboard的“硬质”翻页与iBooks的柔性翻页，生动阐释了“挤压与拉伸”原则如何定义元素的物理质感；又以相机App的拍照预备动画为例，说明“预期”原则如何为用户提供操作线索。它强调，恰当运用这些原则，能让界面过渡流畅、层级清晰，甚至带来愉悦感；反之，过度或夸张的动效则会破坏体验。 因此，这篇文章不仅是在推荐一套经典理论，更是在为UX设计师提供一套可操作的“动效心法”。它告诉你，理解动画的原则，是精妙运用动效、提升移动端体验质感的第一步。
这篇讲的是2013年8月在香港腾讯办公室重启的一场IxDA交流会，活动现场挤满了来自不同行业和背景的用户体验从业者。分享嘉宾们从自身经历出发，探讨了“如何成为一名用户体验设计师”这个核心话题。 一个有趣的比喻被提了出来：传统设计学像西方医学，分科清晰；而用户体验学更像中医，强调整体协调和跨领域知识。因此，设计师的技能模型应该是“T”字型——既要广泛涉猎认知心理学、可用性、交互设计等多领域知识，又要在某一个方向上精通深耕。文章指出，无论你是工程师、平面设计师还是其他背景，都可以通过培养好奇心、观察生活细节，有意识地积累跨学科经验来入门。 文末还分享了一份“经典阅读书单”，从设计理论、可用性到心理学，为不同阶段的设计师提供了具体的进阶路径。整场活动不仅展示了用户体验社群在中文地区的成长，也为从业者提供了实用的成长方法论。
这篇文章探讨了如何跳出传统网页设计的“矩形框架”，通过创新的布局与交互，打造既引人入胜又具备可用性的网站。作者开篇就指出，虽然构思这类创新设计难度很高，但一旦成功，就能创造出令人着迷的用户体验。 核心观点在于，设计师不应局限于常规的形状、配色或导航模式。文章鼓励从“为什么我们总是用矩形？”和“怎样才能做到与众不同？”两个问题出发进行思考，并给出了几个关键原则：创新必须建立在保证可读性与可用性的基础上；设计要清晰传达网站的核心目的；同时要克制，选择一个有趣的核心创意并深入贯彻，避免元素堆砌。 文中通过五个实例具体阐释了这些原则的应用。例如，Lowdi网站用与产品形态相似的异形色块和弹出式气泡进行互动；Steve Vorass的个人站点巧妙运用了“隐藏式导航”，让图片本身承担导航功能，并通过悬停动画提供反馈。这些案例展示了如何将奇思妙想与清晰的结构、流畅的体验相结合，为设计者提供了从概念到实践的具体启发。
这篇文章从网站产品经理的视角出发，直接点出了15个最常见却也最伤用户的“体验地雷”。它没有空谈理论，而是用具体的例子拆解了那些让用户默默关掉页面的坏设计：从30秒还没加载完的首页，到根本找不到返回按钮的“孤立页面”，再到满屏的弹窗和过时的信息。 作者还引用了早年的用户行为数据——超过90%的人只看第一屏内容就认为看到了全部——来强调页面过长、导航不友好的致命性。这些细节直白而犀利，比如点出使用“_blank”过多会占满计算机资源，文件名过于复杂会影响搜索引擎抓取和用户缓存记忆。 它像一份清晰的排雷清单，帮从业者快速自检。无论是死链接、滥用新技术，还是缺少互动与视觉层次，文章都指出了问题背后对PV、回访率和品牌形象的直接影响。对于想提升网站体验的团队来说，这份清单能让读者避开那些最常被忽视的“体验地雷”。
这篇文章从iOS 7这一标志性设计变革说起，探讨了移动端交互动效如何从“可有可无”的装饰，转变为塑造产品体验、跨越用户心中“情感阀值”的关键要素。 作者详细拆解了iOS 7中那些“创造流动的瞬间”：3D视差带来的景深、模拟现实物理运动的拟真动画、气泡碰撞的弹性效果、体现空间感的缩放与手势跟随。文章不仅停留在描述，更深入剖析了动效的五大核心作用：通过流畅过渡组织界面的时间演进、利用高效反馈减轻用户等待焦虑、增强“直接操纵”的直觉感、巧妙引导隐藏功能，以及最终升华品牌体验与情绪表达。 在此基础上，文章提出了一套实用的设计原则：顺应轻动画趋势、遵循自然运动规律、重视应用内整体动画编排、平衡效果与性能，并强调“恰到好处，服从体验”这一黄金法则。为了将这些理论落地，作者团队还实践性地开发了一款“交互动效库”工具，通过分类收录200余段视频案例，为设计师提供灵感、为开发提供参考代码，解决了动效设计在协作流程中的痛点。
这篇讲的是一位产品经理在资源有限、项目非重点的情况下，如何推动跨岗位协作的困境与反思。 作者列举了自己过去一年尝试的多种方法：从试图用共同目标建立共识，到协调研发资源、对UI“软磨硬泡”，甚至不得不使用考核时间“威胁”或“装可怜”。这些努力收效甚微，他感到除了“磨嘴皮”和“假传圣旨”外束手无策，最终将问题归因于公司流程与体制。 文章真正的价值在于后续的犀利观点。作者指出，大型组织中的跨职能协作常沦为“又一个单子”，缺乏“作品感”与认同。他认为，“人越多，效率越低”是难以根治的“体制之疮”，唯有项目处于高速上升期带来的兴奋感能暂时凝聚团队。此外，他强调产品经理应身兼多职，具备UE甚至测试技能是基本功，不能依赖资源。最后，文章列举了产品岗位的几种核心苦恼，将“跨岗协调”的难题置于一个更广阔的语境中。 对于所有在矩阵式组织中推动项目的产品、运营或项目经理而言，文中对“体制困境”的剖析和“产品经理应是多面手”的论断，或许能带来一些共鸣与思考。
这篇讲的是APP里那个小小的“返回键”背后，其实藏着产品设计的核心问题之一——导航与流程。作者从一个有趣的观察切入：最近几年，这个按钮本身正在悄悄“进化”。 他指出了两个显著的趋势。一是位置的移动：从经典的左上角，挪到了更方便单手触及的左下角，比如淘宝和知乎日报。作者认为，这背后是手机屏幕越来越大、越来越难以单手掌握的硬件变化在推动设计改变。二是交互方式的革新：手势操作，尤其是向右滑动返回，正逐渐成为一种更高效的选择，知乎、豆瓣小组等应用已在采用。这显然比精准点击一个按钮更流畅。 文章也点出了其中的矛盾与思考：比如在iOS上，右滑手势可能与列表项的删除操作冲突。而Android早期因物理返回键的坚持，其平台内的返回体验曾长期不够统一。作者没有给出标准答案，而是呈现了这种进化如何平衡平台规范、硬件条件和用户效率——返回的体验，依然在持续演进中。
设计师常常面临一个两难选择：禁用状态是该固定展示以建立用户认知，还是该隐藏以保持界面清爽？这篇从菜单、工具栏等具体场景切入，深入探讨了禁用状态的展示哲学。文章对比了 Chrome 和 Firefox 处理前进按钮的不同策略——前者保持按钮位置固定以形成操作惯性，后者则根据可用性动态显示，以换取界面的轻量简洁，两者各有其适用场景。 对于更复杂的列表操作，如 Gmail 和 Dropbox 所示，在未选中对象时隐藏专属操作，能在保持工具栏清晰的同时避免禁用项堆积。在引导性更强的表单发布场景，文章对比了新浪微博（禁用按钮仍可点击并给出反馈）与 Facebook（禁用按钮静默不响应）的不同做法，指出按钮的视觉状态应与其实际行为严格一致。 最后，文章总结了四条实用的设计建议：在需要引导用户时，可以考虑去掉禁用；必须使用禁用时，需确保样式区分足够明确；当禁用状态出现得突然时，应提供清晰的解释；甚至可以像 Twitter 和 Flickr 那样，为禁用状态注入动画或趣味文案，使其传达更丰富的信息。
这篇讲的是交互Demo设计中如何平衡效率与质量的经验。作者从实际项目出发，对比了Axure、Balsamiq和Mockups等常见原型工具的特点——比如Axure功能全面适合高保真演示，Balsamiq的手绘风格则更适合快速构思方案。工具之外，文章的核心价值在于提出了几条非常具体的设计建议：制作Demo应保持“相对中保真”状态，避免耗费精力在过高视觉保真度上；必须遵守栅格规范以减少后续视觉设计的返工；不使用截图或色彩干扰视觉发挥；克制对复杂交互效果的追求。此外，建立个人控件库和善用Master模块化设计能显著提升效率，而坚持版本存档则对项目迭代至关重要。最后作者点明，工具和形式都应服务于清晰表达产品思路与交互逻辑这一根本目的。
这篇讲的是WEB产品设计中一个常被忽视但至关重要的点：如何优雅地帮助用户从错误中恢复。文章将用户错误分为“知错”与“不知错”两种情况，其核心差异在于处理方式截然不同：前者需要提供明显的“返回”或“取消”入口来撤销操作，而后者则严重依赖清晰、友好的信息提示进行引导。 对于信息提示，文章引用了Jakob Nielsen的原则，指出好的提示信息需要同时做到五点：明确直接、可理解、措辞礼貌、表达精确、并提供建设性方案。文中以淘宝未登录点击购买时直接弹出登录框而非错误提示为例，说明了如何用更人性化的方式引导用户，而非制造挫败感。 除了文案，文章也强调了交互层面的优化：比如在用户出错后，系统应尽可能保存其已填写的数据，提供及时反馈，并用“选择”代替重复“输入”以减少操作负担。所有这些设计的共同目标是：在用户犯错时，提供一条清晰、友好的“改过”路径，将他们温柔地拉回正轨。
这篇讲的是WEB产品设计中一个至关重要的原则——“操作入口明确”。作者从电子商务网站信息庞杂、需要高效引导用户的背景出发，强调了清晰、合理的操作入口设计是连接页面枢纽、保障产品“有效性”和用户体验的关键。 文章深入剖析了如何实现这一原则，提出了三个具体方向。首先，通过“强化重点，弱化周边”的视觉布局对比，帮助用户在复杂功能入口中快速锁定目标，就像《唐伯虎点秋香》里需要比较一样。其次，要控制同功能入口数量，避免“过多的选择等于没有选择”，并通过文字或图标让每个入口的功能属性一目了然，类似生活中的指示设计。最后，设计需考虑“新手”、“中间用户”和“专家”等不同用户群体的需求差异，其终极目的都是让用户迅速完成核心任务。 作者总结道，出色的操作入口设计能让用户在信息海洋中自如穿梭，犹如科幻片中的“星际之门”；而失败的设计则会将用户困于迷宫，带来挫败感。这不仅是设计技巧，更是设计师“想用户之所想”的职责体现。
这篇讲的是，产品经理和设计师如何让产品里的信息“说人话”。作者从一个基本共识出发：高效准确的信息传递是良好用户体验的基石。文章总结了几个关键原则，其中最核心的是“用用户能理解的语言沟通”和“无法言喻时，至少让它自我解释”。 文章通过正反案例生动地阐释了这些原则。好的设计，比如iOS经典的图标和iBooks的书架拟物界面，能跨越文字，让用户凭直觉就懂操作意图。而反例则展示了晦涩的术语、结构混乱的提示或过于抽象的广告信息如何阻碍用户理解，甚至引发困惑。文章还强调了“及时解释”的重要性，就像iPhone设置项下方的小字说明，在用户可能迟疑的地方，立刻提供背景知识，防止用户“卡住”。 这些分析并不空谈理论，而是扎根于产品设计中的常见场景。作者的观察提醒我们，有效的信息传递不是设计师的“自说自话”，而是一场需要设身处地、不断测试的真诚对话。
这篇讲的是在产品设计早期，如何用页面流程图来理清思路、统一团队认知。作者从自己过去偏好业务流程图的习惯出发，指出业务流程图关注“谁在什么条件下做什么”，而页面流程图则进一步具体到用户在不同页面间的操作与跳转路径，帮助设计者系统性地规划交互逻辑，避免过早陷入单页面细节。 文章以“公益捐物网站”为虚拟案例，演示了从一个模糊想法到功能规划的过程。作者强调了页面流程图对产品经理和开发者的双重好处：对设计者，它能快速勾勒全局、评估工作量并聚焦用户任务；对开发者，它是评估工作量、开展编码和提供反馈的高效沟通工具。绘制前的关键步骤包括拷问idea的可行性（如目标用户、价值主张），并列出功能优先级。 通过这篇分享，读者能学到一个实用的工作方法：在画几十张线框图之前，先花几个小时画页面流程图，就能对整个项目心中有数，让后续设计和开发沟通更顺畅。
这篇讲的是设计师基于和家中长辈的真实互动，观察到并呼吁大家关注产品设计中常被忽视的“老友记”群体的真实需求。 文章从一个看似“宽衣解带”的标题切入，实际探讨的是衣物、日用品等设计对老年人的不友好。作者分享了陪奶奶买衣服的经历：设计师为了方便老人而设计的“假纽扣”套头衫，却因老年人头发稀疏、穿脱会弄乱精心打理的发型而遭到嫌弃；在购买内衣时，常见的背扣款式对老年人极其不友好，而能买到的前扣式“老人内衣”又难以在主流渠道获取。此外，带放大镜的指甲剪因老人腹部阻碍视线而无法使用；许多老人宁愿用伞也不愿拄拐杖，只为避免“无用”的标签，但普通伞的强度又带来安全隐患。 这些细节揭示了现有设计的一个通病：我们常常基于“衰老=能力不足”的刻板印象去简化需求，而非真正深入理解“老友记”们维护尊严、保持独立自主的核心渴望。文章最终发出温和而有力的呼吁：希望从事产品与设计工作的“儿女孙媳”们，在为大众设计时，能更多地将这些具体而微的、关乎体面与自主的需求纳入考量，做出更体贴的工业化产品。
这篇文章剖析了网站首页设计为什么总让人头痛——它看似简单，实则复杂。作者指出，首页的难点在于它需要同时解决用户的“可用性”问题和更高阶的“说服、情感、信任（PET）”问题，后者常让设计师感到棘手。 文章的核心在于对首页用户的清晰分类与针对性设计。从浏览行为看，用户可分为“有目标的”和“无目标的”。前者需要我们快速解决可用性问题，帮他们直达任务；后者则需要靠具有PET吸引力的模块来转化，避免流失。作者强调，在设计前必须分析这两类用户的比例，来权衡“清晰”与“丰富”之间的天然矛盾。 基于此，文章分别给出了可用性设计和PET设计的具体建议。可用性方面要尊重用户习惯、保持布局规整；PET方面则提出了使用吸引人的图片标题、利用数字和社交证明来说服用户等方法。特别值得一提的是，文中介绍的“5秒测试”是一个实用的验证手段，能快速检验首页能否在短时间内向新用户传递核心价值与信任感。整体上，文章将首页设计拆解成了可分析、可执行的具体模块，思路清晰。
这篇讲的是如何在iPhone上高效演示APP原型的方法对比与选择。作者从产品和设计师的实际需求出发，对比了POP、快现、Axure等多种原型工具的上手难度、功能性和效率，并重点分析了将Axure原型导入iOS设备演示的两种主流路径。 关键差异在于“Web APP模式”和“APP打开模式”。前者能生成桌面图标，还原初始体验，但依赖在线环境，存在原型信息安全顾虑。后者需要购买Atomic Web等应用，但支持离线演示，速度更快且更安全，作者个人更推荐这一方式。 文章不仅给出了工具和模式的横向对比，还深入到了具体操作细节：比如如何在Axure中设置生成参数以适配移动设备，演示时需要注意的页面命名规则，以及不同模式下的设计尺寸计算等。这些实操要点对于想要立即上手的读者非常实用，能帮助避免常见坑点，提升演示的真实感和流畅度。
这是一篇关于产品新人职场成长困惑的深度探讨。文章以一位工作半年的产品助理的真实来信为起点，详细描述了他从商务接口、沟通不畅到参与测试却感觉“成长空白”的迷茫历程。 作者直面这种普遍心态，犀利地指出产品助理岗位的本质就是“打杂”，并批评了新人被动等待安排、认为琐事无价值的普遍误区。核心观点在于，所谓的“冷板凳”和基础工作——无论是协调发版、参与测试还是应用市场铺货——恰恰是近距离观察产品、验证想法的最佳实践场。例如，通过分析铺货数据可以了解渠道特性，通过测试用例能彻底吃透产品细节。 文章最终将焦点回归到新人的主观能动性上：是主动在每件小事中挖掘学习机会，还是被动抱怨终将被淘汰，答案决定了你是团队里的“宝”还是“草”。对于所有感觉“怀才不遇”的职场新人来说，这是一剂清醒剂，提醒他们机会往往藏在最不起眼的地方，需要自己主动创造而非等待。
这是一套以 GIF 动图形式呈现的界面设计视觉教程。文章没有任何文字讲解，而是用 27 张连续的动图，直观地演示了一个界面从无到有、逐步完善的设计过程。 从第一张图开始，你就能看到一个基础的线框结构。随着图片的推进，设计者会逐步添加细节：先是确定核心功能区块的布局，接着加入按钮、文字、图标等交互元素，然后通过调整间距、对齐方式来建立视觉层级，最后通过色彩和阴影的微妙变化来提升界面的质感和可用性。整个过程像一场快进的设计回放，清晰地展示了从草图到成稿的思考路径。 这种“纯视觉”的呈现方式剥离了理论说教，非常适合设计新手直观感受布局逻辑与细节处理的先后顺序。它不像传统的步骤图那样静态，动图的连续性让你能捕捉到每一个微小调整带来的整体观感变化，这或许正是它“速成”的秘诀——用最直接的方式，培养你对界面平衡与美感的直觉。
这篇文章提醒产品经理和设计师，别让Axure成了思考的“捷径”。作者观察到，不少同行一上来就直奔Axure软件，沉迷于构建精细的交互原型，却往往跳过了用户故事、功能规格等更根本的前期构思，陷入了“无Axure不设计”的误区。 文章犀利地指出了几种典型的“Axure痴迷”症状：比如用Axure替代产品需求文档（PRD）、以实现复杂交互细节为成就感来源，或者很少使用铅笔和白板进行最直接的沟通。作者引用《用户体验的要素》理论指出，产品设计有不同的战略、范围、结构、框架和表现层级。Axure的核心价值在于“框架层”的交互界面设计，但如果在“结构层”甚至更早的阶段就过度使用它，就容易忽视对问题本身的定义和逻辑梳理。 作者的核心观点是，工具应服务于思维，而非束缚思维。他倡导在原型软件之外，回归到“2B铅笔”——即最原始、最低成本的草图和白板沟通。这种方式能帮助团队在初期更自由、更专注地探讨方案本质，避免过早陷入细节泥潭，从而提升整体产品设计的效率和质量。
这篇讲的是产品设计中如何建立信任感——作者从快捷酒店管家的实际经历出发，复盘了几个关键的设计决策。 最初，产品因名称“酒店管家”与实际服务范围（仅快捷酒店）不符，导致用户产生预期落差。改成“快捷酒店管家”后，第一印象的误导问题得以解决。在预订按钮的文案上，从“官方直订”调整为“官网直销”，用更准确的术语明确了“酒店直供库存”的模式，缓解了用户对OTA的混淆感。流程上，他们在预订表单顶部保留用户已选的酒店和房型信息，让跳转不再突兀，增强了操作的连贯性。 更关键的是对“双向信任”的思考。作者坚持在首次预订时要求用户完成姓名、身份证和手机号验证，尽管早期引来抱怨，但这道门槛有效筛选了真实用户，也向合作酒店证明了平台的可靠性。此外，团队坚持由产品经理亲自处理客服，通过“活人”的响应传递团队的真实感。 文章最后也提到，某些安全产品会通过制造紧迫感（如“系统有严重漏洞”）来间接建立信任。整篇的核心在于：信任不是抽象的感受，而是可以通过产品细节——从命名、文案、流程到互动——一步步具体构建起来的。
