从PC端到移动客户端App的设计差异.pdfVIP

从PC端到移动客户端App的设计差异

导读：PC、PAD、Phone甚至TV及WAP、Client的组合形成了多

样的产品，这些产品在设计之间有何不同，如何规划不同平台上产品

的功能、设计时有哪些差异都是非常值得探讨的话题。

随着移动互联网时代的到来，移动端的产品越来越受到重视。在

规划产品时，往往会把PC端和移动端的产品放在同等重要的地位进

行思考。响应式设计在近一段时间显得火热异常，也说明了大家越来

越重视用户在各个设备终端层面的体验。然而，设备的多样性、产品

形态的多样性都给了设计师更多的发挥空间，同时也给设计师带来了

更大地挑战。PC、PAD、Phone甚至TV及WAP、Client的组合形

成了多样的产品，这些产品在设计之间有何不同，如何规划不同平台

上产品的功能、设计时有哪些差异都是非常值得探讨的话题。

图为LinkedIn的Web、iPhone和iPad版。

一、如何来规划不同产品上的功能

在PC端有超大的屏幕，有鼠标和键盘灵活的交互形式，其功能

往往比较复杂，用户能通过鼠标指点的形式快速地完成各种任务。然

而在PAD与手机端，屏幕能呈现的信息有限，交互形式也是精度相

对较差的手势形式，所有的这些都决定了在移动端的功能应该做减法。

对于新产品来说，移动优先或者是移动同等重要的产品规划方式

是及其重要的，独立思考在移动端能呈现的功能和内容，让设计师更

清晰地看到产品的核心功能、内容，有利于设计师把握产品的方向。

甚至可以考虑将移动端优先于PC端，PC的功能在移动的功能基础

上去架构，它也不会脱离产品的核心价值。

PC固有的特点在进行复杂功能操作时会更有优势。那是不是复

杂功能就直接转移到PC上，而在手机上只展现简单功能呢？我觉

得未必，要看产品的目标用户和产品特点，有些产品用户只更倾向于

移动端使用，甚至还有些使用本产品的用户都没有PC.因此，在考

虑用户特性的基础上，优先规划移动端的产品信息架构。如果有些功

能觉得转移到PC上衡量过没有问题，那我觉得可以进行转移，在

移动端突出最核心的功能给用户，并保持界面简洁。

对于老产品，像淘宝网这样的产品，其PC端本身及其复杂。

那在产品设计时，更多地思考在移动端用户的使用情景和核心功能，

先去满足最核心的功能，满足有手机特色和移动情景的功能。

二、设计上的差异在哪儿

当前的设计手法在各个平台、各种形态上都有融合的趋势，在

Web端的设计也越来越客户端化，许多WebApp都让人很难判断到

底是HTML5做的还是Native的。因此，在设计手法上的差异会越来

越小。

然而，基于PC、PAD、Phone的设备特性有较大的差异，PC的

指点操作与PAD、Phone的触摸操作有很大的不同，触摸优先的设

计原则对移动端的设计有较大的帮助。其次，用户的设备的性能和网

络特征千差万别，在设计时需要去思考各自用户使用的环境。再次，

多设备用户，在使用产品时，如何进行设备间的切换，如何衔接不同

设备的操作而不被丢弃都是设计师需要考虑的问题。

对于WAP与Native的设计，主要关注浏览器的支持特性及

Native上能发挥的手机、各类传感器的特性，这需要设计师拓宽思路

去思考，好的设计能极大地提升体验。

三、设计上的策略有哪些

从PC端到移动端的Web设计时，响应式设计是提得最多的方

法。且在许多公司都有很多实践。在淘宝，梓佑（编者注：淘宝资深

UED总监）之前也一直在推动响应式的设计，在一淘网、淘宝搜索

等许多产品上都有实践，总得来说对用户体验起到了积极的作用。然

而我们看到的响应式做得好的网站往往是结构相对简单的博客