2013/6/19

从PC端到移动端的网站设计差异(一)

八桂网讯阅读次数:5800 次打印

随着移动互联网时代的到来,移动端的产品越来越受到重视。在规划产品时,往往会把PC端和移动端的产品放在同等重要的地位进行思考。响应式设计在近一段时间显得火热异常,也说明了大家越来越重视用户在各个设备终端层面的体验。然而,设备的多样性、产品形态的多样性都给了设计师更多的发挥空间,同时也给设计师带来了更大地挑战。PC、PAD、Phone甚至TV及WAP、Client的组合形成了多样的产品,这些产品在设计之间有何不同,如何规划不同平台上产品的功能、设计时有哪些差异都是非常值得探讨的话题。

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

在PC端有超大的屏幕,有鼠标和键盘灵活的交互形式,其功能往往比较复杂,用户能通过鼠标指点的形式快速地完成各种任务。然而在PAD与手机端,屏幕能呈现的信息有限,交互形式也是精度相对较差的手势形式,所有的这些都决定了在移动端的功能应该做减法。

对于新产品来说,移动优先或者是移动同等重要的产品规划方式是及其重要的,独立思考在移动端能呈现的功能和内容,让设计师更清晰地看到产品的核心功能、内容,有利于设计师把握产品的方向。甚至可以考虑将移动端优先于PC端,PC的功能在移动的功能基础上去架构,它也不会脱离产品的核心价值。

PC固有的特点在进行复杂功能操作时会更有优势。那是不是复杂功能就直接转移到PC上,而在手机上只展现简单功能呢?我觉得未必,要看产品的目标用户和产品特点,有些产品用户只更倾向于移动端使用,甚至还有些使用本产品的用户都没有PC。因此,在考虑用户特性的基础上,优先规划移动端的产品信息架构。如果有些功能觉得转移到PC上衡量过没有问题,那我觉得可以进行转移,在移动端突出最核心的功能给用户,并保持界面简洁。

对于老产品,像淘宝网这样的产品,其PC端本身及其复杂。那在产品设计时,更多地思考在移动端用户的使用情景和核心功能,先去满足最核心的功能,满足有手机特色和移动情景的功能。

二、设计上的差异在哪儿

当前的设计手法在各个平台、各种形态上都有融合的趋势,在Web端的设计也越来越客户端化,许多Web App都让人很难判断到底是HTML5做的还是Native的。因此,在设计手法上的差异会越来越小。

然而,基于PC、PAD、Phone的设备特性有较大的差异,PC的指点操作与PAD、Phone 的触摸操作有很大的不同,触摸优先的设计原则对移动端的设计有较大的帮助。其次,用户的设备的性能和网络特征千差万别,在设计时需要去思考各自用户使用的环境。再次,多设备用户,在使用产品时,如何进行设备间的切换,如何衔接不同设备的操作而不被丢弃都是设计师需要考虑的问题。

对于WAP与Native的设计,主要关注浏览器的支持特性及Native上能发挥的手机、各类传感器的特性,这需要设计师拓宽思路去思考,好的设计能极大地提升体验。

  • 产品价值观 Product values
    随需而变的个性化需求产品开发理念;高用户体验、高技术含量的产品实现;稳定持续的售后服务以保持BECMS系统给客户带来持续的使用价值。
  • 高端形象定位 High-end image positioning
    具有顶级发展潜力的企业合作,激发顶级的设计创作灵感,应用顶级的开发技术,追求卓越的产品开发管理、整体品牌营销、管理信息化的一站式整合应用,实现客户渴求的高端企业形象定位。
八桂网讯网络技术有限公司  企业品牌网站建设事业部  版权所有.
全国免费服务热线:400-618-9767   网站制作咨询QQ:2196677
7*24小时服务热线:13712886528   邮 箱:baguidadi@qq.com
CopyRight ©2004- www.baguidadi.com All Rights Reserved. 粤ICP备11025868号
总部地址:广东省东莞市莞城区旗锋路186号方中电脑城B座705/707(邮编:523000)
南宁服务部:广西南宁市东葛路迷您居3栋105   联系电话:13667712423   咨询QQ:544425595
大理服务部:云南省大理市下关青春海岸8-25   联系电话:0872-3158178   咨询QQ:1047092007