腾讯ISUX -- IT技术博客大学习 -- 共学习共进步！

动画原先只是在卡通和电影领域中使用，现在动效已经成为移动用户体验设计领域中一个重要的要素。动效不仅能够聚焦和解释一些交互关系，还能够给移动端体验带来一点性格和魔力。如果能够花一些时间学习动效，必然能够让移动端体验有更多色彩。

• Android设计中的.9.png

在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式，它的好处在于可以用简单的方式把一张图片中哪些区域可以拉伸，哪些区域不可以拉伸设定好，同时可以把显示内容区域的位置标示清楚。

• 用户研究，别做第三者

论相互了解，产品与设计师间往往水乳交融爱恨交织，每天给设计师买早餐的产品经理可不罕见。但对于用研人员，大家总觉得蒙着一道面纱，不知大堆看着头晕的数据背后的他们究竟在干什么。在合作前，双方往往需跨越一道很大的叫做「用研如何与产品设计合作」的鸿沟。这道鸿沟之下，往往产生了诸多问题。

• 用户体验设计 IxDA 香港交流会【2013年8月】

传统设计学和用户体验学相比，就像是西方医学，用户体验学就像中医医学。传统设计学例如工业设计、产品设计等，有比较成熟清晰的专业划分，跟西方医学有眼科，脑科等专科是同一个道理。用户体验学却像东方的中医医学，讲究的是全面性、跨越部门的协调平衡，所以涉及内容比较广泛。

• 网页设计创新式布局与交互

我们经常会看到一些设计精美、创意十足的网页，但自己又常常苦恼想不出富有创意的点子。文章通过一些基本理论和五个简单的实例来告诉我们怎样做出不同寻常的好设计。大家快动起手来，亲自试一试吧！

• 那么明显，为什么用户看不见？

作为用研，我们经常在可用性测试时听到用户说：“啊？我没注意啊！” 一个操作后，页面弹出一个对话框告知用户操作成功，反馈够明显了吧？用户说：“啊？怎么没反应？” 一个为了用户操作便捷而设计的常用操作入口，简约的视觉与背景区别开来。可用户还是一次次冗余操作，问及则说：“啊？我没注意到啊！原来这个可以直接写说说的？！” 一个新功能上线，网站主页导航上新增了一个模块，改版够大了吧？用户说：“啊？我没看出有什么变化啊。” 每次听到这样的话，设计师们就会抓狂：到底为什么啊？设计得这么明显，为什么用户看不见？？

• 有趣的下拉刷新

总的来说，下拉刷新这一部分的细节设计，可以是传达产品价值、推广品牌理念的一个机会，精心做一些特别一点的设计，就可以让大家记住你。所以，我们可以在以后的产品设计中，把握好产品大方向的同时，兼顾一些这种小细节设计，把我们的品牌元素和产品价值的东西能够成为产品的一些小亮点，让我们的应用能够在精致的路上，越走越好~

• 开发者调试工具Chrome Workspace

Workspace是个什么样的东西呢？他能够在开发者工具中调试修改js或者css同时自动保存文件，能够避免开发人员在工具中调试好，再到编辑器中修改一次代码的重复操作，能够提高一定的效率。

• 如何有效的向用户传递信息

在设计产品的过程中，产品经理和设计师的职责之一，是有效的向用户传递信息。在互联网产品中，操作引导、结果反馈、界面呈现的元素、大小、颜色等，都可以看作是信息的传递。高效准确的信息传递，是良好用户体验的基础。本文总结了几种简单的进行有效信息传递的原则。

• “剥”出来的用户角色

创建角色模型，是在剥皮（就像剥洋葱一样，虽然会流泪，但洋葱的味道还是不错的）吗？是的，我们需要剥出用户的灵魂，然后再为这些灵魂赋予血肉，穿上外衣（人口统计学特征）。这样的话，我们会感觉用户就在我们身边，生动形象，印象深刻。仅仅剥皮是不够的，我们还需要总结归类，了解用户的目标、观点和行为，发现用户间的差异和共同点。

• 移动终端开发必备知识

移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。

• 从移动电子商务看移动社交的发展

如今，越来越多的人们将出行、开会、排队等等大量的碎片时间花在移动互联网上，移动互联网越来越有可能超越传统互联网。而随着电子商务的发展，移动电子商务也如雨后春笋般影响着人们的生活。调查显示，全球智能手机用户有70%的用户在购物商店中使用智能手机，49%的手机用户使用手机来对比价格，48%的用户使用手机获取代金券和赠券，44%的用户使用手机查找商品评价。移动电商的迅速发展使得许多社交网络开始进行电子商务探索，如facebook、人人网等，由于移动互联网的发展趋势，以及社交网站聚集的大量用户使得电子商务向移动社交方向发展成为可能。

• 移动互联趋势观察

手机的便携性、方便性使得手机能够更深层次的融入到我们的生活中，au Smart Sports创新式的集合手机，提供了感知运动温度、测量运动情况、运动场景记录等功能，使我们手中的手机变成了体感手机，很好的利用了手机平台，打破了传统的手机使用模式。Apple公司也在将自己的产品融合到不同的使用领用，如服装、装备、增强现实等。手机移动支付已经变得越来越普及，移动比价系统也越来越完善，在未来支付系统将成为重要部分，想象一下一群朋友出去吃饭，一个人用手机发起AA制，其他人互碰一下手机就能完成AA制付款的生活。也许有一天我们出门不用带任何现金，只带个手机便可解决所有问题。

• 数据分享：2012年元旦，大家都在QQ空间说什么？

ISUX团队除了跟用户做访谈，也会关注后台统计的数据，从整体的角度了解用户的想法。就好像刚过去的2012年元旦，广大网民牵手好友在QQ空间共度跨年之夜，创下5.1亿新年寄语，那么他们到底...

• 我做前端一年半

如果从开始工作那天开始算是入行，到今天也有近一年半了。听到前端这个词，肯定有很多人脑海里浮现出男人，死板的，带着满脸执着的画面。其实不然，我是个活生生例子，嘿嘿。

• 朋友网无障碍优化实践

为了营造无障碍的信息空间，方便视障用户使用我们的服务，借助朋友网(pengyou.com)改版时机，我们实施了一些提高页面可访问性的实践。 Web内容无障碍指南（WCAG）2.0定义了如何使web内容更便...

• [译]BigPipe：高性能的“流水线技术”网页

值得一提的是BigPipe是从微处理器的流水线中得到启发。然而，他们的流水线过程之间存在一些差异。例如，虽然大多数阶段BigPipe只能操作一次Pagelet，但有时多个Pagelets的CSS和JavaScript下载却可以同时运作，这类似于超标量微处理器。BigPipe另一个重要区别是，我们实现了从并行编程引入的“障碍”概念，所有的Pagelets要完成一个特定阶段，如多个Pagelet显示区，它们都可以进行进一步JavaScript下载和执行。

• 案例―减少用户的思考

简化界面、固定的操作区，都是一个隐喻的暗示，让界面设计更直接，容易接受

• 网站logo图相关以及之外的性能优化故事

谈到H1，无可避免的就会和SEO发生关系，同时也会把网站Logo扯出来说事；其实今天的女主角不是H1，SEO也不是男主角，网站Logo也不是男女主角，他们的故事很精彩，他们的关系也不简单；其实这里只是想单说一下网站Logo，网站性能优化相关。唉，其实这些东西早就在坊间流传，我这也说不出什么新点子，只是陈词滥调，左顾右盼，罗列出一些常识性的东西。(其实这两个字为什么老是出现呢)

• 头像web版交互设计总结

QQ会员头像是一个会员比较喜欢的功能，为用户提供了大量优质精美的头像。但内容一直由官方提供，虽然保证了质量，但在数量上更新速度上难以满足用户的需求。在加上用户分享头像的新特性后，客户端小页面的局限性问题也凸显出来，不再适合大量item内容的展现。由此，头像专区迁入到VIP官网正式立项。