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

移动设计需摒弃的几大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

VB使用 WIN95 的选择目录对话框 使指定窗口总处于其他窗口之上 -VB资料 通用对话框专辑(全) -VB资料 透明的Form上显示背景透通图 -VB资料 图像在图片框中的滚动 -VB资料 拖动无标题窗口-VB资料 拖动无系统标准标题栏的窗口-VB资料 文本框中光标位置的获得-VB资料 无关联程序时开启“打开方式”窗口 -VB资料 显示 Combo 的下拉条 -VB资料 显示Windows系统的标准ABOUT窗口-VB资料 显示程序的版本 -VB资料 显示窗口的水平和垂直滚动条-VB资料 一劳永逸让VB自动改变控件大小 移动没有标题栏的窗口 -VB资料 隐藏Win95任务栏 -VB资料 VB用API函数打开 MS CommonDialog对话框 VB用MSGBOX函数设计版权信息: 用VB5 制作“闪烁标题栏”窗体 用VB5.0获取正在系统中运行的窗口标题 用VB实现浮动按钮 用VB5实现窗口图象缩放、滚动技巧 用VB6建立带光栅的超级开始菜单 用VB尝试新的界面风格 用VB建立字符界面的控制台程序 用VB快速读取TextBox第N行的数据 用VB 设计VCD播放器 用VB设计更好的用户界面 用VB设计聚焦框程序 用VB实现“ICQ”式的启动欢迎画面 用VB实现全屏幕图形界面及动态功能提示 关于专用打印机指令问题!!! 候捷和候俊杰是什么关系?? Crystal Reports的问题 什么是命名空间? 请问怎样订阅google上的新闻组?? 浏览器中的时间选择 谁知道程序员大本营2001光盘那个EXE文件的制作方法吗? 为什么没有actionscript的论坛?那个可是前沿啊/ 错误类型:Microsoft JET Database Engine (0x80040E09)是什么错误啊?请大虾们帮忙! 紧急:请问怎样在windows me中添加、设置并使用传真机 有谁有字节序转换的c代码?现在我要将网络字节序和主机字节序相互转换,但又不能调用api,不知那位大侠可以帮忙?先谢了! 用.NET制作安装盘的一些问题 有谁有字节序转换的c代码?现在我要将网络字节序和主机字节序相互转换,但又不能调用api,不知那位大侠可以帮忙?先谢了! 不能访问asp文件了?? 能做到让页面不刷新吗? 请教一个算法,有关数学的 FastReoprt 要!要!要!要!要!要!要!要! 《C++ Primer》 中文版怎么还不出啊! 重庆高程报名时间 怎样用NMFTP象网络蚂蚁那样自动获得下载文件的地址 特酷的串口通讯调试工具,有其它工具... 有没有win32版的mysql JDBC驱动? 郁闷!菜鸟的“关于数据库订购与发布的问题” :( 如何使子类的属性不可见 我想画曲线,类似log曲线的样子,不知道vc里面怎样才能方便的实现,有源码最好 特酷的串口通讯调试工具,有其它工具... 请问如何用电话线将各分公司连网,并实现数据上传功能,以保证总公司的数据汇总,CSDN的高手到那里去了,我已经第二次提了,没有一个人回 请指教! 特酷的串口通讯调试工具,有其它工具... 菜得不得了的 问题,从SQL SERVER中导入一个表(如表名QK)到ORACLE后,不知表名变成什么? 怎样看到PowerBuilder User’s Guide使用手冊。Application Techniques使用手冊呀? 一直想看古天乐的《创世纪》,请哪位提供一下网上哪里有它下载或在线看网址,不甚感激! 为什么一执行文件ss.txt得内容就清空了??? 中文问题 特酷的串口通讯调试工具,有其它工具... sos sos 求,向access2000中写数据的asp代码?和用asp连接access有几种方法? 如何保存xml的网页,谢谢! 如何声明一个变量,可在整个程序内调用,并其生命周期和程序一样长??? 请推荐一本数据结构的书,最好是大学教材,c++描叙,写了 求助:vc++ 6.0中,用向导生成了一个windows程序, 我又新加了一个工具条,怎样让它和以前的工具条在同一行上? 请问VIA VT82C686A芯片的主板最大支持的CPU是多少?? 怎样看vb中控件的代码?如:from,command... 大家帮我看看这段代码哪里错了???? 在jbuilder6下如何存取中文数据库,内码的转换如何实现?高手请进,100分奉上 请问如何在dbgrid控件中 第3列=第2列×第1列 有什么方法可以获得页面信息 菜鸟请教一个复杂结构类型结构体成员变量初始化赋值出错的问题。 CDC实现图片运动问题,请大家多多帮忙?如何擦掉已经画出的图片 那里有Delphi函数表?API的个人理解,希望修正!(新人学习在过程中的问题) 鲁迅写的《故乡》的感受怎样写?例如,写出来给我! 欧洲是伸向欧亚大陆的一个半岛,为什么说澳大利亚更像一个大半岛 你整么看? 一个碟子一段铁丝一勺洗衣粉怎么证明声音声波的形式传到远方 性生活是什么意思 世界最典型的季风气候分布在哪里它们是怎么形成的 近腊月下,夜登华子冈,辋水①沦涟,与月上下;寒山远火,明灭林外.深巷寒犬,吠声如豹;村墟夜舂,复与疏钟相间.此时独坐,僮仆静默,多思曩者②,携手赋诗,步仄迳③,临清流也.当待春中,草木蔓 养鸡场共养母鸡和小鸡2456只,小鸡的只数比母鸡的2.5倍多15只,两种鸡各样了多少只? 欧洲西部的三大半岛是什么?在地图上的位置是?学哥学姐们帮帮忙,马上就要结业考试了 英语翻译近腊月下,夜登华子冈,辋水①沦涟,与月上下;寒山远火,明灭林外.深巷寒犬,吠声如豹;村墟夜舂,复与疏钟相间.此时独坐,僮仆静默,多思曩者②,携手赋诗,步仄迳③,临清流也.当待春 读鲁迅《故乡》有感 200字的是感受的 世界上最典型的季风气候区在什么地方? 自吸泵的吸程跟扬程都是什么意思?另外:矿洞垂直深度为约33米,里面进水深约17米,有没有什么型号的自吸泵可以把水抽出来?什么牌子的水泵? 性感,性交分别是什么意思?最好有图片 欧洲南部的三大半岛中,面积最大,气候最复杂的是( )半岛形状像长筒皮靴的是( )半岛,该半岛以( )气候为主,岛上主要的国家是( ). 怎样鉴别自吸泵的扬程7.5KW电机自吸泵,参数是扬程55米,流量60立方米.怎么能够知道是否能到达它所说的参数.以前用的是离心泵,平面距离30米,垂直高度3米.电机7.5KW,扬程32米,流量50立方米.24个 养鸡场共养母鸡和小鸡2465只,小鸡的只数比母鸡的2.5倍多15只,两种鸡各样了多少只?着是小学5年的题不要用方程解答 欧洲西部的四大半岛,三大岛屿,两大内海 分别是谁? 在国际单位制中,功率的单位是“瓦”它用基本单位表示是什么? 读鲁迅故乡有感600字左右 怎么让母鸡生小鸡?公鸡和母鸡交配后才能生小鸡,交配后的母鸡生出的所有蛋都能生出小鸡吗?还是不一定哪一次生出的蛋才能孵出小鸡?怎么才能让母鸡生出的所有的蛋都能孵出小鸡? 用一个碟子,一段铁丝和一勺洗衣粉如何做实验?小明在家中打开音响听音乐,忽然想起课本上说声音能使空气形成疏密相间的波动并以此把声音传到远处,他找来一个碟子,一段铁丝和一勺洗衣 我国是世界上季风气候最明显的国家之一,其原因是什么? 750瓦的带压力罐自吸泵最大压力能达到几个压力? 小明在家中听音响时,忽然想到课本上说声音能使空气形成疏密相间的波动,...写不下了,下面继续:并通过空气将声音传到远方.小明想:“声音的波动我为什么看不见?这种说法到底对不对” 为什么我国成为世界上季风气候最显著的国家之一? 《华歆王朗》文言文翻译题华歆,王朗俱乘船避难·······世以比定华,王之劣.(1)解释下列括号中词语歆辄难之(难) 既以纳其自托(以)(2)用现代汉语解释下列句子王欲舍所携人既 盐水蒸发是分解反应吗? 我国是世界上季风气候最曲典型的国家之一,其主要原因是 亚洲南部的三大半岛自西向东依次是? 窑洞的特点是什么 Mg+O2点燃成为MgO出现的现象? 为什么我国会成为世界上季风气候最显著的国家之一? 华歆王朗俱乘船避难中王朗表现出怎样的性格? 计算一个较大城市的面积时,一般用什么单位 饲养场养小鸡400只,比母鸡只数的3/5少80只,饲养场养的母鸡和小鸡共有多少只? 欧洲南部的三大半岛自西向东分别是?rt 还是高数啊,说明反常积分的敛散性求[+无穷,a(a>0) dx/x^p的敛散性,应该要分类讨论的吧? 养鸡场养母鸡和小鸡共225只,其中小鸡的只数是母鸡的8倍,母鸡养了多少只 我找不到华歆王朗的介绍! 事件性消息是什么?与新闻方面有关的... 饲养场养小鸡400只,比母鸡只数的1/2少100只母鸡和小鸡共有多少只? 欧洲南部三大半岛自西向东依次为? 以制造企业为例,详细解释会计账户的阶段性特点 这是欧洲西部 B和D是那个半岛 华歆...华歆、王朗的(品质)好坏.的原文和题目十分钟内 我要读完鲁迅的《故乡》之后的感受kuai! 欧洲西部包括国家最多的是哪个半岛最好讲一下为什么 亚洲南部三大半岛的气候类型自西向东分别为 写一写你对鲁迅先生品格的感悟,可适当引用鲁迅说过的话或文章中的语句如题 欧洲西部亚平宁半岛上的国家是____ 华歆和王朗谁更好? 数学计算单位有哪些 四年级 快啊啊! 小鸡要养多久才能变成母鸡 用一个碟子、一段铁丝和一勺洗衣粉做实验.证明声音能使空气形成疏密相同的波动.请写出实验过程. 分解性构思是什么意思 欧洲其实是亚欧大陆伸向大西洋的一个大半岛;澳大利亚大陆像一座大岛屿, 一个碟子 一段铁丝 一勺洗衣粉做一个试验证明声音能使空气形成波动并以次把声音播到远处? 饲养员养了一些母鸡和480只小鸡.母鸡只数的1/4等于小鸡只数的5/8.母鸡有多少只? 根据半岛,岛屿的特点,有人认为:欧洲其实是欧亚大陆伸向大西洋的一个大半岛;澳大根据半岛、岛屿的特点,有人认为:欧洲其实是欧亚大陆伸向大西洋的一个大半岛;澳大利亚大陆更像一座 用碟子、铁丝、牛奶证明声波存在小宇在家听广播时,想起课本上说:“声音能使空气形成疏密相间的波动并以此把声音传播开来”这种说法到底对不对呢?于是他找来了一个碟子、一段铁丝
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘