IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者
首页 / Tencent CDC Blog
IT 2016-03-01 14:16:25 / 累计浏览 2,820

如何设计好用的触控手势

这篇文章从儿童和长辈都能轻松上手的触控设备现象切入,探讨了如何设计出既自然又高效的触控手势。 触控手势作为自然用户界面(NUI)的体现,通过模拟现实世界的动作(如滑动、缩放)降低了交互门槛。文章强调,设计时必须考虑用户身处的“移动情景”——注意力分散、操作时间碎片化、任务易中断等复杂环境,这些都对手势的易用性提出了更高要求。 那么,什么才算“好用”的手势?作者总结了几个关键特征:动作简单到可以单手在拥挤交通工具上完成;容易记忆且符合认知习惯;具备实用性,让用户无需多余操作;提供即时反馈,让用户清楚操作状态。 在具体设计上,文章给出了几条核心准则:手势必须符合大多数人的自然习惯;一个应用的手势数量最好控制在5个以内,以降低记忆成本;根据应用类型差异化设计——效率工具适合单手手势,游戏可以适当增加复杂手势以提升乐趣;同时,像《Flappy Bird》那样适度、克制地运用手势,往往能达到最直接有效的效果。最后,提供视觉或震动反馈,并确保操作可逆,能极大增强用户操控的信心与安全感。

本机暂存
IT 2015-07-21 23:30:56 / 累计浏览 4,760

给自己的字体课(一)——英文字体基础

这篇讲的是作者从实际设计需求出发,为自己梳理的英文字体入门知识。核心是解析衬线体与无衬线体这两大分类下的“情绪”差异与应用场景。 文章首先厘清了衬线体(Serif)的演变脉络:从笔划对比缓和、带有手写痕迹的旧风格字体(Old style),到线条锐利、对比强烈的现代字体(Modern)。通过《Kinfolk》杂志的排版和阿玛尼、华伦天奴等奢侈品牌的Logo案例,展示了前者如何营造传统、柔软的诗意感,后者如何传递现代、高冷的优雅。 而无衬线体(Sans Serif)则被形容为更简明有力。文章重点以Helvetica为例,剖析其“中性”特质——既适用于地铁导视系统,也能融入时尚品牌,成为信息传达的“透明容器”。作者也指出,字体的情绪是相对的,比如板状衬线体(Slab Serif)就能呈现出现代、年轻的感觉,打破了“衬线体一定古典”的刻板印象。 整篇文章像是一份清晰的笔记,从衬线有无的基础分类切入,最终落脚到字体如何服务于品牌气质与内容调性,为设计初学者提供了一个实用的认知框架。

本机暂存
IT 2014-12-06 19:46:14 / 累计浏览 3,540

关于工作效率的心得分享

这篇文章来自一位设计师的实战总结,分享了他从职场新人成长为团队“快刀手”的十年效率心得。作者以切身经历出发,坦诚效率曾是其长期痛点,并在PDI考核中被反复提及。 他提炼了十项核心原则:从“懂得整理需求”和“探究需求真相”这类思维层面,到“练好刀工”、“提取模版”等技能与流程优化;从“学会聚焦与屏蔽”应对干扰,到掌握“敏捷响应”处理紧急任务。其中既有关于决策必要性的管理思考,也包含了“当自己的事做”这种心态调整,最后不忘强调健康作息是一切的前提。 整篇文章没有空泛的理论,而是通过具体场景(如用整理术处理杂乱需求、28秒响应一个小修改)和生动比喻(如切土豆丝、一心多用的妈妈),让建议变得可感可循。它最终想传递的是:效率是可量化、可进阶的,通过系统性的方法与持续练习,每个人都能找到属于自己的工作节奏。

本机暂存
IT 2014-11-28 22:43:16 / 累计浏览 2,640

解读眼动的12个误区

这篇讲的是眼动追踪技术在用户研究中的常见认知陷阱。作者从实际项目经验出发,揭示了12个典型误区,帮助从业者避免“踩坑”。 比如,很多人以为“眼动就是热区图和轨迹图”,但文章指出,脱离停留次数、时间范围和页面结构的热区图意义有限。同样,“眼动的红点就是用户看的确切位置”也不准确,因为采样率、头部移动和人眼的高清视觉区(中央窝)范围都会让数据产生偏差。文章特别强调,“眼动数据很容易解释”是一种错觉,它只能回答“看了什么”,却很难直接说明“为什么看”,需要结合其他方法挖掘根源。 作者还澄清了实践中的误解:眼动并非所有可用性测试的“万能药”,它更适合解答具体疑问;学会操作设备不等于能做好研究,设计、方法论和分析能力更重要;不能只靠看轨迹视频来分析,因为海量数据和记忆偏差会让结论失真。甚至,样本量也并非一成不变,要根据是比较组内差异还是组间差异来决定。 这篇文章的价值在于,它把漂亮的数据图表背后的限制因素和科学分析方法讲透了。它提醒我们,正确运用眼动技术,关键在于明确目标、理解其能力边界,并与深度访谈等方法结合,才能真正读懂用户行为背后的原因。

本机暂存
IT 2014-11-27 13:04:52 / 累计浏览 4,020

与众不同易,精益求精难 — QQ导航改版设计心得

这篇讲的是QQ导航改版背后的设计思考。作者从一组关于东京电视台在突发新闻时依旧播放日常节目的搞笑图片切入,引出了设计中一个经典的难题:是该追求“与众不同”,还是应该努力“更好”。 文章指出,像东京电视台那样保持独特性,或许能在众多频道中脱颖而出。但对于用户可能只用一两款的互联网产品来说,仅仅标新立异是不够的,关键还是要在基础体验上“更好”。文章结合QQ导航改版的具体背景展开:在网址导航领域,hao123和360导航已形成双寡头格局,而QQ导航的用户结构与它们存在显著差异——过半用户使用时间在2-3年以内,更习惯快速获取内容。 因此,新版设计没有简单追随竞品的“F”型布局,而是基于目标用户的需求关键词(清爽、快速、权威等)和实际使用数据(例如75%用户日浏览网站不足10个),果断地对页面结构进行了简化,将名站导航置于更核心的位置。这展示了在红海竞争中,如何通过深度理解自身用户特质,来找到平衡“差异化”与“体验优化”的设计路径。

本机暂存
IT 2014-11-25 23:02:12 / 累计浏览 2,980

“破网”利器一箩筐——移动互联网分析工具推荐

这篇讲的是几款免费又实用的移动互联网数据分析工具,特别聚焦在**友盟**与**百度开放云**这两大平台上。 文章详细拆解了它们各自提供的数据服务。比如**友盟**,它以季度/半年的行业数据报告、可按月追踪设备/系统/分辨率等趋势的指数平台为特色,能帮开发者看清市场动态。而**百度开放云**的报告则更侧重于移动搜索和用户行为深度分析,并联合发布了针对开发者的白皮书与案例剖析。 两者的关键差异在于侧重点:友盟的指数工具在**硬件与系统趋势的追踪**上非常直观;百度则在**移动搜索这个垂直领域**的数据挖掘上更具优势,且报告发布节奏更稳定。如果你需要快速把握设备碎片化现状或应用市场排名,友盟的指数是利器;若想深挖移动搜索趋势或获取开发方法论参考,百度的数据报告则更为适合。

本机暂存
IT 2014-09-17 13:43:45 / 累计浏览 2,440

Print —— 被埋没的Media Type

这篇讲的是网页开发中一个被长期忽视的体验优化点:打印样式(Print Media Type)。作者从日常收藏网页的场景切入,指出很多网页的打印效果糟糕,根本原因在于开发者对“纸上阅读”这个特殊媒介缺乏针对性处理。 文章系统梳理了打印样式的必要性、适用场景与实现方法。它分析了打印成本、无纸化提倡等因素导致该特性被冷落,但诸如优惠券、报销单据、教程手册等场景其实有切实需求。技术实现上,文章详解了如何通过 `@media print` 规则或独立 `print.css` 文件来引入打印样式,并介绍了 `@page` 页面版式、分页符控制,乃至“出血”等高级印刷概念。更通过一个CDC博客的改造实例,演示了如何通过隐藏导航栏/侧边栏、调整字体与宽度、添加二维码回链等步骤,将一个杂乱的页面转化为清爽的打印版本。 作者最后总结道,优化的核心在于理解“纸上无交互”的本质,优先呈现纯粹的内容,并在保证可读性的前提下节约打印成本。对于需要提供离线阅读或实物归档功能的Web应用来说,这篇文章提供了切实可行的优化路径。

本机暂存
IT 2013-09-23 13:45:12 / 累计浏览 3,020

拟真设计与扁平化设计

这篇讲的是苹果iOS 7告别拟真设计、拥抱扁平化设计背后的思考与两种风格的核心差异。作者从拟真设计(Skeuomorphism)的定义与历史讲起,它通过模拟真实世界的材质与动作(如iBooks的书架和翻页效果)来营造亲切感,从而大幅降低用户对陌生界面的学习成本。但这种“以貌取人”的倾向也催生了用户只重外观而忽视功能体验的问题。 当拟真设计热度减退,以微软Metro UI为代表的扁平化设计开始兴起。它脱胎于瑞士版式设计,摒弃纹理和光影,用纯粹的形状和色彩追求视觉简约与信息的高度整合。然而,这种极简化也可能带来新的困惑,比如用户难以区分按钮与静态图片的交互状态。 文章最终指出,无论是拟真还是扁平化,都不是完美终点。设计思路的演进始终与屏幕技术、用户认知水平紧密绑定,关键在于根据具体场景选择最恰当的方案。

本机暂存
IT 2013-08-14 13:37:03 / 累计浏览 2,620

用户体验设计中的精益之道

作者从个人经历出发,分享了在项目密集、资源紧张的背景下,如何将“精益”思想应用于用户体验设计,以高效达成质量目标的真实故事。文章以一次“两天设计、周一上线”的充值中心极速改版项目为例,具体拆解了应对极限挑战的方法论。 核心方案围绕提升团队协作效率与设计流程的精益化展开。首先,通过交互、视觉与前端重构的协同工作,打破流水线模式,显著降低了沟通成本与等待时间。其次,采用模块化设计,优先输出基础控件,让开发能快速搭建框架,为迭代赢取时间。同时,在信息架构上大胆做减法,例如在SOSO视频改版中,摒弃了“大而全”的门户思路,聚焦于“挑”这一核心动作,用简洁的首页和始终跟随的导航大幅缩短用户路径。 此外,文章还详细介绍了“精益提案”与“精益跟进”的实践,包括如何通过引导、高保真Demo提升方案通过率,以及如何利用集中走查、渐进式灰度上线与A/B测试来推动设计落地。最终,这次快速改版不仅按时上线,还成功提升了支付率,团队也因此获得了标杆奖励。这些来自一线的实战经验,为如何在敏捷节奏中平衡设计质量与交付速度,提供了切实可行的参考。

本机暂存
IT 2013-08-08 23:33:41 / 累计浏览 1,860

禁用状态二三事

设计师常常面临一个两难选择:禁用状态是该固定展示以建立用户认知,还是该隐藏以保持界面清爽?这篇从菜单、工具栏等具体场景切入,深入探讨了禁用状态的展示哲学。文章对比了 Chrome 和 Firefox 处理前进按钮的不同策略——前者保持按钮位置固定以形成操作惯性,后者则根据可用性动态显示,以换取界面的轻量简洁,两者各有其适用场景。 对于更复杂的列表操作,如 Gmail 和 Dropbox 所示,在未选中对象时隐藏专属操作,能在保持工具栏清晰的同时避免禁用项堆积。在引导性更强的表单发布场景,文章对比了新浪微博(禁用按钮仍可点击并给出反馈)与 Facebook(禁用按钮静默不响应)的不同做法,指出按钮的视觉状态应与其实际行为严格一致。 最后,文章总结了四条实用的设计建议:在需要引导用户时,可以考虑去掉禁用;必须使用禁用时,需确保样式区分足够明确;当禁用状态出现得突然时,应提供清晰的解释;甚至可以像 Twitter 和 Flickr 那样,为禁用状态注入动画或趣味文案,使其传达更丰富的信息。

本机暂存
IT 2013-07-28 15:34:09 / 累计浏览 2,360

利用三轴加速器的计步测算方法

这篇讲的是如何让没有GPS的设备也能准确计步。目前大部分手机计步都依赖GPS,但在室内或无信号场景下就失灵了。作者提出直接利用设备内置的三轴加速器,通过分析x、y、z三轴的加速度数据来捕捉行走特征。 人的步行会在垂直和前进方向产生周期性加速度变化,轨迹近似正弦曲线。算法的核心在于对这条曲线进行峰值检测——当检测到加速度方向由正转负,即经过一个波峰时,就判定为一步。为了应对设备在手中或口袋里方向不定的问题,算法先计算三轴加速度的合矢量长度,确保无论设备怎么放都能得到稳定的曲线。 另一个关键是过滤干扰,比如手抖或故意摇晃设备产生的无效信号。文章给出了两个巧妙的过滤机制:一是设置最小步频阈值,人体最快步行频率约5Hz,间隔小于0.2秒的信号会被舍弃;二是设定加速度幅度阈值,过小的波动不计入有效步伐。 除了计步,这个基于加速度的方案还能扩展成测距、测速工具,甚至用于检测老人摔倒。它为移动健康监测提供了更灵活、不受环境限制的技术基础。

本机暂存
IT 2013-07-07 21:44:34 / 累计浏览 2,000

用户流失原因调研四步经

这篇讲的是如何系统性地开展用户流失原因调研。文章直击产品经理常遇到的痛点——知道用户在流失,却不知从何入手,也不清楚如何将发现转化为实际行动。 作者将其总结为一套清晰的“四步经”。首先是明确调研目的,是为了防止现有用户流失,还是挽回已流失用户,目的不同,调研的侧重点也截然不同。接着,文章重点分享了挖掘真实流失原因的三种实用技巧:使用“5个WHY”法层层深挖用户表面说辞背后的真正动机;通过侧面对比用户使用的其他产品,激发其潜意识想法;以及在问卷调研中多分析用户行为数据,因为行为往往比主观原因更真实。文章用游戏用户因不知免费功能而流失、用户误以为“打工”能赚钱等具体案例,生动地展示了这些方法如何奏效。 后续步骤则引导调研者评估现有用户是否会继续流失,并探寻流失用户的回流条件。最终,文章引入GAP模型,帮助分析产品在认知、执行、传递等环节的具体缺口,从而设计出有的放矢的改善措施,让调研结论真正落地。整套方法从发现问题到解决问题,形成了一个完整的闭环。

本机暂存
IT 2013-05-28 14:49:35 / 累计浏览 1,880

那些宽衣解带的事

这篇讲的是设计师基于和家中长辈的真实互动,观察到并呼吁大家关注产品设计中常被忽视的“老友记”群体的真实需求。 文章从一个看似“宽衣解带”的标题切入,实际探讨的是衣物、日用品等设计对老年人的不友好。作者分享了陪奶奶买衣服的经历:设计师为了方便老人而设计的“假纽扣”套头衫,却因老年人头发稀疏、穿脱会弄乱精心打理的发型而遭到嫌弃;在购买内衣时,常见的背扣款式对老年人极其不友好,而能买到的前扣式“老人内衣”又难以在主流渠道获取。此外,带放大镜的指甲剪因老人腹部阻碍视线而无法使用;许多老人宁愿用伞也不愿拄拐杖,只为避免“无用”的标签,但普通伞的强度又带来安全隐患。 这些细节揭示了现有设计的一个通病:我们常常基于“衰老=能力不足”的刻板印象去简化需求,而非真正深入理解“老友记”们维护尊严、保持独立自主的核心渴望。文章最终发出温和而有力的呼吁:希望从事产品与设计工作的“儿女孙媳”们,在为大众设计时,能更多地将这些具体而微的、关乎体面与自主的需求纳入考量,做出更体贴的工业化产品。

本机暂存
IT 2013-05-13 14:04:05 / 累计浏览 3,560

如何准确看清用户需求?

在互联网产品运营中,市场调研数据常让人困惑:用户声称的“重视品质服务”和实际选择时的“跟风知名品牌”似乎总对不上号。这篇讲的正是如何穿透这种“言行不一”的迷雾,精准定位影响用户决策的真实杠杆。 作者从产品运营人员面临的实际困境出发,指出直接询问往往得到“基础需求”而非“决策关键”。文章提出了一个清晰的“考虑因素-触动因素”分析框架,将影响决策的4P要素交叉分类,进而识别出四类关键要素:核心要素(用户真正看重且影响决策)、基础要素(必备但差异化小)、潜意识要素(用户未明说但实际影响大)等。 通过团购市场的实际案例,文章展示了如何解读“折扣”与“网站知名度”等因素在不同维度的权重差异,并分析了背后原因。这套方法的价值不止于一次调研,更能延伸至分析用户品牌转换、冲动购买等更广泛行为的驱动力。这份方法论将定性访谈与定量模型结合,为在复杂环境中理清用户决策逻辑提供了可操作的路径。

本机暂存
IT 2013-05-01 18:30:54 / 累计浏览 2,400

iOS设备上高效演示APP原型的方法总结

这篇讲的是如何在iPhone上高效演示APP原型的方法对比与选择。作者从产品和设计师的实际需求出发,对比了POP、快现、Axure等多种原型工具的上手难度、功能性和效率,并重点分析了将Axure原型导入iOS设备演示的两种主流路径。 关键差异在于“Web APP模式”和“APP打开模式”。前者能生成桌面图标,还原初始体验,但依赖在线环境,存在原型信息安全顾虑。后者需要购买Atomic Web等应用,但支持离线演示,速度更快且更安全,作者个人更推荐这一方式。 文章不仅给出了工具和模式的横向对比,还深入到了具体操作细节:比如如何在Axure中设置生成参数以适配移动设备,演示时需要注意的页面命名规则,以及不同模式下的设计尺寸计算等。这些实操要点对于想要立即上手的读者非常实用,能帮助避免常见坑点,提升演示的真实感和流畅度。

本机暂存
IT 2013-03-03 22:53:16 / 累计浏览 1,600

U&A在产品市场竞争状况调研中的应用

如何量化产品的市场地位和竞争态势?这篇讲的是利用“使用习惯和态度研究”(U&A)这一成熟调研方法论来进行分析。作者从品牌渗透率、最常使用率、品牌忠诚度等核心指标出发,拆解了一套完整的问卷结构与分析思路。 文章通过具体案例展示了如何应用这些指标:比如,通过计算各品牌在不同时间段的使用率与“品牌采用指数”,可以判断用户对品牌的认同程度;用“最常使用率”近似模拟市场占有率;而通过分析用户的“保持率”与“转移率”,则能清晰看到用户在不同品牌间的流动情况与忠诚度。 分析结论十分具体,例如发现案例中品牌a在各项指标上均处于领先地位,且用户忠诚度最高;而其他品牌则面临用户流失的问题,有的品牌甚至有超过一半的新用户是从品牌a转移而来。文章最后也指出,这套方法不仅限于竞争分析,还可拓展至购买习惯研究、品牌形象挖掘等多个维度,为产品定位和营销策略提供数据支撑。

本机暂存
IT 2013-01-08 13:33:37 / 累计浏览 1,400

不要让“合理性”成为阻碍设计前行的绊脚石

这篇讲的是设计领域里一种常见的思维定势——对“合理性”的过度依赖,以及它如何悄然扼杀了创新的可能。 作者以iPhone的“3.5英寸单手操作黄金尺寸”为例,指出这种看似不容置疑的“合理性”,在用户真实、多样的使用场景(如沉浸式浏览、效率操作)面前可能站不住脚。而当苹果为了竞争妥协地推出iPhone 5时,这种保守的改变反而招致吐槽。相反,当时被苹果视为“不合理”的三星Galaxy Note,凭借大胆的大屏设计,不仅获得了市场成功,更开辟了新的交互可能性,甚至引发了时尚品牌的配套设计风潮。 文章由此回溯了诸如Moto V70的旋转开屏、Clear的全手势操作、Path的独树一帜等经典案例,指出那些真正令人惊艳的产品,往往都带着一丝“倔强”与“不随大流”的气质。作者的核心观点是:设计师应当警惕“合理性”背后的条条框框,有时需要勇敢地打破常规,用想象力去勾勒更具突破性的产品体验。

本机暂存
IT 2012-12-07 23:31:30 / 累计浏览 4,240

移动端App测试实用指南

这篇指南从一个测试人员的独特视角出发,提出了一份详尽的移动端App测试“问题清单”。文章没有停留在理论,而是将测试过程解构为一系列可操作的思考:测试应该从哪里收集信息(即使是有限的资料)?如何创造性地扮演不同用户角色(从新手到黑客)来探索应用的边界?又如何深入数据层面,验证同步、存储和异常状态下的表现? 它更通过Facebook、RunKeeper等真实案例,展示了如何从用户评论、微小的拼写错误和看似荒诞的操作(如将体重单位设为公元1年)中,发现深层的逻辑与体验问题。作者强调,发现问题没有捷径,核心在于持续地、有策略地追问“如果...会怎样”。这份清单与其说是测试步骤,不如说是一份思维检查手册,它提醒团队:移动端的复杂性和用户行为的不可预测性,往往就藏在这些细节的拷问之中。

本机暂存
IT 2012-10-26 13:25:54 / 累计浏览 1,640

菲茨定律与互联网设计 Fitts’ s Law

这篇讲的是菲茨定律——一个预测用户将光标移动到目标所需时间的数学模型——如何深刻影响了从桌面操作系统到网页设计的交互实践。作者从1954年保罗·菲茨提出的原始模型出发,解释了“大幅移动+精细微调”的双阶段定位过程,并用伸手指远处开关和近处电视的生活化比喻,让距离和目标尺寸对操作效率的影响变得直观。 文章重点剖析了“无限可选中”这一妙用:将关键操作区(如Mac的菜单栏、Windows的开始按钮)置于屏幕边缘或角落,系统边界无形中替用户完成了“微调”步骤,极大缩短了点击路径。但作者也敏锐指出,随着多屏和大屏普及,Mac菜单栏因距离过远带来的移动成本可能抵消这一优势。 在网页设计层面,文章提供了可落地的优化方向:放大链接热区、为密集的操作按钮增加间距、突出主要行动按钮(如“OK”键),甚至借鉴37signals动态放大按钮的创意来减少微调需求。整篇内容将经典人机交互理论转化为可见、可感的设计细节,对提升界面易用性很有启发。

本机暂存
IT 2012-10-22 23:30:23 / 累计浏览 4,720

净推荐值(NPS)系列之一——基本原理与操作模型

这篇讲的是净推荐值(NPS)从一个实践概念演进为产品核心考核指标后,所引发的一系列深层思考。作者从2011年在深圳团队内部分享NPS讲起,随后观察到它在企业产品、电商等多个业务线被广泛采用。 围绕这个“推荐者、被动者、贬损者”的简单模型,文章直面了诸多实践中的关键问题:用户的这三个分类究竟对商业预测有多大价值?如何与用户生命周期价值等模型结合?它和传统的满意度、忠诚度调查在测量信度与效度上孰优孰劣?尤其值得玩味的是,文章抛出了NPS在互联网产品、企业级产品与个人消费品应用上的差异性疑问。 作者坦言,自己“挖了一个很大的坑”,因为许多问题的背后牵扯到与财务数据的关系、产品本身的复杂性。因此,这个系列选择从最基本的原理与操作模型娓娓道来,后续将逐步深入。这种从实践困惑出发,经由文献梳理,再回归应用验证的写法,让这篇基础篇也充满了真实的思考张力。文章坦承有些文献中的方法自己还未实践,决定做成系列慢慢填坑,这份务实或许正是技术人阅读时最感亲切的地方。

本机暂存