Google移动网站设计原则
这篇讲的是Google与AnswerLab联合发布的一份白皮书,专注于移动网站的设计原则。它并非泛泛而谈,而是基于大量真实用户研究,系统性地提炼出了25条具体设计准则。 这些准则被归纳到五个核心领域:主页与网站导航、网站搜索、电子商务与转化、表单设计以及整体的可用性与表单因素。文章清晰地指出,遵循这些经过验证的最佳实践,是打造一个既能取悦用户、又能有效驱动商业转化率的优秀移动网站的关键。 对于从事移动端UI/UX设计、产品策划或前端开发的朋友来说,这份白皮书提供了一套非常具体的设计检查清单。文内附有百度网盘链接,方便读者获取完整版PDF进行深度参考。
在程序员的眼里,用户是这样使用他们开发的软件的
这篇讲的是程序员与普通用户之间那条意想不到的认知鸿沟。作者从程序员的视角切入,描述了当用户“另辟蹊径”使用他们开发的软件时,程序员眼中那种既好气又好笑的场景。 文章举了两个生动的例子:客户找不到桌面的IE图标,只会说“大e不见了”;另一位客户则在页面上找不到他想要的搜索,其实他需要的只是浏览器自带的Ctrl+F功能。这些真实案例凸显了一个核心矛盾:程序员容易高估用户对软件的掌控能力,同时低估了自己所构建逻辑的复杂度,最终导致自认为完美的程序在用户手里变得“极其难用”。 不过文章也指出,尽管过程充满挫折,但用户的满意正是程序员成就感的来源。文中穿插的多幅幽默图片,形象描绘了用户使用软件时的懵懂与程序员视角下的“灾难现场”,让整个讨论在调侃中不失共鸣。 最后,文章延伸到了与程序员沟通的实用建议:因为他们对逻辑因果极其敏感,与他们对话最好遵循清晰的“If…Then…Else”结构,主语明确,以免产生误解。整篇文章既是一次对“开发者思维”的幽默解构,也提醒着所有技术从业者:理解用户的局限性,是打造好软件不可或缺的一课。
用户体验在产品发展过程中所扮演的角色
这是一篇关于产品开发中用户体验角色的深度观察与实践反思。作者从亲身经历出发,挑战了行业中对“瀑布式开发”的刻板印象,指出真正有效的产品开发——无论采用何种流程——都离不开持续的协作、迭代与价值创造。 文章的核心观点在于,用户体验设计并非流程中的一个孤立环节,而是贯穿始终、需要与各方紧密协作的“生态系统设计”。作者通过Sprint网站等早期项目的挫折教训,反思了那种“逐页设计”的片面方法,并强调倾听与理解(而非过早绘制界面)是关键。他提出,设计师应将自己视为整合者,平衡用户、业务与技术的多重需求。 作者分享了在敏捷团队中常被误解的困境,部分敏捷实践者可能将UX简化为后期的UI美化。为应对此类偏见,他倡导更早地介入,将用户视为系统的一部分,量化其需求与约束,从而让设计工作自然融入开发过程,甚至帮助团队更早发现更优的解决方案。 这篇文章的启示在于,打破学科壁垒,以更整体、协作的视角看待用户体验,才能使其真正驱动产品价值,避免设计沦为“在技术骨架上贴皮”的后期工作。
谷歌眼镜应用的用户体验
作者在圣马特奥的一家酒吧初次试戴谷歌眼镜时,感受是失望的——设备像半成品,屏幕粗糙,实用性存疑。但这篇博文的核心观点在于,尽管早期产品不尽如人意,作者坚信可穿戴设备革命必将到来,谷歌眼镜作为一个开创性平台,值得开发者现在就为其投入设计。 文章并没有停留在观点的表达上,而是深入拆解了为可穿戴计算机、特别是谷歌眼镜设计应用的底层逻辑。作者强调,这类设备的设计高度依赖“情景”,必须让用户在需要时信息自然出现,不干扰时则隐于无形。他归纳了谷歌官方的四条设计原则:为眼镜专门设计、绝不碍事、保持及时响应、避免意外惊吓。作者更进一步指出,这些原则背后最核心的要求是“绝对简单”——应用必须是任务导向的、界面清晰迷人的,任何多余或笨拙的设计,在与用户视线如此贴近的设备上都会被无限放大。 最终,作者从最初的失望,转向了对未来的笃定。他认为当前版本或许不完美,但提前理解并实践这些设计准则,能帮助设计师和开发者避开未来平台的陷阱,占据先机。
导航的信息架构
这篇讲的是导航设计里的一个核心矛盾:用户期待导航简单可预测,但内容本身却需要被发现。作者从信息架构的角度切入,提出构建理想导航系统需要先回答四个关键问题,其中前两个——如何组织内容与解释导航选项——正是信息架构要解决的根基。 文章重点剖析了“元数据”在导航中的作用。作者指出,盲目向用户展示所有类别(如完整的索引或搜索框)并不可取,反而会导致混乱。真正的解决方案是将元数据分为“重要”、“可选”和“无关紧要”三类。比如对于食谱网站,“菜式”通常是最重要的类别,应优先呈现。 更巧妙的是,当存在多个重要类别时(如服装网站同时需考虑“类型”和“性别”),作者建议不要将它们都堆砌在顶层导航,而是采用逐级显示的策略。例如,LL Bean网站就先让用户选择“男装”或“女装”,再在下拉菜单中展示具体的服装类别,这使得导航既精简又层次清晰。文章提供的这套从分析元数据重要性到设计分层菜单的思路,为解决复杂的导航设计提供了切实可行的路径。
观察一个用户是否比不观察更糟糕?
这篇文章探讨了一个可用性测试中常见的困惑:只观察少量用户,比如一两个,是否还不如不观察?作者从“眼见为实”这一常识出发,提出了一个有趣的悖论。 文章通过具体的概率模型和案例指出,如果只观察一个用户,调研人员有很大概率(例如20%)会遇到一个“异常”的用户,从而对产品性能得出严重偏离实际的结论。这确实可能比什么都不做更糟糕,因为它会带来误导性的信心。而引入“两个用户观察”或“三个用户破平局”的规则,则能显著提高结论的可靠性,比如观察三个用户可将评估精度提高约8个百分点。 文章用“问题矩阵”等数据进一步说明,仅观察一个用户的最大缺陷在于无法区分偶然问题与普遍问题。虽然只观察一个用户也能发现界面设计上的某些问题,但长期来看,这会使团队更聚焦于非典型问题而非那些影响面更广的常见问题。 因此,作者的核心观点是:尽管存在因样本小而得出片面结论的风险,但基于大数定律和概率,进行一些用户观察(哪怕是少量的)总体上仍比完全不观察要有价值,关键是团队需要理解这种小样本观察的不确定性,并努力争取观察更多的用户。
KANO模型再理解
这篇讲的是KANO模型在产品功能规划中的实战理解。作者跳开了抽象定义,用“基础”、“期望”和“亮点”三类功能,重新框定了一个产品从“能用”到“好用”再到“惊艳”的路径。 核心观点很清晰:基础功能(Must have)是门槛,没有则一票否决,比如手机的通话能力;期望功能(Nice to have)是用户会直接反馈的改进点,但单纯依靠用户调研容易局限于此。真正的差异化来自“亮点功能”——那些用户自己想不到,但一旦实现就能带来惊喜和口碑的特性,比如早期手机的指纹识别。 文章还揭示了一个动态规律:功能类别会随时间迁移,今天的亮点(如彩屏)会逐渐沦为明天的基础功能,这正是产品迭代的动力。最后点出了关键:基础功能消除不满,亮点功能才能创造口碑,而发现它们需要超越简单调研,深入理解用户场景与人性。对于产品经理而言,这个模型帮助厘清了需求的优先级与创新的源泉。
心智模型学习:如何探究Y里的why
这篇文章讲解了一种名为“攀梯术”的用户研究方法,旨在帮助从业者在深访中,从用户提及的产品属性或具体功能出发,通过层层追问,真正挖掘到其背后关联的用户目标与深层价值观。 文章作者结合了自己提出的“Y模型”进行解读,指出这步探究正是从“需求”走向“人性”的关键,决定了产品是“满足需求”还是能“让用户尖叫”。随后,文章详细拆解了“攀梯术”的经典对话模式,并坦诚指出了实操中的常见困境:用户卡壳、问题抽象化引发防御、追问方式令人尴尬等。 针对这些挑战,文章分享了五个实用的访谈技巧,并配有果酒消费的具体案例。例如,通过“情境唤起”让用户回忆具体场景,或用“假设缺失”引导用户思考替代品带来的不同感受,从而顺畅地完成从属性到价值的攀梯。这些技巧的核心在于将抽象的“为什么”转化为具体、可感知的对比或回忆,降低了用户的回答门槛。 总的来说,这不仅仅是介绍一个提问话术,更是在传授一套系统性的探究框架。它帮助产品设计者或研究员,将零散的用户反馈,串联成理解其决策逻辑与内在动机的清晰线索,从而真正洞察那些驱动选择的核心价值。
Python修饰器的函数式编程
这篇文章从Python装饰器的英文名“Decorator”切入,厘清了它与面向对象设计模式中的装饰器模式以及Java/C#注解的本质区别。作者指出,OO的装饰器模式往往陷入复杂的类层次,而Python的装饰器则是一种优雅的函数式编程技巧,它直接利用了语言层面的高阶函数和闭包,无需引入额外的复杂概念。 文章从一个经典的“Hello World”示例出发,展示了装饰器如何通过闭包和函数回调实现功能增强。接着,它深入解析了`@decorator`语法糖的实质:`func = decorator(func)`,这是一个函数作为参数传入另一个函数并被其返回值替换的过程。理解了这一点,无论是多层装饰器嵌套还是带参数的装饰器(需要返回一个真正的装饰器函数),都变得清晰自然。文中那个用装饰器为字符串添加HTML标签的例子,很好地体现了这种技巧的简洁与灵活。 最后,文章还提到了用类来实现装饰器的方式,通过`__init__`和`__call__`方法来完成同样的功能。整篇文章将Python装饰器从语法糖还原为函数编程的基本范式,帮助读者理解其“描述意图而非实现过程”的优雅本质。
[译文]设计转场动效
这篇译文探讨了一个设计师们常忽略的细节:状态之间的转场动效。文章指出,许多设计师专注于像素级的按钮、图标和表单,但当用户点击按钮后,界面是如何从状态A“切换”到状态B的,这个过程往往被视为理所当然。作者认为,这种生硬的跳转在真实世界中并不存在,而利用好“时间”这个被忽视的维度,动效就能成为功能性工具,而不仅仅是装饰。 文章通过对比静态设计与动效设计,清晰地阐述了两者的关键差异。静态设计是孤立的画面,无法描述过程;而精心设计的动效(例如应用缓冲曲线调整动画节奏)则能引导用户的视觉,解释信息的流动。具体例子中,文章对比了列表新增条目时直接跳变与平滑展开填充的体验差异,也对比了常见的侧滑跳转与将详情页视为内嵌展开的交互逻辑。作者指出,后者能让用户更直观地理解自己所处的层级深度,从而减少对面包屑导航的依赖。 这些思路的核心在于让数字界面的过渡更贴近我们对物理世界的认知习惯。通过赋予界面变化以符合直觉的时间与空间逻辑,交互不仅能变得更流畅自然,也能在无形中传递更清晰的系统状态信息,最终提升整体体验的优雅度与可用性。
移动产品设计之场景感
这篇讲的是移动产品设计中常被提及却容易空洞的概念——场景感。作者认为,场景感本质是一种“讲故事”的能力,产品经理要像导演一样,去模拟用户在特定环境下的行为、意图与感受,以此驱动设计。 文章的核心观点是“产品设计的成败首在场景”,并辅以生动实例。例如,一个警示“记得抬头”的便签,贴在键盘上方才真正有效,因为它在用户低头时(问题即将发生)恰好可见;而常见的Wi-Fi密码输入设计(如默认密文显示)则可能脱离实际——用户在咖啡馆边看边输时,明文显示反而是更高效、自然的选择。这些例子揭示,好的设计如同空气,存在于场景之中却不被察觉。 作者进一步指出,场景描述能完整呈现“人-状态-问题-操作-反馈”的闭环,这不仅是构建产品的基础,也是与团队沟通的有效方式。培养场景感,则需要深入实际体验(如住酒店、观察前台)、练习分解操作步骤,并尝试用大白话向非专业人士解释设计思路。当设计遇到困惑时,回归场景模拟往往是寻找答案的最佳路径。
如何有效避免大量重复的switch分支
这篇文章从一个典型的C语言编程场景切入:代码中需要根据类型(如图形形状)调用不同函数,导致出现冗长的switch-case分支。作者结合学习设计模式的体会,尤其是DRBD源码分析的经验,展示了如何利用表驱动编程模式来重构这类代码。 核心对比在于两种优化路径:首先,是通过定义一个包含类型和函数指针的“基类”结构,让不同形状的对象“符合”该结构,从而在循环中直接通过函数指针调用,跳过了显式的switch判断。但这引入了类型强转和运行时错误的风险。 更进一步,文章介绍了经典的表驱动方法:维护一个函数指针数组(调用表),以类型作为索引。代码通过`*(d + (b + i)->t)`直接从表中取出并执行对应的函数,彻底消除了分支判断逻辑,让流程更为清晰高效。不过,作者也坦诚指出,这种方式虽然简洁,但在可读性上有所降低。 因此,这类重构适合在分支逻辑复杂、追求执行效率且愿意为性能适度牺牲直接可读性的场景。文章的价值在于具体演示了从“条件分支”到“数据驱动”的思维转换,为处理类似多态调用问题提供了实用的C语言解决方案。
做产品到底要不要听用户反馈?
从一句关于乔布斯是否听用户的玩笑话出发,这篇文章直击产品经理的老问题:到底要不要听用户反馈?作者的观点很犀利——要听,但只听“事实”,不接受“建议”。 他把用户反馈清晰地分为两类:一类是客观事实,比如“登录功能出错了”;另一类是用户主观给出的解决方案,比如“为什么不这样收费呢”。作者的核心逻辑是,反馈事实是用户的权利,而判断问题、设计方案是产品经理的专业职责,两者不可混淆。他强调,绝大多数用户并不了解产品背后的战略和数据,他们的“建议”往往并不可靠。 不过,作者并非完全拒绝倾听。他指出,在扔掉那些“建议”之前,必须深挖其背后隐藏的事实:用户究竟遇到了什么场景?现有功能为何失效?这些挖掘往往能直接指向产品的设计缺陷。这个原则同样适用于来自老板或资深同事的建议——对结果负责的,始终是产品经理自己。 这篇文章为产品决策提供了一个清晰的过滤框架:专注于识别真实问题,同时勇敢捍卫自己的专业判断权。
触屏键盘设计准则(内附绝密小抄)【译】
这篇文章从一次大规模可用性测试出发,聚焦于一个被广泛忽视却影响深远的细节:移动端触屏键盘的交互设计。作者指出,尽管触屏交互被认为更直观,但手机打字体验却常常令人沮丧,容易出错。 核心问题在于,许多网站在表单输入中未能巧妙利用触屏键盘的特性。文章提炼出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邮箱还是捍卫它,过早的愤怒往往会遮蔽对复杂场景的认知。就像文章最后举的支付宝支付密码的例子,很多看似“荒谬”的设计背后,都有其特定的用户逻辑和妥协。因此,他建议不必对号入座,了解这个世界的复杂性,比简单地评判对错更有价值。