说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

移动设计需摒弃的几大PC应用设计方法

HTML文档下载 WORD文档下载 PDF文档下载
移动设备与PC各自具有不同特征,设计移动应用时,照搬PC上应用设计方法,往往会带来糟糕的移动用户体验。如何结合移动设备本身特征,进行移动设计?有哪些PC应用设计思路应该避免?本文将给出答案。

伴随着移动大潮的到来,移动优先设计理念已深入人心。鉴于移动设备的特殊性,PC应用的设计思路往往不适于移动设计,但很多设计者不思变通,照搬PC应用的设计方法,造成所设计产品存在很多缺陷。Luke Wroblewski在《An Insider’s View of Mobile-First Design: Don’t Make These Mistakes》一文中指出了移动优先设计需要避免的几大错误,并分别结合实例给出了解决方案。

无论是用户、企业家,还是广告商,都喜欢涉足“移动”这个领域,因为移动产品时刻陪伴着我们,并可随时访问。但这一机会同时也面临着设计所带来的诸多限制:移动产品屏幕小,且通过触控来控制,所连接的网络参差不齐。鉴于此,Facebook、Google、PayPal及无数迅速投身于移动优先设计的创业公司也都意识到针对移动产品进行设计并不同于桌面PC。

针对桌面PC的设计思路往往不适于移动设计,但这些思想因根深蒂固而被随意使用。这正是本文分享移动设计中常见错误的主要原因。设计者、产品经理及企业家不仅要了解如何针对移动进行设计,同时也要以不同的思路来考虑移动设计。

在移动上,有时必须假装“请求事件已完成”

移动网络较互联网慢很多,这毫无疑问。没有什么比超长的登录时间更让用户灰心的了。Instagram的联合创始人Mike Krieger曾表示:“谁希望在等待的过程中继续等待呢?”

然而用户在移动应用上提交请求后时,往往需要继续等待。典型的PC处理过程是这样的:

● 用户在应用中提交某一请求;

● 应用向服务器发送信息,告诉服务器发生了什么;

● 服务器作出回应,并处理请求;

● 应用进行更新,以告知用户,他们的动作已成功完成。

……这是一个漫长的等待过程。

将之与Instagram移动应用的处理过程相对比:当用户喜欢或评论Instagram中的图片时,其结果会立刻显示出来。事实上,他们的请求仍在后台的处理过程中——但Instagram假设它已经成功,而避免了继续等待它返回实际的执行结果。 


设计者虽然无法加快网络速度,但可以给用户一种感觉,让他们感觉响应速度很快。

Instagram技术帮助我们解决了移动应用“Polar”中的早期错误。Polar允许用户收集、分享、投票某一调查。当用户在Polar上创建一个调查,上传其中的任何图片平均需要12秒。

在首个版本中,Polar会等到所在图片上传到服务器后,才会将整个调查展示出来。而在现在的版本中,我们选择了相反的做法:我们假设用户的所有调查都可成功创建于服务器上。只要他们创建了新的调查,就会马上显示在他们的Feed中。

实际上,我们在本地创建了临时的调查副本,并将它添加到前台列表中。该调查的临时版本完全可以正常使用:用户可对它进行投票与评论,我们确保一旦该调查在后台创建成功,这些动作可应用于此调查上。(为了确保该调查能成功创建,我们使用了很多后台处理程序,以保证它可存放于本地。在最后告诉用户发生错误之前,会多次向服务器发送请求。)

似乎增加了很多额外工作?确实。可以让应用看起来更及时,这还是很值得做的。这种情况下,快速的感觉可以掩盖掉现实中速度较慢的移动网络所带来的缺陷。

在移动应用中,显示加载过程往往更遭

很显然,速度代表着移动用户体验。因为移动网络作出响应往往需要一段时间,当加载、处理某事件时,移动应用往往会显示一个进度条或旋转指针(Spinner)。该做法似乎昭示着我们应该告诉用户,该事件需要花费一点时间。

这些指示器背后的动机很好,但对于用户来说,结果却很糟糕。为什么呢?因为这些过程指示器好像突出了用户需要等待这一现实。这正如盯着表、电梯按钮面板看,反而感觉时间过得更慢了。

具有讽刺意味的是,大部分指示器使用户专注于指示器本身——而非实际过程。情况应该反过来,让用户可清晰地感觉他们正向目标前进,而非只是在那里等待。

为此,当我们在Polar上使用“Web View”加载部分本地应用界面时,我们付出了很大的代价。(Web View犹如一个小小的内嵌Web浏览器,可以从服务器端获得页面,只有当所有页面加载完之后,才会显示在应用中。)为了让用户知道这些元素正被下载,我们增加了旋转指针以表示Web View正在服务器中检索(在一个应用中,我们使用了多个Web View)。但我们却得到了这样的反馈:“刷新、加载页面好像需要大量的等待时间;它似乎没有之前版本快速了。”

这么做,使用户更专注于该指示器,而非过程。

Google的Search应用注意到了这个问题,它将用户请求的页面从一侧滑动显示。该设计将加载指示器作为请求页面加载过程的一部分,从而让用户更加关注过程,给用户一种内容即将呈现的感觉。


让用户专注于过程的另一个方法是使用“轮廓屏”——先展示页面的空白版本,再逐渐地加载其中的内容。信息逐渐显示在页面中,会给用户一种所请求内容即刻可完成的感觉。


我们已经在应用的多个地方使用了该技术,删掉了旋转指针。这使得用户的注意力转移到内容加载的过程,而不是内容加载这个事实。

不要转移用户的注意力

在桌面中,会增加更多的链接、菜单和按钮,以方便用户与应用交互。但在移动应用中,我们需要重新考虑该方法。可显示大量用户界面控件、用户通过鼠标来操作的大屏时代已经过去。现在的移动设备屏幕很小,只有巴掌大小,却需要使用相对较大的手指进行输入。

我们不能仅仅考虑如何在小屏幕中增加更多的控制,现在,我们还必须考虑把这些动作放在哪里——用户在应用中花费最多流量的地方。

移动设计者应该将主要精力花费在用户的主要目标上,而不要让用户的注意力从主要任务上转移。

用户给调查投票是我们应用的核心功能,用户在投票页面停留的时间最长(平均每人每天会为40个调查投票。)我们知道,如果列表中的调查来自用户认识的人,该应用的体验将会更好。所以我们在应用的头部放置了明显的按钮,让用户可方便地找到Polar上的好友。

但结果却是很少有人使用该功能。后来发现,我们将用户的注意力转移到了其他地方,如寻找、邀请好友。

现在,当用户沉浸于投票过程时,在第20个调查处,我们会询问“你是否想在Polar中寻找你的好友?”该改变(删掉了头部的寻找好友按钮)使寻找好友的功能获得了很大关注。


从那时起,我们又利用该法设计了很多其他功能,包括设置喜好、请求评价应用等。将主要功能(为调查投票为Polar的主要功能)作为应用的主要部分,而不是很多功能中的一组,将会产生很大的不同。

总结

进行移动体验设计时,应避免使用在PC上进行应用设计时惯用的方法:

● 等待服务器回应,而不是假设请求已完成,将会成功;

● 当事件回应需要一段时间,专注于指示器,而非过程;

● 增加更多的界面控件,代替突出应用的主要功能。

为了避免这些及其他移动错误,我们需要用挑剔的眼光审视现有的最好实践,不要将PC世界完全照搬入移动领域,只采用适合移动的方法。

不只是避免错误,移动优先更要探索、分享、拥抱新的设计方法。(编译:陈秋歌 审校:夏梦竹)

原文链接: An Insider’s View of Mobile-First Design: Don’t Make These Mistakes

Delphi下的ADO Delphi在网络数据库中的应用 Delphi中多库关联查询 Delphi中建表 Delphi中数据文件路径的管理 ODBC中的同步与异步执行模式-Delphi资料 SQL编程常见问题-Delphi资料 第11章 中级SQL-Delphi资料 第10章 SQL基础-Delphi资料 SQL语句中的删除和改变-Delphi资料 TDataLink类别的说明-Delphi资料 TDBGrid控件中对多个记录的处理-Delphi资料 安装BDE需要的东东-Delphi资料 保存DBGrid中栏的字段名及尺寸-Delphi资料 动态生成定义数据库-Delphi资料 动态组成SQL速句-Delphi资料 多层C/S的客户端调用服务器端的方法-Delphi资料 关于dephi数据库的动态建立-Delphi资料 基 于WEB 的 数 据 库 查 询-Delphi资料 计算数据库某字段的值-Delphi资料 计算字段值-Delphi资料 建立应用软件注册安全机制-Delphi资料 建立自己的数据字典库-Delphi资料 将BLOB字段的BMP图显示出来-Delphi资料 将图像放入数据库中-Delphi资料 解 决sybase 用 户 数 据 库 不 能 进 入 故 障 的 一 种 方 法-Delphi资 解决sybase用户数据库不能进入故障的一种方法-Delphi资料 解决一个DBF表时的&quot;Index not found..&quot;错误-Delphi资料 精简Delphi数据库应用系统 精简Delphi数据库应用系统-定制BDE驱动程序 精简数据库应用系统-Delphi资料 ASP的问题,在线等待... 高分寻求一个公司名称(系统只能放一百分,以后一定加分) 在PB中如何使Excel的单元格合并、居中??? 请问这句语句是什么意思? ╬╬╬ 有没有人比较过ASP和ISAPI在COM+环境,并发情况下的效率?? ╬╬╬ 菜鸟问题 :oracle可不可以修改表中的字段名称 急急急!!!请教大家最后一个问题? 如何实现禁止文件被拷贝、删除? 怎样在vc中使用嵌入式SQL 为什么已指向一个窗体的指针还是空指针!!!!!!!!!急 怎么样安装Exchange Server 2000的SP 学习JAVA,可以?????????? 解释脚本,(百分向送!)急急急!!!!!!!!!!!!! 请教,如何将英文IE改为中文的 masm的版本是6.11是不是就是masm32v6之类的东西呀?还有一个masm32v7,想学汇编是不是有了一个就可以了呀? 高分救命啊[急]200分在线等待 请你帮帮忙 如何设定属性页的大小? EXCHANGE 2000 SERVER的怪问题?! 等值线算法及源程序 如何使用VB访问MySQL数据库? 哪位大哥帮帮忙(跟贴有分),小问题,vb里怎样调用vc的动态库,还有为什么vc生成的Dll文件不好用regsvr32注册 急需解决的问题!一个向数据库写入时间数据的问题!多谢高手指教!100分! @@@谁有我郁闷???@@@ 应用cdo编程,怎样获得任意公用文件夹的FolderID 移动文件 DataSource的问题 cookie的问题 我学C语言有一段时间了但我发现没有什么成果?? 我想做一个象MSN类似的界面,请教各位应该怎么整啊? 简单的textbox控件问题,再次散分了! 有一个1024K*32位的存储器,由128K*8位的DRAM芯片构成,看下面对吗? colordialog的问题 win98窗口上的最大化最小化按钮变成了数字 请问,如何以编程的方式创建SQL server的实例的? 请问“[System.ComponentModel.DesignerCategory("Code")]的意义? table1.FieldbyName('Company').asstring:= ExpandFileName (filelistbox1.filename); 网卡使用的问题!在线等候 会c/s的高手请帮忙! 为什么我的winme关机后在开机总是要检查磁盘,可是我是正常关机呀,烦死我了。谁能解决给100分。 各位高高手,有没有MS SQLServer6.5的JDBC驱动?救人一命胜造十级**,忘了咋说的了. 大家给我解答我不会用,请再帮帮忙(前后贴200分一起结,谢谢) 在一个dataset中,对于不是主键的列中的值如何进行查询? 星球大战前传2:美国人全面攻击 有谁知道在哪有IIS6.0下载呢 请问在mysql中怎么建立自动增加的字段呢 , 好想在mysql中没有那么强大的工具。 请问哪里可以下载中文的windows Media Player SDK? 高分求助 数据备份 为什么Access中排序顺序不正确?<在线等待> 在菜单中增加CIMAGELIST中的位图,这样写对吗? 为什么受伤的总是我?只因为我是菜鸟??? 寻一个asp.net(codebehind)实现的数据库访问的demo 硫酸铵沉淀的蛋白质是什么颜色 从能量的角度分析,你知道过山车的速度为什么有那么多的变化吗?过山车为什么能够 我有一台08年买的福田麦客小麦联合收割机82马力的,现在能卖多少钱 处于等电点状态的蛋白质可不可以被硫酸铵沉淀 怎样用干硝母粉做馒头 福田麦客联合收割机92马力,割一亩小麦要用多少升油?一亩=多少平方米?我的发动机是雷沃1004-TRC 68千瓦的,请问你是哪的 汽车举升机使用注意事项 泡大粉和干硝母有什么区别 碳原子间以单键相连的烃是烷烃这句话怎么错了,举个反例 1.酸性物质遇到碱性物质会怎样?2.酚酞遇到碱性物质会变红,遇到酸性物质呢?是不是所有酸碱指示剂都与酚酞一样(在遇到酸性或碱性物质以后变成那两种颜色)?我是初学者``大家间谅啊那酸碱 请问:提取植物蛋白后透析硫酸铵用哪种型号的膜较宜?(植物蛋白分子量为65,000) 及怎样透析?(抱歉,因是第一次操作) 酸性氧化物,碱性氧化物,盐的概念还有例子 酸性物质遇到碱性物质会怎样. 硫酸铵沉淀蛋白质,除去里面的盐和核酸等,透析袋的截留分子量是多少道尔顿? 酸性氧化物与碱性氧化物的定义 在玻璃杯中倒入少量洗碗用的纯碱粉末,将蜡烛点燃后放置在纯碱中央,在往玻璃杯中倒入少量食用醋,观察在玻璃杯中倒入少量洗碗用的纯碱粉末,将蜡烛点燃后放置在纯碱中央,在往玻璃杯中 请问:用鸡蛋膜能否透析硫酸铵?(说明用植物种子提取、沉淀植物蛋白后用鸡蛋膜除硫酸铵的实验)是透析含在植物蛋白里面的硫酸铵 三聚磷酸纳对鱼肉的作用? 蹦床运动员从弹跳到下落,整个过程能量转化是怎样的? 甘蔗种植肥料主要成分都有什么啊?我想知道的详细一点 硝亚硫酸纳能在蛋糕里使用吗? 一个小球在地面上弹跳,它的高度下降,机械能减小,这是因为有能量损失那滚摆上下运动的时候机械能是不是也是减小(但是我记得老师好像是讲机械能守恒的时候才做的这种实验吧)? 在脱硝处理工程中,催化剂节距指什么? 亚硫磷酸氢氟酸,亚硝甲酸冰醋酸,碳酸氢硫次氯酸,最弱氢氰和硅酸. 抛向地面的乒乓球上下弹跳几次后停下来,说明乒乓球的__能减少了,减少的那部分能量转化成了__急 高寒地区太阳能使用注意事项. 任何生态系统都需人工投入能量吗 小球弹跳C++程序一球从100米的高度落下,每次落地后反弹回原高度的一半,再落下.编程求它在第10次落地时,共经过多少米?第10反弹多高?我写了个程序,但结果老是不对,#include#includemain(){double s1=0 氧化铁(Fe2O3)和氧化硅(SiO2)是酸性还是碱性呢?就是说它们的ph值是多少呢?比如将氧化铁和氧化硅置入戊烷(C5H12)pentane的溶液中,它们会是酸性还是碱性界面呢?但是个人认为氧化铁应该 某碱性氧化物的化学式为XmOn 该氧化物与适量稀盐酸完全反应后 生成盐的化学式为 甘蔗有哪些成分? 如何通过二氧化硅含量确定石料是酸性或者碱性 燃油打火机打不着买了个普通的燃油打火机有时候打得着,有时候打半天都不着、但过了一会就能着了,反正就是十打九不着那样、求解决方法.是不是中间那棉花部分油渗不进去啊?怎么解决呢 哪些食物含钾成分高 酸性氧化物和碱性氧化物是不是盐 酸性氧化物与碱性氧化物能反应生成盐和水吗 什么水果含钾成份高 能量传递效率低于10%高于20%哪个更影响生态平衡 燃油打火机和充气打火机哪个好? 哪些食物含钾高 为什么能量传递效率大于百分之二十,生态系统会崩溃如题 若A是相对分子质量为128的烃,1:则其分子式只可能是 2:若A不能使溴水褪色,且分子中所有原子都在同一个面内.则其结构简式是 请分析一下翻滚过山车在运动过程中的能量转化情况,要尽量短一些,急用! 在生态系统的能量流动过程中,营养级越多,传递效率越低 这句话对么?在生态系统的能量流动过程中,营养级越多,传递效率越低这句话的说法对么?... 下雪后天气变暖雪融化是化学变化,还是物理变化 分析过山车在运动过程中的能量转化情况.米娜桑. 用胆矾配制0.2mol/L的硫酸铜溶液,下列操作正确的是A.取50克胆矾溶于1L水中 B.取50克胆矾溶于水配成1L溶液C.取32克胆矾溶于水配成1L溶液 D.将胆矾加热除去水结晶,再取无水硫酸铜32克溶于1L水中 如何判断某金属是否与某酸反应?抱歉没有说清楚。我指的是,只是看到两种物质的化学式(如Cu和H2SO4),就能判断出是否反应。不进行实际的实验和观察。 过山车的能量转化请分析详细点,谢谢 请问 硝水 在食物制作当中起什么作用呢?是不是起到 晶莹剔透 的作用啊,因为我看到捆蹄 还有 肴肉 就用这个? 如何判断金属与酸反应后质量是否增加 怎样去除建筑中的硝,即亚硝酸盐. 替硝锉注射液作用我在的这个科注射青霉素之前都要给病人输替硝唑,请问这样有什么作用? 【求助】甘蔗中含蔗糖多少啊? 翻滚过山车运动原理翻滚过山车在顶端为何能翻过去 精硝有什么作用 用15吨甘蔗可以制成1.9吨蔗糖.制一吨蔗糖要多少吨甘蔗? 硫酸铵沉淀蛋白质酶液用硫酸铵30%去过一次杂质,离心过,然后我直接加到75%把蛋白沉淀了,充分溶解4度过夜保藏 ,12000离心15min后沉淀不能溶回tris-25硫酸铵中,什么情况,急等,晚上要跑液相 石硝粉每立方为多少吨 为什么使用硫酸铜沉淀蛋白质时不可以过量,否则会引起沉淀再溶解,为什么?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘