触屏键盘设计准则（内附绝密小抄）【译】
这篇文章从一次大规模可用性测试出发，聚焦于一个被广泛忽视却影响深远的细节：移动端触屏键盘的交互设计。作者指出，尽管触屏交互被认为更直观，但手机打字体验却常常令人沮丧，容易出错。 核心问题在于，许多网站在表单输入中未能巧妙利用触屏键盘的特性。文章提炼出5条关键设计准则，并揭示了残酷的现实——在测试的头部电商网站中，92%在地址输入框未禁用自动更正，导致“weathermen”这类错误更正被用户忽略并提交；60%在需要输入电话、信用卡号时，仍调出笨拙的标准键盘而非更大、更精准的数字键盘。 作者不仅给出了问题分析，还提供了具体的HTML代码解决方案，如使用``和`type="tel"`来调用专用键盘。这些准则超越了电商场景，适用于任何涉及触屏输入的移动网页设计，旨在通过微小的技术调整，显著降低用户输入错误率，提升交互的流畅感与用户信任。
进行用户研究的五步法【译】
作者从一个常见的误区切入：我们掌握了用户的年龄、设备、消费记录等“是什么”的数据，却常常无法回答“为什么”——为什么用户要换银行？这种对用户行为深层动机的困惑，正是需要系统性用户研究来解决的。 这篇文章详细介绍了由Frog设计公司创造的“调研学习螺旋”。这是一套结构化的五步法，旨在填补团队在设计过程中的知识空白。核心步骤包括：首先明确要回答的“目标”问题；接着梳理团队已有的“设想”与假设；然后选择合适的“方法”来收集数据；再进行“实施”调研；最后“综合”分析数据，验证或推翻假设。 文中以设计一个电视节目短片分享功能为例，具体展示了如何应用这个螺旋。例如，在“目标”阶段，团队需要用“谁、什么、何时、何地、为什么、如何”这类问题来界定调研范围，并将问题转化为明确的研究目标。这个框架强调，在开始具体工作前，先花时间厘清已知与未知，能有效指导后续调研，避免盲目行动。 这个螺旋流程的价值在于，它帮助设计师跳出自身偏见，通过理解真实用户的生活与需求，发现那些数据无法揭示的设计机会点，从而产出更具针对性和灵感的解决方案。
技术人员的创业陷阱：我能，但不管用户在哪里！
这篇讲的是几位技术背景的创业者，如何因过于自信技术能力，而掉入“闭门造车”陷阱的真实观察。 作者走访了几个技术主导的创业团队，发现一个共同现象：团队技术实力过硬，产品原型也做得漂亮完整。但深聊后，问题浮出水面。比如一个“5分钟集成聊天功能”的云平台，功能模块化设计精巧，却无法与现有会员系统对接；一个功能齐全的宠物APP，同时试图满足有宠物和无宠物两类人群，结果定位模糊，难以推广；一个租房APP创始人，则在没有房源和用户的冷启动难题前，单纯寄望于寻找“强运营”。 这些案例揭示的核心观点是：技术创业者常因拥有快速实现的能力，而陷入“我能做，所以应该做”的思维定式，忽略了“用户是谁”、“痛点何在”、“如何启动”这些更前置、更根本的商业问题。这种“技术驱动”的创业路径，往往与市场需求脱节。 文章对技术人员的启发在于：创业之初，请克制住立即编码的冲动。先走出技术视角，去了解真实的市场与用户，甚至可以主动寻找传统行业的合作伙伴。只有将“我能做什么”与“用户需要什么”对齐，技术能力才能真正转化为成功的产品。
字体的性格
字体如人，也有自己的性格。这篇文章从“字如其人”出发，探讨了字体设计如何通过形态传递情感，早在读者理解字义之前便“未成曲调先有情”。 作者以蔡邕《笔论》中“若利剑长戈，若水火云雾”的变幻无方为引，将字体的性格拆解为几个核心维度：笔画的粗细赋予字体力量感，粗若断喝，细若低语；线条的曲直带来气质差异，直线刚直，曲线柔美，而刚柔并济方显灵动；结构的松散与严谨，则对应了日常手写的随性与庙堂碑铭的庄重。 文章更进一步，探讨了笔画细节繁简所代表的古典与现代感——从细节丰富的衬线体到极简的无衬线体；以及不同书写工具，如毛笔与刻刀，如何为字体注入截然不同的质感。通过北魏楷书、超刚黑、铁筋隶书、Helvetica等具体实例的对比，清晰展示了不同字体性格的应用场景：粗体强调标题，手写体适合儿童题材，严谨楷书用于庄重场合。 这就像一场字体的性格侧写，不仅阐明了字体设计的美学原理，也为我们在排版、品牌视觉中如何“选对字体，讲好故事”提供了直观的指南。
谁说设计师不会写代码？—Photoshop脚本语言简介
这篇文章探讨的是设计师工作流程中一种常被忽视的自动化利器：Photoshop脚本语言。作者从设计师普遍使用“动作”进行自动化出发，指出了动作像固定录像、缺乏灵活性的根本局限，进而引出脚本语言这一更具交互性的替代方案。 文章的核心在于澄清一个误区：脚本并非只有程序员才能驾驭。它明确指出，只要具备基础的JavaScript知识，设计师就能利用脚本实现更复杂、更智能的自动化，例如根据参数动态调整图像处理过程。文中以调整图像大小为例，清晰对比了动作步骤与对应脚本代码的写法，让技术门槛显得更为直观。 此外，文章还提供了扎实的入门指引，包括推荐使用Adobe ExtendedScript Toolkit作为编写工具、解释Photoshop对象模型（DOM）的基本结构，并指出脚本可像动作一样保存和绑定快捷键。整篇文章旨在为设计师打开一扇新窗，将原本重复枯燥的机械操作，转化为可通过代码灵活控制的创意流程。
拟真设计与扁平化设计
这篇讲的是苹果iOS 7告别拟真设计、拥抱扁平化设计背后的思考与两种风格的核心差异。作者从拟真设计（Skeuomorphism）的定义与历史讲起，它通过模拟真实世界的材质与动作（如iBooks的书架和翻页效果）来营造亲切感，从而大幅降低用户对陌生界面的学习成本。但这种“以貌取人”的倾向也催生了用户只重外观而忽视功能体验的问题。 当拟真设计热度减退，以微软Metro UI为代表的扁平化设计开始兴起。它脱胎于瑞士版式设计，摒弃纹理和光影，用纯粹的形状和色彩追求视觉简约与信息的高度整合。然而，这种极简化也可能带来新的困惑，比如用户难以区分按钮与静态图片的交互状态。 文章最终指出，无论是拟真还是扁平化，都不是完美终点。设计思路的演进始终与屏幕技术、用户认知水平紧密绑定，关键在于根据具体场景选择最恰当的方案。
用QQ邮箱发一封求职信
这篇讲的是最近关于“用QQ邮箱发求职信是否合适”的热议。作者从这场争论出发，没有陷入情绪化的站队，而是冷静地剖析了“QQ邮箱”在求职场景下的多面性。 文章核心观点是：绝大多数情况下，用QQ邮箱发求职信并无不妥，其负面影响充其量只有20%，关键还是简历质量。但在一些特定场景下，它确实可能带来减分。比如，在大公司的商务职位或科技媒体编辑岗位，使用Gmail等更具国际感和商务气质的邮箱，可能在第一印象上更得体。作者甚至指出，在产品经理等技术岗位，Gmail优雅的设计语言本身就能传递一种对产品细节的敏感度。这些判断源于对HR筛选习惯的观察（比如数据发现“QQ邮箱”是简历未通过的强特征之一）和对不同品牌气质的理解。 作者也提醒，这场争论中许多“地图炮”式的互怼是不理性的。无论是批评QQ邮箱还是捍卫它，过早的愤怒往往会遮蔽对复杂场景的认知。就像文章最后举的支付宝支付密码的例子，很多看似“荒谬”的设计背后，都有其特定的用户逻辑和妥协。因此，他建议不必对号入座，了解这个世界的复杂性，比简单地评判对错更有价值。
标准化之路：关于产品设计规范
这篇讲的是产品设计规范在互联网团队中的意义与实践之道。作者从产品与业务的平衡关系切入，指出好的规范能定义如何设计出一个既满足业务目标、又让用户易用的产品。 文章的核心观点是，设计规范并非死板的约束，而是通过简约、清晰、高效的体系在纷繁中建立秩序。它详细拆解了规范的三大价值：指导性（凝聚经验，让团队各安其职）、有效性（基于业务与场景穷尽可能，形成合理模板）、可复用（提升视觉、前端及整体协作效率，并保障用户体验一致性）。文中以“赞”按钮的交互设计为例，生动说明了如何从简单反馈进化到优雅且考虑周全的体验。 作者也清醒地指出，规范的约束往往来自人，而非规范本身。它需要与时俱进，避免成为“古董”，并站在一定高度具备前瞻性。最后强调了实施时机的重要性：规范化是产品迭代中自然沉淀的“进化”，而非在产品未准备好时强行推行的“革命”，磨刀不误砍柴工。
好的产品经理，差的产品经理
这篇讲的是 Ben Horowitz 在 1996 年，以 Netscape 产品管理部门经理的身份，对“好产品经理”与“差产品经理”做出的经典、直白对比。文章没有空谈职责，而是通过一系列具体的行为差异，勾勒出两种截然不同的职业画像。 好的产品经理被定义为“产品的 CEO”，他们基于对市场、竞争和产品的深刻理解来制定并毫无借口地执行计划。他们清晰定义“做什么”，有效管理团队，并用书面方式清晰沟通；他们聚焦于收益和客户价值，制定可执行的好产品。 而差的产品经理则充满了各种借口，从资源不足到技术同事能力问题。他们常常混淆“管理”与“执行”的边界，在“怎么做”的细节上自我感觉良好，却让团队聚焦于错误的指标（如功能数量），或者定义出无法落地的产品。 文章通过对比，核心揭示了优秀产品经理的关键特质：主人翁精神、强大的执行力、清晰的沟通以及以商业成果为导向的思维。即使成文多年，其中关于责任担当、有效协作和避免常见陷阱的洞察，对今天的从业者依然是一面清晰的镜子。
细说促销（三）：促销的实施
这篇讲的是促销活动执行环节的常见问题与解决方法。作者从“策划”这个词说起，将“策”（创意方案）与“划”（项目管理、沟通执行）区分开来，点明许多活动“想得很好，做得很差”的核心矛盾。 文章指出，执行的第一步是预算规划。钱不能只花在买广告上，更应投入在创造有吸引力的活动内容本身。文中以“百分一女装”的全球外拍为例，说明他们花费数十万用于拍摄和广告，最终引入的流量是普通广告的5倍以上，关键就在于用独特内容驱动了口碑传播，而非单纯购买流量。 在具体实施上，作者强调了几个关键点：一是做好清晰的项目分工与时间管理；二是策划人必须主导“客户体验”，而非完全交给设计师。策划需明确传达页面的核心信息（“只要…就能…还能…”），确保用户第一眼就抓住重点。文中通过一个页面设计混乱的实例，说明信息堆砌会损害用户认知。最后，执行要“灵活而严肃”：广告和页面可以持续优化调整，但活动规则必须保持稳定，任何修改都需慎之又慎。
人人都用 Retina 屏幕的 MacBook Pro 笔记本电脑
这篇讲的是作者从个人使用 Retina 屏 MacBook Pro 的体验出发，强烈推荐这款笔记本成为每个人的首选。他认为，Retina 屏幕的高分辨率是核心优势——其像素数量是普通屏幕的 4 倍，通过将 12px 字体放大到 24px 并后退观看的比喻，直观展示了字体渲染的细腻效果。同时，作者强调 Mac OS X 的字体渲染技术天生适合高分辨率，低分辨率下视觉效果甚至不如 Windows 95，因此坚决反对购买非 Retina 屏幕的机型。 除了屏幕，作者将 SSD 硬盘视为性能关键，指出电脑速度的瓶颈早已是硬盘而非 CPU，批评 PC 笔记本常搭载慢速机械硬盘是“过时的骗人货”。在体验上，MacBook Pro 的即点即用、无风扇噪音和轻量设计，与 PC 笔记本的唤醒延迟和松散感形成鲜明对比。设计细节上，他推崇 MacBook Pro 的对称美学和完整质感，认为这超越了 PC 的拼凑感。 软件层面，作者欣赏 Mac OS X 的朴素界面，并指出 MacBook Pro 可用于 iOS 和 Android 开发，提供免费的 Xcode 环境。最后，他以成本效益论证：一台万元 MacBook Pro 相比占地费噪的台式机更具性价比，并预测苹果笔记本将持续领先多年。文章的核心启发是，选择笔记本时应优先考虑屏幕、SSD 和整体设计，而非盲目追求硬件参数。
产品汪想跳槽
这篇谈的是产品经理遇到职业瓶颈时，该不该跳槽的经典困境。作者从三封真实来信切入，这三位产品汪的痛点各有不同：有的苦于薪资倒挂和决策权缺失，有的被僵化的考核制度和团队氛围拖垮，还有的因为短期经历过多而陷入自我怀疑。 作者没有直接给出“跳或不跳”的答案，而是点出了问题的核心：产品汪的成长极度依赖“好项目环境”——项目合理、资源到位、上司懂行。但这类环境在整个行业中占比可能不到30%。许多有潜力的产品人并非天赋不足，而是被糟糕的管理、不懂产品的上司和消耗性项目给废掉了。 文章也提醒，来信中呈现的多是“一面之词”。产品决策高度依赖经验与直觉，冲突在所难免。与其断定上司愚蠢，不如尝试像作者的朋友那样，抛开立场，理性对比方案，或许会发现自己与上司的判断本就一致。最终，这篇文章提供的不是解决方案，而是一种更冷静的思考框架：在冲动离职前，先理性评估环境是否真的已无成长空间，以及自己是否已尽力沟通与适应。好的选择，往往伴随着痛苦的思考过程。
产品的可用性、易用性、高效性
这篇文章探讨了产品设计中一个常被忽视的层次优先级：实用功能先于易用流程，易用流程又先于美观愉悦。作者从一个核心矛盾切入——为什么“丑”产品反而拥有大量用户，并以此构建了产品价值的递进框架。 首先，文章强调“可用性”是产品的及格线。在RSS阅读器的例子中，这意味着产品必须能顺畅地帮助用户完成阅读文章这一核心任务，界面的华丽与否在此阶段是次要的。接着，“易用性”是优化的重点，旨在减少操作步骤、提升效率，例如通过权重设置让用户更快获取重要内容。最后，“高效性”（文中对应“愉悦性”）才是追求卓越的关键，它关注视觉协调、交互顺滑带来的整体美感，是那决定成败的最后“25分”。 作者用60分、75分到100分的比喻，清晰地勾勒出产品价值的阶梯：先确保“能用”，再追求“好用”，最终抵达“令人愉悦”。这为设计师和产品经理提供了一个务实的评估路径，提醒我们在沉迷于像素级的美化之前，应先回归用户的根本任务。
移动用户体验设计新要素
这篇讲的是，如何将经典的动画艺术原则，巧妙转化为移动用户体验设计的利器。 作者从移动端场景切换中动效处理的难题出发，指出好的动效不仅是装饰，更是传达层级、引导操作的关键要素。文章的核心，是引入了迪士尼动画大师Ollie Johnston和Frank Thomas在其著作《动画的生存法则》中总结的12条基本原则，并论证了这些源于影视动画的原则在今天移动界面上的全新价值。 例如，文章通过对比Flipboard的“硬质”翻页与iBooks的柔性翻页，生动阐释了“挤压与拉伸”原则如何定义元素的物理质感；又以相机App的拍照预备动画为例，说明“预期”原则如何为用户提供操作线索。它强调，恰当运用这些原则，能让界面过渡流畅、层级清晰，甚至带来愉悦感；反之，过度或夸张的动效则会破坏体验。 因此，这篇文章不仅是在推荐一套经典理论，更是在为UX设计师提供一套可操作的“动效心法”。它告诉你，理解动画的原则，是精妙运用动效、提升移动端体验质感的第一步。
用户研究，别做第三者
这篇讲的是用户研究（用研）在产品团队中常面临的尴尬处境——作者指出，许多用研人员成了团队里的“第三者”：产品经理和设计师沟通密切，而用研却似乎隔着一层面纱，常在项目后期才被请来“验证结论”或“找依据”。 文章剖析了这种现象背后的三个常见问题：用研需求未被识别导致决策靠拍脑袋、用研沦为后期验证工具存在感弱、研究结论出炉时产品已转移方向。作者认为根本原因在于各方对用研角色理解模糊，用研对产品渗透不足，且工作规划未能紧密跟随产品节奏。 核心观点很明确：用研的价值在于解决“典型用户在典型场景下的典型问题”，且应当根据产品生命周期灵活调整重心。例如规划初期关注市场与用户画像，设计阶段聚焦操作流程与方案接受度，发布前进行可用性测试与风险预估。作者特别强调，让用研提前参与关键讨论至关重要——他们积累的跨项目用户洞察能为设计提供早期参考。 文章最终指向一种协作模式的转变：用研不应是被动响应需求的研究员，而应成为主动渗透、持续追踪的产品伙伴。这对如何提升用研影响力和规划前瞻性提出了启发。
用户体验设计 IxDA 香港交流会【2013年8月】
这篇讲的是2013年8月在香港腾讯办公室重启的一场IxDA交流会，活动现场挤满了来自不同行业和背景的用户体验从业者。分享嘉宾们从自身经历出发，探讨了“如何成为一名用户体验设计师”这个核心话题。 一个有趣的比喻被提了出来：传统设计学像西方医学，分科清晰；而用户体验学更像中医，强调整体协调和跨领域知识。因此，设计师的技能模型应该是“T”字型——既要广泛涉猎认知心理学、可用性、交互设计等多领域知识，又要在某一个方向上精通深耕。文章指出，无论你是工程师、平面设计师还是其他背景，都可以通过培养好奇心、观察生活细节，有意识地积累跨学科经验来入门。 文末还分享了一份“经典阅读书单”，从设计理论、可用性到心理学，为不同阶段的设计师提供了具体的进阶路径。整场活动不仅展示了用户体验社群在中文地区的成长，也为从业者提供了实用的成长方法论。
网页设计创新式布局与交互
这篇文章探讨了如何跳出传统网页设计的“矩形框架”，通过创新的布局与交互，打造既引人入胜又具备可用性的网站。作者开篇就指出，虽然构思这类创新设计难度很高，但一旦成功，就能创造出令人着迷的用户体验。 核心观点在于，设计师不应局限于常规的形状、配色或导航模式。文章鼓励从“为什么我们总是用矩形？”和“怎样才能做到与众不同？”两个问题出发进行思考，并给出了几个关键原则：创新必须建立在保证可读性与可用性的基础上；设计要清晰传达网站的核心目的；同时要克制，选择一个有趣的核心创意并深入贯彻，避免元素堆砌。 文中通过五个实例具体阐释了这些原则的应用。例如，Lowdi网站用与产品形态相似的异形色块和弹出式气泡进行互动；Steve Vorass的个人站点巧妙运用了“隐藏式导航”，让图片本身承担导航功能，并通过悬停动画提供反馈。这些案例展示了如何将奇思妙想与清晰的结构、流畅的体验相结合，为设计者提供了从概念到实践的具体启发。
当你需要向用户解释时，就已经输了一半
这篇讲的是，在成熟市场中，与现有巨头竞争的常见误区与突围思路。 作者从一次企业战略规划讨论出发，观察到许多创业者的核心逻辑是“我的产品或服务比他们更好”，并试图通过这点切入市场。然而，作者犀利地指出，当你需要向用户解释“为什么我比对手好”时，就已经输了一半。这种比较无形中确立了对手的领先地位，并且在信息爆炸的时代，微小的、需要解释的改进点很难形成记忆点和自传播力。 作者认为，当产品在同数量级难以形成颠覆性差异时，真正的机会在于“跳出问题看问题”。与其在对手设定的赛道上比拼，不如寻找完全不同的切入点。文章列举了多个案例：Tesla重新定义了高端电动车的目标用户，360用免费模式颠覆了安全软件市场，小米用“卖电脑的方式”卖手机，以及51信用卡管家通过自动解析账单邮件解决了录入痛点。这些成功案例的共同点在于，它们都避免了直接的“比较”，而是在商业模式、用户群、产品逻辑或传播渠道上实现了创新。 最终，文章为身处其中的创业者和产品经理提供了一个清晰的思考起点：不要问“如何做得比他更好”，而要问“为什么一定要按他的路走”。
用户体验设计遇见色彩情感
这篇讲的是色彩如何在用户界面设计中成为影响认知、情感与决策的关键因素。作者从色彩的基础知识切入，解释了色相环以及红、黄、蓝三原色各自携带的象征意义与情感联想，比如红色代表警示与热情、蓝色传递可信与专业，并指出色彩的运用需要结合文化背景与使用场景。 文章的重点在于色彩的实际应用策略。它通过引用KISSmetrics的调查数据，揭示了男女用户在蓝色、绿色、黑色和紫色等颜色上的喜好偏差，提醒设计师需要考虑受众差异。更具说服力的是，文中列举了美国数字营销公司Hubspot的一项A/B测试：在内容完全相同的两个页面上，仅将按钮从绿色改为红色，点击率便提升了21%。这个反直觉的案例生动地说明了，色彩的选择并非基于设计师的个人好恶，而能直接、有力地影响用户转化率。 总的来说，文章将色彩理论与具体的交互设计实例相结合，强调了色彩作为“第一视觉语言”，在建立品牌印象和引导用户行为中的决定性作用。
网站十五种最差的用户体验
这篇文章从网站产品经理的视角出发，直接点出了15个最常见却也最伤用户的“体验地雷”。它没有空谈理论，而是用具体的例子拆解了那些让用户默默关掉页面的坏设计：从30秒还没加载完的首页，到根本找不到返回按钮的“孤立页面”，再到满屏的弹窗和过时的信息。 作者还引用了早年的用户行为数据——超过90%的人只看第一屏内容就认为看到了全部——来强调页面过长、导航不友好的致命性。这些细节直白而犀利，比如点出使用“_blank”过多会占满计算机资源，文件名过于复杂会影响搜索引擎抓取和用户缓存记忆。 它像一份清晰的排雷清单，帮从业者快速自检。无论是死链接、滥用新技术，还是缺少互动与视觉层次，文章都指出了问题背后对PV、回访率和品牌形象的直接影响。对于想提升网站体验的团队来说，这份清单能让读者避开那些最常被忽视的“体验地雷”。