怎样打造高性能的移动用户体验 在新家一点点安顿了下来，不过心里还是缺乏踏实的方向感；猫猫们也都有些瞻前顾后草木皆兵的样子，有待继续习惯；希望大家都好好的。话说眼前的这篇候选文章貌似已然有同行做过译文，不过正像 “关于BeForWeb”中所说的，我只挑那些我喜欢的 、对我自己有学习和收藏价值的内容来做译文，其他方面的因素和我没有半毛钱的关系。不多说，直接进入正题。 在人际关系中，良好的第一印象是非常重要的，人们愿意在彼此身上寻求信任与诚实，并期望在接下来的经历中重现和增强这些好感。同样的道理也体现在移动应用或互联网产品中。 在用户的期望中，移动应用应该是准确、友好和高效的。 本文中，我们将对移动应用的设计与性能表现之间的关系进行讨论，并了解七个相关的设计准则。 移动应用的性能表现 人们需要通过移动应用在某种场景中完成一定的需求目标，例如提升效率、舒适度，或是单纯的找找乐子。 然而，在现实中我们时常发现，对于很多移动应用来说，设计和开发周期却始于对视觉外观的强烈诉求：“ 它看上去必须很棒！” 下图是Twitter与Cookmate两款应用的界面对比；抛开用户基础方面的因素，即使拥有炫目的视觉效果， Cookmate的用户打分和评价也无法超越界面简洁朴素的Twitter客户端。 性能表现与品牌差异 产品的每个方面都会影响品牌感知。 关于这一点，Flickr的iPhone应用是个不错的例子。 所以，在规划你的应用产品时，有必要首先对市场进行分析，并问自己两个问题： 我们的应用与竞争对手相比有哪些不同？ 明确了这些方向性的问题之后，再将注意力放在产品的设计与开发上。 相关书籍推荐 性能表现与设计 无论打造怎样的产品，正确的方式方法都是至关重要的，这也是人们制定设计与工程准则的初衷。 我们可以发现，很多产品团队会将性能表现方面的责任丢给技术开发人员；这种传统观念所造成的最直接的结果，就是很多涉及到性能方面的潜在问题只有在设计流程的尾声、开发环节的初期才会暴露出来。 接下来要提到的一些与用户界面性能表现相关的要素，以及本文后半部分将要介绍到的七个设计准则，会帮助大家一点点认识到，移动应用的性能表现绝不仅是技术人员需要考虑的问题，它与设计之间关联也是相当密切的。 移动应用用户界面中的性能要素 用户对移动应用的性能表现的感知来自多方面，包括启动速度、界面加载时间、动画效果的流畅程度、对交互行为的响应时间、出错状况等。 七个设计准则 2.判定产品优先级
WebScarab Getting Started WebScarab has a large amount of functionality, and as such can be quite intimidating to the new user. But, for the simplest case, intercepting and modifying requests and responses between a browser and HTTP/S server, there is not a lot that needs to be learned. Initially, I will assume that you have full unrestricted access to the Internet (that is, you are not behind a proxy). This is what WebScarab looks like at startup. Firstly, the toolbar provides access to the various plugins, as well as the Summary window (main view), and messages (log) window. The Summary window is split into two parts. In order to start using WebScarab as a proxy, you need to configure your browser to use WebScarab as a proxy. WebScarab defaults to using port 8008 on localhost for its proxy. You should see something similar to the next image. Here you can see the tree of URL's, which represents the site layout, as well as the individual conversations that have passed through WebScarab.
Affordance（可供性）和设计 · [ i D 公 社 ] iOS 键盘 为什么 iOS 的键盘如此出色，其他系统的虚拟键盘虽然在尺寸上基本超过 iOS 键盘，而它们的视觉体验还是操作体验相比之下显得像一团渣，为什么？ 在比较分析之前，先说明一下，分析虽然是一个逆向过程，但在这里我认为诠释性的分析比揣测设计者的意图更有价值，当问“为什么这样设计”的时候，应该将眼界超越设计者本人的意图，即使有一些给出的理解完全脱离设计者的意图甚至与其相背。 iOS 键盘是（新一代）虚拟屏幕键盘的开山始祖，它有很多创新的设计和技术应用，在第一代 iPhone 上市的时候，Apple 做过详细全面的视频介绍，其中有一段就是 iOS 键盘介绍，土豆视频见这（Youtube 地址见这）。 在 Apple 的获得专利中，与 iOS 键盘相关的有很多项，重要的就有根据下一个字母来动态改变触摸区域这一项，专利号 7,900,156 名称为“Activating virtual keys of a touch-screen virtual keyboard”，相应在中国的专利申请号为 200680033988 名称为“致动触摸 — 屏幕虚拟键盘的虚拟键”，专利内容就是上述实现的一个一般化，将触摸区域的改变一般化为按键如何根据触摸位置来触发，触摸位置与触发按键通过距离来确定（比如与哪个按键的距离小就触发哪一个按键），同时引入一个权重，那么上述实现中，出现下一个“e”比“w”和“r”有更大的权重，也就是“e”的触摸范围更大，这项专利例举的另一个实现，就是“删除”按键的权重设置成小的，它更不容易被触发。 我们先从尺寸来看 iOS 键盘的设计，上图是 iPhone 4 之后的视网膜屏幕的界面，所标注数字的单位为 px，其实就是 320*480 屏幕的两倍，前后键盘设计并没有变化，如果换算成 mm 为单位的实际尺寸，那么就类似 32 px/326*25.4=2.49 mm。 将 Android 的键盘和 iOS 键盘以实体的尺寸为准进行比较，为什么不选用其他中文输入法的键盘，因为这些键盘多数是模仿 iOS 键盘的，而且有几个在尺寸上没有考究，比如上下两排按键或间隙都不是统一的，有 1 px 的差距，这样它们就没有什么参考价值。 什么是“丰富人的体验”？ iOS 键盘无论是从操作前的视觉体验，还是操作过程之中以及之后，它都让人感觉其隐含的优秀性能，虽然实际上人的操作只是在敲击玻璃。
Test Driven Development in XCode — Jayway Team Blog by Christian Hedin - Testing Test Driven Development, or TDD for short, is a simple software development practice where unit tests, small focused test cases, drive the development forward. This is most easily explained by the Three Rules of TDD that dictate the following: You are not allowed to write any production code unless it is to make a failing unit test pass.You are not allowed to write any more of a unit test than is sufficient to fail; and compilation failures are failures.You are not allowed to write any more production code than is sufficient to pass the one failing unit test. That means that test cases are written before any production code. Not all tests are written up front, it’s rather that a small test is written, then a small piece of production code is written that only allows that test to pass. Many people consider TDD to encourage clean code, simple architectures and a stable system that’s actually testable. Creating the Calculator project Writing test cases Wrapping up
尼尔森iPad用户研究学习笔记及一些小观点（一） - 肖肖の交互设计 尼尔森团队关于iPad的调研报告，点击查看： 版本一 版本二 尼尔森团队5月份发布的2 nd 的iPad用研报告，相比于1st的iPad用研报告，新报告勾勒了iPad用户的3个W特征——who, where，what，觉得这份报告对自己以后的工作蛮有帮助的，就精读并写写读书笔记好了。 通过深度访谈，用户测试的尼尔森团队，得出的尼尔森分析报告主要从3个角度去描述iPad用户行为特征。 报告提到，人们大多数使用iPad来进行媒体消费，最经常使用的是游戏，其次为看电影，查邮件，浏览社交网站，阅读新闻，有部分人觉得iPad取代了自己的笔记本电脑。 在浏览网站、新闻等阅读行为发生时，人们选择iPad而非iPhone或者笔记本电脑的原因是因为期望能够从iPad的大屏幕更轻松的获得大容量信息，而免去笔记本电脑开关机的繁琐手续。所以绝对不能把 ，筛减掉了大部分信息，帮助用户在移动状态下，快速的切入到关键的核心信息中；又不能像设计网站那样设计iPad应用，应为网站的字体按钮普遍偏小，在iPad上浏览网站虽然阅读不存在问题，但是当切换也操作时就会遇到按钮太小，不容易点击的问题。 在尼尔森团队后续的用研测试中，当人们使用 时，人们更倾向于通过网页浏览（以sears APP为例），而非APP模式，因为APP模式并不能给用户提供充分的信息。 ==============================案例============================== 案例1：同时，一个积极的案例是某个私人厨师，她在厨房的时候喜欢用iPad上的菜谱软件，因为这样可以免去阅读网站信息是还需要pinch等的操作手势，而且在厨房独立的APP应用按钮较大，也不怕弄脏iPad。 案例2：关于电子商务APP的研究还发现，人们并没有利用iPad来进行实际的购买行为，因为都考虑到了 ，以及与 等问题。 报告有提到，相对于iPhone的私有性，iPad更倾向于是一个被“share”的设备，通常一个家庭里面仅有一台iPad，但却被全家老少使用，iPad的“share”特性使其遇到了两个主要问题 其一，各种与私人帐号有关的安全性问题，比如登入email，IM，SNS的社交网站时记录下登陆信息，下次被传给其他人用时，自己的私人信息会被暴露。 其二，下载安装时，itunes帐号相关的问题。 {*style:<b> </b>*} （3）Padding
Sahi Usability of iPad Apps and Websites: Research Findings Learn how iPad users interact with apps and websites on their devices, and whether usability improves with time as people practice and learn new interfaces. The design guidelines are based on 2 rounds of usability studies, conducted one year apart. We observed participants working on their own iPads to accomplish a broad variety of tasks. Articles on research findings: iPad Usability: First Findings From User Testing iPad Usability: Year One What’s different between the 1st and 2nd Edition? 1st Edition: The study was conducted in 2010, immediately after the first iPad tablet became available to the public. 2nd Edition: We conducted a follow-up study in 2011 to study improvements in interface designs and changes in behavior as a result of exposure and practice. We strongly recommend that you read the 2nd edition first, because it has the newest information and is based on testing more mature iPad apps. Updated Tablet UX Research in New Report Research Reports Training Courses Articles
Welcome to JUnit.org! | JUnit.org 触屏手机点击区域的小秘密 | 落花流水——elya妞╰_╯ By elya妞 on 2012年03月6日 做触屏手机产品设计，要注意所有的可点击元素都有足够的点击区域，但是这并不是说你要把所有的按钮图标链接都设计的足够大，手机上的视觉焦点和操作焦点是不一样的，操作焦点是可被放大或移动的点击区域。 这里分享几个点击区域的小秘密，帮你解决操作准确率的问题。 一、扩大操作焦点 iPhone自带的控件NavigationBar上的Button、TabBar上的Item、ToolBar上的ButtonItem，实际的点触区域都是被放大了的。 虽然iPhone导航栏上的操作按钮仅有29px高，但是它的实际点触区域比整个导航栏的高度还要高出5px左右，大概能达到44px+5px，这样用户就不用小心翼翼的去点击返回按钮了，按钮点起来比看起来要大的多。 如果导航栏下边区域还有按钮，或者输入区域，点击下边的按钮经常会触发导航栏上的按钮，这点很多开发人员都可能遭遇过，我看到Cocochina上就有不少类似问题，比如wyx遇到的问题，比如dave遇到的问题。 类似的，新浪微博的撰写微博界面也是个列子，当用户想编辑第一行的文字的时候，点击文字经常会误触顶部操作栏的取消或发送。 底部标签栏的可点击区域也比视觉焦点要多出5个像素左右，标签切换是比较常见的操作，这样一个小改动帮用户提升了标签切换的准确率。 但是正因为iPhone标准的TabBar的点击区域是有扩张的，所以如果你在TabBar上方放置可操作区域，都比较难以点击，Foursquare和USA today等应用最后都是采用自定义TabBar的方式规避问题的。 关于和设置往往被做成半透明图标，浮动在界面上，如果操作焦点=视觉焦点，那么用户就只能杯具的削尖指头去点了，还好这两个按钮的实际操作焦点要比视觉焦点大的多，保证了足够准确的点击。 Android4.0规定的有效可触摸的UI元素标准是48dp，一般来说，48dp转化为一个物理尺寸，约为9毫米。 二、下移操作焦点 由于用户在进行各种操作的时候，需要确保自己准确的点击到了相应的元素，所以一般情况下，右手持机的用户，落点会偏右偏下，见下图： 我们的UER把手机屏幕分成6*12个可点击的焦点，从用户的点击落点监测可以看到，右手持机的用户有很大一部分点击落点和视觉焦点是有很大偏差的，偏差具有一定的规律性。 ##此部分内容希望有过类似研究的同学可以共同探讨## 三、留白以规避误点击
Michael Bolton's Blog | testingReflections.com Observations on software testing and quality from DevelopSense The Magical Number Seven Home | Site Map | Watch | FAQ | History | Store | Contact originally published in The Psychological Review, 1956, vol. 63, pp. 81-97 (reproduced here, with the author's permission, by Stephen Malinowski) Belorussian translation French translation German translation Table of Contents My problem is that I have been persecuted by an integer. I shall begin my case history by telling you about some experiments that tested how accurately people can assign numbers to the magnitudes of various aspects of a stimulus. Information measurement The "amount of information" is exactly the same concept that we have talked about for years under the name of "variance." The advantages of this new way of talking about variance are simple enough. The similarity of variance and amount of information might be explained this way: When we have a large variance, we are very ignorant about what is going to happen. There are two simple rules to follow. Absolute judgments of unidimensional stimuli Figure 1. Figure 2. 1.