尝试解决：尝试更改[crlf]enable=1，结果页面都打不开了，直接报错。

解决方法：

1. 添加规则：*://*.ytimg.com/*

2. [crlf]enable=0 好像一切正常了，网站浏览正常，视频播放正常，但没有尝试过上传。

PC下载：com.android.chrome-1.apk Chrome for Android下载

手机下载：

Godaddy的文件上传现在真痛苦啊，文件大一点只能挂VPN走空间后台工具上传啊！

客官，边下载边赏析吧~

1. 装完打开界面，可以直接以手机上已经登录的账户登录，请使用Chrome同步账户登录以体验后续功能；

2. 相关同步设置界面

3. 对应的同步账户会多个“同步浏览器”的选项

3. 浏览及多Tab界面

4. 右下角：从PC同步已打开的Tab…我未遂，哪位成了吱个声，另外就是相关设置菜单了。

目前感觉不错，整体交互没有那么死板，很多效果~

Across the Great Wall we can reach every corner in the world.

图片来源：http://www.flickr.com/photos/zola/4127996758/ 

原文地址：http://maolihui.com/goagent-detailed-version-of-the-tutorial.html

自从用了goagent，上facebook，twitter，看youtube那真是小菜一碟。而且看youtube的流畅度和优酷一样,不信？你试试。

教程开始！！！（以下教程适合windows系统，iMac苹果系统的请点此学习）

第一乐章：申请Google App Engine账号（其实就是申请Gmail账号，两者通用）

网址是http://appengine.google.com

如果已有谷歌账号，那就直接登录吧。

第二乐章： 创建Google App Engine的ID

1：顺利登录后，点击Creat an Application

2：接着输入你的手机号码，国家选择Other(Not Listed)

需要注意的是，手机号码前面要+86 格式如：+8613888888888。然后等待收取手机短信，收到短信后（一串数字号码）填入表单，点send提交.
几秒后，谷歌会发来短信（免费的），里面有一串数字，填上即可。

3：点击send后，Google App Engine账号即被激活，然后就可以创建新的应用程序了。页面会自动转入“My Applications”页面，点击“Create an Application”新建应用，如下图：

下面填写新应用的必要信息，如下图：

在上图中第一处添加一个应用名称，如abcdefg验证一下是否可用，如果通过那么abcdefg就是你的Appid（一定要记住这个id！），而abcdefg.appspot.com就是你的应用服务器地址了。第二个空格就是给你的应用取个名字，可以随便填，最后点击提交按钮，如果能看到下图这个页面，就说明你成功创建了一个新的应用

至此，你已经完成了一个应用的申请，现在强烈建议不要关闭网页，转到http://appengine.google.com页面，一口气把剩下的9个应用也一起申请。因为最近很多朋友反映，关闭网页后再回到谷歌申请应用时，会要求再次验证手机，但是谷歌并不会发送验证短信。这也许是个bug。
问：为什么要创建这么多应用？

答：一个Gmail账户最多可以创建十个Google App Engine应用。每个应用每天有1GB免费流量，10个应用每天就有10GB的流量，这就是有备无患的意思。比如你经常看youtube的视频，1GB的流量大概只能支撑3小时，用完了，就可以换第2个应用继续看了。

[Cola]转载说明：如果你不是一直要看视频，那这一个应该就够用了，1天1G流量看网页看屎了……

第三乐章：创建2步验证

谷歌为了密码更安全，开始使用密码2步验证，简单的说就是登录时的手机验证或密保卡验证(阅读谷歌官方说明)。问：这步看上去蛮复杂的，可以免去吗？答：No。

[Cola]转载说明：如果你对自己的Gmail账户安全要求不是那么高，那这步也可以免，不影响穿越发堆，具体看您自己了……

1：登录https://accounts.google.com

2:点击“使用两步验证”，在新的页面点击“开始设置”，就会看下如下画面。输完手机号后点击“发送代码”，接着你会收到一条验证短信，里面有数字，填上去。最后点击“下一步”

3：点击“下一步”

4：点击“启用两步验证”

5：点击“创建密码”或回到https://accounts.google.com 点击“向应用程序和网站授权”进行密码的创建

6：名称可以随便填，接着点击“生成密码

7：暂时记下这密码，等会要用到。（如果不小心关闭了该页面，那就重复一次上面第6步。）

第四乐章： 下载goagent客户端

下载地址：http://code.google.com/p/goagent/

[Cola]转载说明：如无法访问以上链接请点此处下载goagent 1.7.9 稳定版

1.把下载下来的压缩包先解压！然后用记事本修改local\proxy.ini中[gae]处的appid=你的appid(每个人的appid申请的都不同，不要写图上的abcmaolihui，这只是个例子)(注意修改时不要删除空格)

2.打开server\upload.bat（Linux/Mac用户请猛击这里）。接着依次输入gmail账号和第3乐章第7步的密码(必须是Gmail邮箱,其他邮箱不可用.另外输入密码时将看不见任何符号，但你不用管他，输完密码后按回车就可以了)接着程序会自动上传至谷歌服务器（有时可能会失败，多试几次就可以了）（点击图片可放大）

3:如何检验上传是否成功？其实很简单，登录http://appengine.google.com，若对应的appid出现none deployed，则说明未上传成功。请重新上传。(重新上传的定义:把这个上传失败的文件夹删了,重新解压一个,在新的里面进行上传和配置.另外,若上传成功,但是翻墙时碰到文末常见问答1的错误,则还需要把上传的id也删了,重新申请个新id,再重新上传)

4.至此，所有设置都已完毕。以后每次要翻.墙前先打开local文件夹下的goagent.exe（Mac/Linux运行python proxy.py即可，需要Python版本2.6以上mac详细教程），通过路由器上网的朋友在代理设置中输入ip地址127.0.0.1和端口8087，下图以谷歌的chrome为例，教你如何设置代理（点击图片可放大）（没用路由器，直接拨号上网的朋友请继续往下看）

有些朋友没有用路由器，是直接拨号上网的，那么设置代理的方法如下：

5.有些朋友说goagent看不了youtube，其实我觉得应该与浏览器兼容性有关，还是建议大家用opera浏览器进行观看哦。（youtube正在正常播放哦，看进度条就知道了。）另外我的twitter地址是http://twitter.com/aexwx嘿嘿

总结：谷歌果然是老大，什么卫星，什么地图，什么翻墙，太造福我们了！本猫用它看youtube，流畅的没话说。

如果死活无法配置成功，请转战猫理会的Wallproxy教程，同样可实现翻.墙。或者让你们周围配置成功的朋友把已配置好的发给你们，因为这个软件是绿色的。

[Cola]转载说明：到这里你已经可以自由穿墙了，但是，默认所有访问都是穿墙的…如何自动翻墙？参见以下转载备注：

• 如果你使用的是Chrome，那建议安装SwitchySharp插件（请在Chrome里点击，如无法安装点此下载SwitchySharp1.7.2）
• 安装SwitchySharp后，请导入以下配置文件SwitchyOptions (By Cola).bak 内置了Google、非屎不可、推女也自动翻墙规则，导入方法如下图所示：

• 安装SwitchySharp并导入配置文件后，请运行goagent\local\addto-startup.vbs，这样你就不用每次开机都要运行一次goagent.exe鸟
• 当然，如果你有其它爱好，也可以自行添加规则自由出入
• Firefox请安装AutoProxy，Firefox需要导入证书，打开FireFox->选项->高级->加密->查看证书->证书机构->导入证书, 选择local\ca.crt, 勾选所有项，导入。

注：你们的留言我都会看到,但是有3种情况下我不会对大家的留言进行回复

1. 你的问题可以在文末的常见问答中找到答案
2. 你提的问题我也不知道怎么解决
3. 如果你电脑装了360的任何一款软件，就不要再留言了,不要浪费大家时间。360这种垃圾无道德底线的公司,无时不刻在窃取你们的个人隐私,大家尽早远离之.

常见问答总结：

1. 问：出现Error response Error code 502.Message: ['HTTP Error 500: Internal Server Error', 'HTTP Error 500: Internal Server Error', 'HTTP Error 500: Internal Server Error'].Error code explanation: 502 = Invalid responses from another server/proxy怎么办？
   1:请打开uploader.bat修改set uploaddir=python，即将golang改成python ，重新上传2：检查id是否上传成功。3：检查你电脑是否用了ipv6(如果是ipv6,http://www.kame.net该站的乌龟会动)，是的话，参见下面第5问。4：很不巧，你正好碰到谷歌服务器抽风的时候，过几天再来弄
2. 问：全部按教程配置完成，还是不能用
   检查第4乐章第1步修改appid时，空格是否误删了。如果是win7,看下面的第5问。
3. 问:提示Error code 502错误怎么办？
   404: Not Found 一般是proxy.ini里面appid没有填对，或者服务端没有部署成功。
   503: Service Unavailable 流量用完了，请更换appid
4. 问：启动uploader.bat一闪而过或输入账号密码后一闪而过(共2种方案)
   1：先打开local文件夹下的goagent.exe，不要关闭，同时再打开uploader.bat
   2：我的电脑-》右键-》属性-》高级-》环境变量-》系统变量-》找到Path->编辑-》在“变量值”的最前面加上“%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;”（不包括双引号）-》然后“确定”
   现在再试一下以上命令。
5. 问：goagent支持IPv6网络吗？
   将local文件夹下proxy.ini的appspot = cn和hosts = cn改成appspot=ipv6和hosts=ipv6即可。
6. 问：uploader上传失败？
   400: Bad Request 请新建一个新appid再上传。
   404: Not Found 对应的appid没有创建。
7. 问：能看到还剩多少流量吗？
   进入https://appengine.google.com，点击对应appid后，在页面下方找到Outgoing Bandwidth，对应的数字就是已消耗流量。每日下午4点重置，每日免费流量1GB
8. 问：配置完毕后，为什么goagent第一次运行需要管理员权限？
   因为goagent会尝试调用local\certmgr.exe向系统导入IE/Chrome的证书，这需要管理员权限。
9. 问：如何用多个appid以获得更多的流量？
   在proxy.ini中的[gae]项目下这样配置即可appid=id1|id2|id3(但是要保证id2,id3都已经上传成功过)
10. 问：Firefox怎么不能登陆twitter/facebook等网站?
    打开FireFox->选项->高级->加密->查看证书->导入证书, 选择local\ca.cer, 勾选所有项，导入
11. 问：关闭goagent后无法上网
    不仅要关闭goagent,还要取消之前的代理设置。另外如果你没用路由器，而是直接拨号上网的话，再次连接是要点选“为下面用户保存用户名和密码”的所有用户。
12. 问：上twitter碰到页面错位怎么办?
    1:直接用opera浏览器,弹出证书时,选择接受即可.2:若使用其他浏览器，新建一个页面输入https://si0.twimg.com/b/1/bundle/phoenix-core-zh-cn-201112211544.js后回车，最后刷新twitter就可以了。

HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。

事实上，HTML5并没有对HTML4做什么重大的修改，它们很多东西都是相似的。
可是，其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同之处(并不是全部，全部列出来是不可能的)：
1. HTML5标准还在制定中
这头一个不同之处显而易见，但非常重要，我需要先从它开始。也许你已经注意到了关于HTML5很酷的言论到处都是，但是事实情况是，HTML5是一个还未完成的标准。HTML4已经有10岁了，但它仍是当前正式的标准的事实没有改变。
另一方面，HTML5仍处在早期阶段，以后的修改会不断的出现。你必须考虑到这些，因为你在网站上使用的这些新增加或修改的网页元素会每年都出 现一些变化，你需要不停的更新升级你的网站，这可不是你希望的。这就是目前为止，你最好在产品里使用HTML4，只在实验里使用HTML5的原因。
2. 简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写<!doctype html>，这就行了。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。
3. 一个替代Flash的新 <canvas> 标记
对于Web用户来说，Flash既是一个惊喜，也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍 受着要花几年时间加载和运行的臃肿的Flash视频的人来说，用新的 <canvas> 标记生成视频的技术已经到来。
目前， <canvas> 标记并不能提供所有的Flash具有的功能，但假以时日，Flash必将从web上淘汰。我们拭目以待，因为很多人还并不认同这种观点。
4. 新的 <header> 和 <footer> 标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些<header> 和<footer> 等新标记的出现，它们是专门为标志网站的这些部分设计的。
在开发网站时，你不在需要用<div>标记来标注网页的这些部分。
5. 新的 <section> 和 <article> 标记
跟<header> 和 <footer>标记类似，HTML5中引入的新的<section> 和 <article> 标记可以让开发人员更好的标注页面上的这些区域。
据推测，除了让代码更有组织外，它也能改善SEO效果，能让搜索引擎更容易的分析你的页面。
6. 新的 <menu> 和 <figure> 标记
新的<menu>标记可以被用作普通的菜单，也可以用在工具条和右键菜单上，虽然这些东西在页面上并不常用。
类似的，新的 <figure> 标记是一种更专业的管理页面上文字和图像的方式。当然，你可以用样式表来控制文字和图像，但使用HTML5内置的这个标记更适合。
7. 新的 <audio> 和 <video> 标记
新的<audio> 和 <video> 标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称，它们是用来嵌入音频和视频文件的。
除此之外还有一些新的多媒体的标记和属性，例如<track>，它是用来提供跟踪视频的文字信息的。有了这些标记，HTML5使Web2.0特征变得越来越友好。问题在于，在HTML5还未被广泛的接受之前，Web2.0还是老的Web2.0。
8. 全新的表单设计
新的 <form> 和 <forminput> 标记对原有的表单元素进行的全新的修改，它们有很多的新属性(以及一些修改)。如果你经常的开发表单，你应该花时间更详细的研究一下。
9. 不再使用 <b> 和 <font> 标记
对我个人来说，这是一个让我不太理解的改动。我并不认为去除 <b> 和 <font>标记会带来多大的好处。我知道，官方的指导说这些标记可以通过CCS来做更好的处理，但这样一来，为了在文章一两个地方出现的这 种标记，你就需要在独立的css和文本两个地方来实现这一的功能，岂不笨拙。也许我们以后会习惯这种方法。
10. 不再使用 <frame>, <center>, <big> 标记
事实上，我已经记不清曾经何时用过这些标记了，所以，我并不为去除这些标记感到悲哀。相同的原因，有更好的标记能实现它们的功能——这很好，任何作废的标记从标准中剔除都是受欢迎的。
这10个HTML5和HTML4之间的不同只是整个新的规范中的一小部分。除了这些主要的变动外，我还可以略提一下一些次要的改动，比如修改了<ol> 标记的属性，让它能够倒排序，对<u>标记也做了修改。
所有这些次要的改动数量众多。而且新的修改也在不断的增加，因此，如果你想实时跟踪最新的动向，你需要经常的查看w3.org的HTML4 和 HTML5之间的不同这个页面。如果你很心急，想在你的工作中使用这些新的标记和属性，我劝告你最好只是做实验，原因已经说的很清楚了，这些新标记和新属性在将来也许会有很大的改变，所以，除非你不断的更新你的代码，它们很可能会过期失效。
尽管如今大多数流行的浏览器的最新版都支持HTML5，但有些新的(或修改的)标记和属性它们并不支持，所以你的网页在用户的屏幕上有可能前后显示的不一致。耐心等待，等待HTML5真正可以实用时候。目前还不是时候。

<!– wp_jumio_payment –>

都是一些UI界面与设计使用的元素，软件，网站等。内容很丰富，适合网页设计师，用户体验设计师，界面设计师，产品设计师，JS前段开发，手机产品设计，ipad产品设计等使用

Lumzy

Lumzy是一个网站应用和原型界面制作工具。使用Lumzy，您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。

Mockingbird

百舌鸟是一个在线工具，它使您轻松地创建UI界面模型，预览UI，并可以共享你的版面编排效果图。

The Pencil Project

为设计图表和用户界面图形原型开发的一个自由和开源工具。

Dojo

Dojo提供了强大的性能并节省您的时间。这是适合经验丰富前端开发者的JS开发工具包。

Mocklinkr

MockFlow

MockFlow是一个在线工具，用户界面设计和协作版面编排工具。

Serena Prototype Composer

Serena Prototype Composer是制作流程图，模拟程序流程和用户界面设计程序。

Cacoo

Cocoo是一个用户友好的在线绘图工具，允许你创建一个如网站地图，线框，UML和网络图图等。 Cacoo可以免费使用。

DENIM

一个早期非正式的网站和用户界面设计工具

Hot Gloo

网上应用线框

User Interface Design Framework

一个免费提供网页设计师使用的用户界面设计工具。

Pattern Tap

可以寻找一些设计资源与模式等。

User Interface Design Patterns

提供一些热门的用户UI界面设计模式参考图，分类很详细，如果设计网站或UI界面可以上去找一些资源，很不错。

Patternry

Patternry是用户界面设计模式库的目的是帮助解决常见的接口设计问题。

Mephobox

UI设计界面资源欣赏参考网站。

Android Asset Studio

可以在线生成图表，只需要输入参数即可

Mobility

移动用户界面设计使用，可以输入参数进行测试，很方便

Android UI Elements Set

可以自由设定Android操作系统的用户界面元素。

OSX Leopard GUI Set

该软件包含一些常用的Photoshop原文件和PNG文件，这些元素都是用来设计GUI界面的素材，通过该软件你可以快速制作出一些出色的界面

ALL In One Web Elements Kit

网页布局元素大集合,PSD文件。

iPad GUI Set

iPad平板电脑上设计布局用的元素集合。

关于Moonitin参见：Moonitin：不能上网也能发推、在线购物、在线聊天、银行转账、交水电费，而且免费，你信吗？【视频】

In China, the China Mobile’s Service Provider has a service named: Signature for CellPhone, 3RMB/m. If you had order this service, u could set a message, 96 characters. This message will display on the one’s screen, while the one call u. And this message was a SMS.
If u cooprater with the Operators, provider the Twitters an short noumber, thus the followers of who has order this service could know the latest tweets with any cellphones by GSM, no need the data fee or SMS fee.
Meanwhile, u need to sync the tweets of the users’ backgound.
So do Facebook users!
Any cellphone, any where, just a call, got the latest news u wanted, all these are free!

移动视界倾情奉献

Posted from Hangzhou, Zhejiang, China.

当前有许多用户在不同的特定环境中使用不同的移动设备——包括智能手机、数码相机、MP3播放器、电子书与GPS（全球定位系统）。当用户离开桌面电脑之后，这些用户界面在设备上该如何表现？如何对设备进行设计——包括由硬件驱动的控制、交互模型与功能键布局——这将决定设计与软件应用的可用性。我们如何理解用户在移动中的体验。接下来会回答这些问题，以及更多关于手持移动设备的移动用户体验、交互设计与可用性的问题。

设计中唯一重要的事情是设计本身如何与人相关联。——Victor Papanek

企业逐渐的在电子消费产品中引入更多的高级技术，手持设备每天占用了人们越来越多的时间。用户与手持设备的交互与以桌面电脑为平台的网站有着同样的交互麽？什么类型的挑战是用户日复一日的在使用范围如此之广的手持设备所面对的？什么是可用性的专业人员在学习不同平台可用性所考虑的？

单手还是双手？

第一个非常大的问题是，用户需要单手还是双手来操作设备？通常与桌面电脑的网站交互时，在操作一个标准键盘时使用双手，使用鼠标或其它点击设备需要单手。有些时候这个决定是在情景下驱使的。比如，用户在驾驶交通工具操作GPS设备时只有一只空余的手。有些决定是从文化角度驱使的。比如，在日本的智能手机用户习惯于单手操作，因为他们经常在奔驰的列车上用另一只手抓住栏杆。

无论我们打算用单手还是双手使用设备，都会很大程度上影响到我们如何设计它——因此，影响到用户如何理解它的可用性。可用性的专业人员需要在计划测试任务与创建测试情景时，将该因素加入考虑。

一个标准的键盘还是不同的按键集合？

当用户与桌面电脑的网站进行交互时，一个标准的QWERTY键盘提供了一个近似的始终如一的交互模型。然而，当与手持设备进行的交互，用户可能需要操作特定的设备或者通过硬控件，如按钮，或直接触摸屏操作控件。手持设备有许多不同的形状，有很多不同类型的控件。比如，Sony阅读器与Amazon Kindle有非常不同的按钮集合。Sony阅读器的特点是有10个数字按钮、一个五维按键集合。Kindle有一个QWERTY键盘、前一页与后一页按钮、一个五维按键集合与一个后退按钮。两个企业设计它们的设备为用户提供更好的阅读体验，它们的设计师在考虑如何使用户与数码阅读设备交互，当然基于不同的想法。五维按键集合可以使它们更容易的上下左右操作。一个QWERTY键盘使得输入更容易。

当与不同类型的手持设备交互时，有时缺乏标准化的体验会增加用户的挫败感。因为缺乏标准化，可用性的专业人员必须为移动设备的可用性做系统化的思考，而不只是专注在一个孤立的按钮。因此，问及如用户理解如何使用这个特定的按钮等类似的问题时，而有学习价值的方式是变为更有益的提问——一个特定的设备的全部按钮集合如何帮助用户完成任务，用户可以成功的找到操作设备的方式麽？他们在按钮集合中迷路了麽？

什么是设备的应用场景？

用户不会在真空中使用手持设备（宇航员除外^^）。他们在驾驶汽车并使用GPS；或者在列车上与朋友发送短信；或者他们在旅途中使用相机捕捉风景；或者他们在公共汽车上并使用Kindle阅读图书。所有的事情发生在围绕联系用户而创建的设备使用的应用场景——这是设备的用户体验的重要组成部分。用户使用手持设备的情景、环境在评估其设备的可用性时基于非常不同的考虑因素与事件。

例如当用户与数码相机进行的交互，他们经常尝试捕捉好的镜头——可能是一个飞逝的瞬间——有非常短的时间与需要操作相机的注意力。设计师如何优化相机的设计——确保用户可以轻松无误的按下正确的按钮——是相机可用性非常重要的一方面。当用户操作一个GPS时，驾驶通常是一个最高优先级的任务。用户只有有限的注意力可以提供给GPS，在驾驶场景中，用户界面的按钮要足够大以方便使用。这同样是为什么语音命令目前在导航系统用户界面中扮演了一部分的角色。

学习手持设备可用性的方法

上述考虑到的想法是非常清晰的，但在实验室中的可用性测试对于学习手持设备可用性并不理想。当有一个特定的实验室测试环境需要参与者参与，他们会从进入实验室开始即进入一个测试模型。他们开始会思考实验设备，将要在其中发生什么，在测试中什么样的事情他们可能会经历。我听过当进入一个可用性实验室的参与者有像这样的评论“这个是新的…”或者”我在此之前从没做过…”。一旦人们走出实验室，他们会回原来的自己——开始使用他们自己的手持设备，但与刚刚他们告诉我们他们经常操作的方式完全不同。

虽然参与者在可用性测试中有完全的自由，用户研究者已经创建了一个非常好的测试情景，在实验室的测试还是不能提供丰富的真实生活可以提供的环境。真实生活的文化与环境元素是不存在的。在实验室环境中，不可能重现所有的真实生活的小事件，这些小事件会影响到人们在真实环境中使用手持设备的方式。

理想的，如果一个用户研究者作为一个无形的影子会更好，跟随参与者周围而不是强加到他们的现实中。例如，当参与者在驾驶中努力尝试使用一个新的GPS系统，研究者可以坐在他的旁边，观察他的体验中所有的问题。有许多的方法可以使得用户研究者与可用性专业人员与参与者走的更近。

对家中或工作的拜访是经常优于在实验室的可用性测试。当研究者与参与者到非常熟悉的地方，参与者在演示典型的日常设备使用会更舒适。参与者与研究者的会话，发生在参与者的日常环境会经常帮助想到使用设备的特定的故事，这经证明是非常有价值的并提供了很好的洞察机会。

短期、纵向研究对于手持设备的可用性学习也非常有益。更长的观察周期是使得参与者能够在一个更松懈的自然的方式体验设备，允许出现更多随机的故障与问题。如果参与者有足够目的明确的保持接触，通过纵向研究在每一天的过程中发生了什么，日记也可以很有成效。然而，回顾日记可能并不是对于所有的参与者都可行。许多人发现在每天晚上保持久坐，并思考一天究竟发生了什么是一件困难的事情。在真实的设备中的日志可能是一个好的替代选择。它会提示参与者去做简单的记录而无须考虑是否需要。

总结

用户从手持设备中，面对着与桌面电脑的网站交互的非常不同的可用性挑战。作为可用性专业人员，我们需要考虑一个设备从单手或双手的使用。同样的我们观察用户与手持设备的交互，这将有益于思考设备的系统的可用性，而不只是局限于独立按钮的使用。

当情景在手持设备的使用中扮演一个非常重要的角色。家庭或工作拜访、短期、纵向研究、日记比起实验室的传统可用性测试更适合。

附原文：Usability for Handheld Devices Versus Computers

By Shanshan Ma

Published: November 1, 2010

Many people now use different mobile devices—including smartphones, digital cameras, MP3 players, eReaders, and GPSs (Global Positioning System)—in particular contexts. How are users interacting with these devices when they are away from their computers? How does the design of a device—including the controls its hardware provides, its interaction models, and its form factor—determine the design and usability of the software applications that run on it? How can we understand user experience on the move? My new column Mobility will answer these questions and more—questions about mobile user experience, user interface design, and usability for small, handheld, mobile devices.

“The only important thing about design is how it relates to people.”—Victor Papanek

As companies progressively introduce more advanced technology in their consumer electronics products, handheld devices are taking up more and more of people’s time in their everyday lives. Are users interacting with handheld devices in the same way they interact with Web sites on their computers? What kinds of challenges are users facing when using such a wide range of handheld devices on a day-to-day basis? What should usability professionals take into consideration when studying usability for these different platforms?

One Hand or Two Hands?

“With the vast diversity of handheld devices, users often need to decide whether to use a particular device with both hands or only one hand.”

The first big question to ask is, Do users need one hand or two hands to operate a device? Interacting with Web sites on a computer normally requires the use of two hands when typing on a standard keyboard and one hand when using a mouse or other pointing device. With the vast diversity of handheld devices, users often need to decide whether to use a particular device with both hands or only one hand. Sometimes this decision is contextually constrained. For example, people driving a vehicle have only one hand free when operating a GPS device. Sometimes this decision is culturally constrained. For example, smartphone users in Japan are accustomed to using their smartphones with one hand, because they’re often using their other hand to hold onto a handrail on a running train.

Whether we intend a device for one-hand or two-hand use can greatly impact how we design it—and, therefore, affect how people perceive its usability. Usability professionals should take this factor into consideration when planning test tasks and creating test scenarios.

A Standard Keyboard or Different Button Sets?

“When interacting with handheld devices, users may need to operate each particular device either by using hard controls such as buttons or by manipulating controls directly on a touchscreen.”

When users interact with Web sites on a computer, a standard QWERTY keyboard provides a consistent mode of interaction with which they are familiar. However, when interacting with handheld devices, users may need to operate each particular device either by using hard controls such as buttons or by manipulating controls directly on a touchscreen. Handheld devices come in many different shapes, with many different types of controls. For example, the Sony Reader and Amazon Kindle 2 have very different button sets. The Sony Reader features 10 number buttons, a five-way control, a home button, a back button, a read button, and a zoom button. The Kindle 2 has a QWERTY keyboard, previous and next page buttons, a five-way control, a menu button, a home button, and a back button. Although both companies designed their devices to provide a better reading experience for users, their designers certainly had different ideas of how users should interact with a digital reading device. Five-way controls make it easy to navigate up, down, left, and right. A QWERTY keypad makes it easier to type.

Lack of standardization adds to the frustration users sometimes experience when interacting with handheld devices of different types. Because of this lack of standardization, usability professionals must think of usability for handheld devices systematically rather than focusing only on individual buttons. Thus, while answering such questions as Do users understand how to use this particular button? could be informative, it might be even more beneficial to ask questions like Does a particular device’s entire button set facilitate the tasks users most frequently carry out with the device? and Can users successfully find their way around the device, or do they get lost in the set of buttons?

What’s a Device’s Context of Use?

“The context, or the environment, in which people use handheld devices varies considerably and matters greatly in evaluating the usability of those devices.”

People don’t use handheld devices within a vacuum. They’re driving a carand using a GPS. Or they’re riding a train and text messaging a friend. Or they’re on a trip and using a camera to capture the view. Or maybe they’re  riding a bus and reading a book on a Kindle. Everything happening around a user coalesces to create a device’s context of use—an important part of the user’s experience of the device. The context, or the environment, in which people use handheld devices varies considerably and matters greatly in evaluating the usability of those devices.

For example, when users interact with a digital camera, they are usually trying to catch a good shot—perhaps a fleeting moment—and have very little time and attention for operating the camera. How well designers can optimize the design of the camera—ensuring users can easily push the right buttons without making mistakes—is a very important aspect of camera usability. When users are operating a GPS, driving is usually the highest priority task. The limited amount of attention users can give to a GPS requires that the buttons in its user interface be big enough to use easily within the context of driving. This is also why voice commands now play an integral role in navigation system user interfaces.

Methods for Studying Handheld-Device Usability

“As soon as people step out of the lab, they again become their normal selves—and perhaps start to use their handheld devices in a completely different way from what they just told us they usually do.”

With these thoughts in mind, it’s clear that usability testing in a lab might not be optimal for studying handheld-device usability. When there is a designated lab testing environment participants must go to, they enter atesting mode from the moment they step into the lab. They start thinking about the testing facility, what’s going to happen in it, and what kinds of things they might experience during the test. I have heard participants make comments like “This is new…” or “I’ve never done this before…” when entering a usability lab. As soon as people step out of the lab, they again become their normal selves—and perhaps start to use their handheld devices in a completely different way from what they just told us they usually do.

Even if participants are completely at ease during usability testing and a user researcher has created a perfect test scenario, testing in a lab just cannot afford the type of richness a real-life setting can offer. The cultural and environmental elements of real life are absent. In a lab setting, it’s impossible to reproduce all of the ephemeral happenings of real life that affect the way people use handheld devices in their natural environments.

Ideally, it would be great if a user researcher could be an invisible shadow, following participants around without intruding on their reality. For instance, when a participant is struggling when trying to use a new GPS system while driving, the researcher could be sitting next to him and observe every problem he experiences. There are a couple of methods that let user researchers and usability professionals get closer to participants without intruding.

In-home or at-work visits are often superior to usability testing in a lab. When researchers go to places with which participants are very familiar, participants are more comfortable when demonstrating their typical daily usage of devices. Conversations between participants and researchers that occur in participants’ normal environments often help them to remember particular stories about using a device that prove to be very valuable and offer opportunities for great insights.

Short-term, longitudinal studies can also be very beneficial for studying handheld-device usability. Longer periods of observation let participants experience a device in a more relaxed and natural way, allowing more random accidents and issues to arise. Diary studies can also be effective if participants are sufficiently motivated to keep track of what happens during the course of each day throughout a longitudinal study. However, the retrospective nature of diary studies might not work for all participants. Some people find it difficult to sit down at the end of a day and think about what happened during the day. A diary on an actual device might be a good alternative. It could prompt participants to make short log entries whenever there is a need.

In Summary

“As we observe users interacting with handheld devices, it is more beneficial to think about a device’s usability systematically instead of focusing on the use of individual buttons.”

Users confront very different usability challenges on handheld devices from those they encounter when interacting with a Web site on a computer. As usability professionals, we need to consider whether a device is for one-hand or two-hand use. As we observe users interacting with handheld devices, it is more beneficial to think about a device’s usability systematically instead of focusing on the use of individual buttons.

Since context plays such an important role in the use of handheld devices, in-home or at-work studies; short-term, longitudinal studies; and diary studies are more suitable than conducting traditional usability testing in a lab

1. PC端已经安装ActiveSync；微软官方4.5简体中文版下载

2. 手机可与PC正常连接，即手机驱动已安装；

下载：MyMobile

使用方法

1. 在PC端安装MyMobile；

2. 使用ActiveSync连接手机；

3. MyMobile会提示在手机端完成安装；

4. 在手机端确认安装后，以后只要插上手机即可自动识别并运行MyMobile；

双击MyMobile图标即开始更多操作：

功能说明

1. 支持鼠标直接点击操作手机；

2. 支持屏幕截图和录制；

3. 支持屏幕旋转，方便在手机产品设计过程中直接查看横屏效果；

……