您现在的位置：首页
--> Tencent CDC Blog
由于电商网站类型的不同，购买按钮的设计就会不同。因而购物车在其中扮演的角色也不一样，还会影响到后续的购买流程、个人中心模块的结构。总之，不同商业模式的网站，为用户创造的购物体验也是不同的。 以下是笔者基于日常使用对B2C和C2C两类电商网站的一些细节进行的分析，由于没有实际数据的支撑，也许分析得还不是很完善，希望能与有此设计经验的同仁进行更多交流，以期完善此文。
• 企业用研二三事
企业用研的对象相对复杂，因此我们用户研究人员在调研方法和调研内容上需要“因地制宜”。我们不仅要从用户心理层面和认知层面出发，还要多一些商业角度和组织角度的思考。当然，调研时的一些基本技巧(如访谈和可用性测试)和个人用研还是一致的。对于企业用研，我们也还在项目研究中不断进行摸索，撰以此文进行小结，希望能和大家一起探讨交流。
• 你好，对话框
“怎么了？”除非你对某类对话框已司空见惯，否则遇到，第一反应往往是这样的？这种体验就像你明明急着去赶车，途中却不断被拦住塞传单一样。不能否认，它是一种打断，有时甚至会成为打扰。做为设计师，虽知“打断”暂不能杜绝，但不使之变为“打扰”，却是我们该努力做到的。
• 浅谈如何留住用户
应用中心，顾名思义就是应用的集合，是承载各种应用的平台。其主要特点是娱乐性强、沉浸感强。它像是一个商店，里面有供人们随意挑选产品的货架，更像是一个游乐场，里面有各种各样让人眼花缭乱、流连忘返的产品。因此，如何吸引用户到我们的产品来，如何让他们在我们的产品上停留更多的时间，这些都是设计师们的必研课题。笔者经过一段时间对应用中心类产品的研究和设计积累，总结了一些设计思考，在此与大家分享。
最近准备做一个设计文档的分享，但是一直没有时间整理好keynote，这里先分享一个设计文档模版，以及模版中每个元素的使用理由与方法。之后的设计文档分享中，会加入更多的设计文档案例来分析讨论。
在使用一些移动端的 App 或 PC 端的软件的时候，我们常常会有一些界面之间切换的操作，尤其是在移动端的设备上，因为屏幕尺寸和交互方式的特性，就更多的会出现这些切换的操作，而很突然地从一个界面切换到另一个界面会给用户带来困扰，所以在触发这些操作的同时，往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的，我们来看看一些常见的界面切换的过渡方式吧。
最近在研究“信息可视化”，因此首先需要定义研究范畴。 信息可视化的定义之前有同事研究过，本文只简单摘录wiki的定义： 信息可视化（英文：Information visualization）是一个跨学科领域，旨在研究大规模非数值型信息资源的视觉呈现，如软件系统之中众多的文件或者一行行的程序代码，以及利用图形图像方面的技术与方法，帮助人们理解和分析数据。与科学可视化相比，信息可视化则侧重于抽象数据集，如非结构化文本或者高维空间当中的点（这些点并不具有固有的二维或三维几何结构）。 特别区别一下“信息可视化”和“科学可视化”概念。在一些书籍中，这两类可视化设计都是未经过区分的。
随着 web 发展，前端应用变得越来越复杂，基于后端的 javascript(Node.js) 也开始崭露头角，此时 javascript 被寄予了更大的期望，与此同时 javascript MVC 思想也开始流行起来。javascript 模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，近一年来在开源社区中更是百花齐放，在 Twitter、淘宝网、新浪浪微博、腾讯QQ空间、腾讯微博等大型网站中均能看到它们的身影。 本文将用最简单的示例代码描述现有的 javascript 模板引擎的原理，包括新一代 javascript 模板引擎 artTemplate 的特性实现原理，欢迎共同探讨。
• 用户访谈心得总结
最近做了一些项目的用户访谈，总结出些许经验心得，这里先就一些访谈过程的关键点作为一个开头，后续再来补充其他技巧等方面，大家也可以共同补充，同时欢迎大家拍砖。 1．明确用研目的 研究目的是做用户研究首要需明确的问题。产品的需求是否可以通过用研来解决，如果可以解决，采用哪种方法，是定量还是定性，定性是座谈会还是用户访谈等等，这都要根据研究目的来决定。在明确目的这个过程中，与需求者的沟通是最为重要的环节，一定要确认自己的理解是否与需求者的目的一致。 2．对产品的熟悉和理解 如果所选择的用户是活跃甚至是深度用户，那么用户对产品的熟悉度和理解水平可能会远高于研究人员本身。所以，对产品的提前体验非常必要。比如之前做的一个项目，对iPhone朋友客户端进行用户深度访谈及可用性测试，那最基本的，就是要首先把iPhone朋友客户端所有功能界面仔细的体验一遍，不要遗漏任何细节，以免出现不知道用
颜色可以用来区分信息图形上的数据类别和维度，是数据可视化中最常用的视觉变量之一。然而，世界上有超过8%的男性和0.4%的女性都被色觉障碍的问题困扰——他们在识别部分或者全部颜色时有困难。我们通常笼统的称这类人群为“色盲(Color Blindness)”（也称为道尔顿症、色觉缺失、色觉辨认障碍、色弱等）。面对如此庞大的特殊受众，设计师理应关注他们的需求。信息图形设计本是以向用户传递精准数据为目标，也不能忽视了这部分群体。 一. 了解色盲 “色盲能看到颜色吗？”“他们只能看到黑、白吗？”——人们常误以为色盲视觉所见的景象只有灰阶分布，其实不是的。色盲并不意味着色觉的完全丧失，而是指部分色觉受损，因此无法正确感知和分辨某些区域的颜色。
排队等待是一种日常中常见的现象，例如新年领开工利是、去排队购买首发的苹果产品、每天中午去食堂排队购买午餐。排队等待在我们的生活中无处不在且看似是一个简单的现象。即使是种简单的存在，但也有其复杂的一面，当存在着很多条队列时，确定每条队列是做什么的就变得困难了；在加入队列后，人们会产生：大概要等多久？为什么队伍很久没有往前移动？等诸多疑问。无法解释的等待是令人烦躁的，不公平的等待则可能引发人们的怒火。 经历过领开工利是的同学应该对于当天排队等待的回忆不会很糟，甚至觉得还不错，是一个值得回忆的经历，明年应该还会去参加。但经历过去火车站购买车票的同学多半会不愿意再去第二次了。不管痛苦还是愉快也好，排队等待有时是不可避免的，那有没有办法可以降低其中的痛苦程度呢？有心理学家曾对如何提升排队等待过程的愉悦感做过研究并提出了一些解决方法。
提到工具型网站，我们首先会有个疑问：大千网络网站众生，究竟什么样的网站才算是工具型网站？它的特征是什么，与其他网站有什么不同？ 从网上搜索相关信息，了解到关于该名词的具体解释并没有明确的说法。 为了方便后续的研究，在此先结合之前同学们的研究成果，综合整理一下，提供工具型网站的定义版本，供参考： ——所谓工具型网站，顾名思义就是构筑在互联网上的工具，是指为帮助人们完成某一特定领域的目标需求而提供的、具有一定操作流程、以完成该目标任务为主要目的、基于网络应用的工具手段。 它的主要特征在于： – 以完成一项或多项任务为目的 – 注重操作流程引导 – 强调快速完成任务 – 非完成目标的唯一手段，只是协助用户更高效完成该目标 同时，很多工具型网站还特别配备一个独立门户，该门户以信息展现为主，用来专门介绍工具的价值、动态等，并提供登录或下载入口。
• PIC那些事儿
随着社交网络的日新月异的变化着，我们越来越多的年轻人都在使用手持无线设备上网，进行他们的交际圈子，这也是图片社交新兴的一个时代。图片分享的社交形式越来越普及，许多的年轻人喜欢用图片的形式去分享自己身边发生的人与事，去show自己的生活，idea和圈子。随着Iphone,Andirod等智能手机的普及，人们可以随时随地的分享图片来丰富自己的社交网络，这就是我今天要谈的关于PIC那些事儿。
开篇~ 小谈品牌识别与多终端产品的统一及差异性，抛砖，求玉~ 最近在多个平台试用了好些apps，从华丽丽的Mac到质朴的Windows，从灵动的iOS到多样的Android，各有各无法取代的特性。纠结且令人抓狂不已的思考是：设计一个产品的多终端时，应该如何统一？ 多终端统一性，从视觉说起 对于多终端的产品而言，好的UI设计，不仅需要给与用户最基本的视觉舒适感，更应让界面在不同的平台，承担品牌形象识别的作用。
不做大项目，很难理解多人合作有多么艰难。真正参与到项目中，才发现责任分配模糊、懒于沟通、越俎代庖干涉他人决策等都会让项目进展陷入僵局。虽然合作中常能感受到别人给自己带来的麻烦，但我们却很难发觉自己也在给别人带去痛苦。越是自信，越难发现自己的失误。 花了些时间，总结了下自己的经验教训，又访谈了不同职位的合作伙伴和好朋友，总结了一些各个职位与其他职位合作时最头疼的事。兴许可以帮大家看一下别人眼中的自己。
你有没有遇到过这样的情景，我们曾试图改变别人反馈的“乏味”、“过时”的评价，可更新后的方案仍等不到对方说“Yes”？你反问他究竟什么才“不土”，可对方说不清具体标准。你只好悻悻地拿回去再修改…一次又一次，直到你要抓狂了，却仍换不来客户的一个笑脸….. 如何让别人看到自己的设计会心一笑?本文仅抛砖引玉，就“有趣的设计“谈开来： “有趣”，好像就是“乏味”、“过时”、“土”、“无新意”、“不出彩”、“没亮点”等等的反义词了，做出一个有趣的设计，说不定会远离一切此类的负面评价。 是不是有种找到出路的感觉？但…..什么才是“有趣”呢？每个人的感觉都不同，你觉得有趣的他不定觉得是，这似乎完全就是一件不可掌控的事情嘛。你一定怀疑我后面的话很可能是在扯淡。但…请继续看下去，特别要看到最后，本文就是要找到一些特别的共性元素，令得所有人都会认为
设计中说的最多的就是“用户预期”这个词，但是到底什么样的设计是符合用户预期的？怎样做呢？ 每一个设计都有它的一些特征，这些特征导致了它有一定的暗示作用，从而让用户觉得这个东西应该是这样使用的，但是当我们的设计不是这样支持的时候，那么用户就会产生困惑和抱怨。
微软将在2月29全球移动大会上，面向消费者发布Windows 8，Windows Store当天也会面世，它将支持从41个市场提交应用程序，超过最初的27个市场， Metro风格的应用无疑将是Win8系统的一道靓丽的风景线。跃跃欲试了吗，那么，你准备好了在Win8平台上设计你的应用吗？CDC的设计师们对微软MSDN网站关于设计规范相关内容进行了一次较为全面的翻译，与大家一起迎接Windows 8来袭。 这一组文章是MSDN提供给开发者设计Metro风格应用的指南，在微软正式发布Win8界面设计与交互指南之前，是难得的官方设计参考，我们推断这也将是最终发布的Win8界面和交互指南的蓝本，在此翻译并分享给大家。希望对大家设计Metro风格的Win8应用有所助益。
引导设计，现在也是大家比较热衷讨论的话题，各类的web产品也都纷纷效仿起移动端的引导方式，那么我先问一下，究竟什么是引导设计呢？ 什么是引导设计？ 我们把它拆开为“引导”和“设计”，那什么是引导呢？我们可以回归到生活中去寻找答案，导游带领游客参观景点，帮助安排食宿，让游客们轻松愉快地完成他们的旅程；老师教学生更快更深入地学习知识，学以致用；路边的醒目的箭头路标指引我们更快地找到地铁，这些都是引导在生活中的例子。 所以可以概括，引导是带领既定的目标对象更快速更愉悦地达到目标的过程，引导设计则是这一过程的设计。在互联网产品的范畴中，新手引导设计是引导新手用户更快速更愉悦地学习使用产品这一过程的设计，它力图像导游、老师、路标一样带领新手用户快速地熟悉产品的整体功能，在用户操作遇到障碍之前给予及时的帮助。 但是，新手引导设计是不是就完全是为了引导新手用户学习使用产品的设计呢？这么说
什么是工具型网站 我们先从wikipedia上了解三组概念： 工具：是指能够方便人们完成工作的器具。 application：用来帮助用户完成某个单独的或是一组相关的工作的计算机软件。 web application：指通过使用Web和Web浏览器技术，跨越网络完成一个或多个任务的应用程序，通常需要使用Web浏览器。 由此可见，应用就是计算机领域的工具，工具型网站可定义为承载了一个或多个网页应用的网站。它专注于让用户完成一系列的任务，如注册、支付等。 首页的用户需求 首页的用户大体说来可分为三类：不了解的新用户、有兴趣的新用户、老用户。 对于新用户而言，他们势必会问到这些问题： 我在这能做些什么？ 这个网站能提供哪些对我很重要的东西？ 对于已经有兴趣的用户也会有些其他的疑问： 我应该怎么开始？ 我是否必须注册？如果是，应该怎样注册？ 总得来说，首页应该解答新用户的疑惑并且帮助他们找到功
近3天十大热文
-
[349] QR码分析 -
[100] 最常见的电话号码
-
[62] 面向移动设备的HTML5开发框架梳理
-
[58] 如何拿下简短的域名
-
[57] Go Reflect 性能
-
[54] Oracle MTS模式下 进程地址与会话信
-
[54] 图书馆的世界纪录
-
[53] 流程管理与用户研究
-
[53] Twitter/微博客的学习摘要
-
[52] IOS安全–浅谈关于IOS加固的几种方法
赞助商广告
