马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 今日话题 > 互联网产品PC端转型移动端的六大要点

互联网产品PC端转型移动端的六大要点

时间:2014-02-17   文章来源:马海祥博客   访问次数:

随着移动互联网时代的到来,移动端的产品越来越受到重视,各个网络公司的移动客户端之争也愈演愈烈,过去那种单纯的依赖PC端时代也已成为过去式了。如今各大互联网公司在规划产品时,往往都会把PC端和移动端的产品放在同等重要的地位进行思考。响应式设计在近一段时间显得火热异常,也说明了大家越来越重视用户在各个设备终端层面的体验。

如今,有不少的互联网企业在已有的PC端基础上,看到移动互联网的大潮,就想要在移动端继续有所发展,就直接照搬或整体平移整个业务线至移动端,但往往这样带来的效果并不理想,移动端有移动端的玩法想要做好移动端的产品必须为移动而生。所以,在马海祥博客上我梳理了一下互联网产品PC端转型到移动端应该注意的六个要点:

互联网产品PC端转型移动端的六大要点-马海祥博客

一、降低信噪比,切勿大而全

在移动端屏幕尺寸有限、使用时间零碎、网络环境不稳定的前提下,想要用户做到如同PC一样的浏览深度和广度是比较困难的一件事件。所以在移动产品组织内容的时候,应该更加注意降低内容的信噪比、提高内容的可读性。

以“淘宝”为例,淘宝在移动端几乎是直接COPY了一份PC端上的业务,这带来的后果就是用户在搜索和进入类目后,面对淘宝成千上万的商品几乎是无从下手,不知该如何筛选出最好最适合的那一个,从而导致淘宝App用户使用最多的功能是查询已购买商品的物流状态的悲哀。当然淘宝很快认识到了这个问题,推出了“微淘”这个业务。

而知乎官方在移动端推出的“知乎日报”,它其实是知乎官方对于知乎站内精华内容的再整理,并且会结合当下热点以及各种专题。提炼了内容、专注了功能、降低了使用门槛“知乎日报”远比“知乎”来的更凶猛。

二、规划不同产品的功能展示

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

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

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

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

三、利用好移动设备的传感器

何为“智能手机”?当你将屏幕横着时候,手机屏幕能跟着一起旋转过来方便你使用;当你查看地图的时候,它能告诉你当前在哪;当你打电话脸贴近的时候,它能将屏幕关闭并且不再相应触控,从而防止误操作。正因为这些各式各样的传感器,“智能手机”才能真正的智能,不是吗?

因而我们在做移动端产品的时候也应该利用好这些传感器,例如“陌陌”查看附近的人(GPS),“啪啪”的语音图片(麦克风),“微信”的扫描二维码(摄像头)等等,这些为移动而生的功能,才能更好的抓住移动用户的核心价值。

四、用户使用场景的重要性

相比PC端较为固定的用户使用场景,在移动端就会变得丰富多彩很多。所以用户使用产品当前场景的判断在移动端就会显得尤为重要。

互联网产品PC端转型移动端的六大要点-马海祥博客

拿“豆瓣电影”和“时光网”来举例,在PC网页上两家均是影评、影讯和电影相关资料的两大媒体之一,在核心功能和业务上差别并不大,但在移动端他们却走了两条路子。

“时光网”直接将时光网中的各种影讯、影评、电影条目等等组织几个栏目之后成为了他们的移动产品,而“豆瓣电影”却重点突出近期以及即将上映的影片,甚至连电影条目的搜索框都“藏”了起来。豆瓣这么做的意义其实很明显,他们认为用户在移动端的使用场景下更多是“查影讯”的状态,所以围绕这个出发,突出近期和即将上映的影片条目,用简单的短评和介绍帮助用户判断是否值得去看,最后通过查询附近的影院和选座购票完成最后一步,从而那些非近期上映、长篇的影评、各种榜单资料等等就是可以忽视的节奏。在马海祥认为准确的判断了用户的使用场景的“豆瓣电影”显然更胜一筹,而“时光网”在前几个月也推倒从来,在新版中学习了 “豆瓣电影”的模式。

五、注重设计上的差异

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

然而,基于PC、PAD、Phone的设备特性有较大的差异,PC端的指点操作与PAD、Phone的触摸操作有很大的不同,触摸优先的设计原则对移动端的设计有较大的帮助。其次,用户的设备的性能和网络特征千差万别,在设计时需要去思考各自用户使用的环境。再次,多设备用户,在使用产品时,如何进行设备间的切换,如何衔接不同设备的操作而不被丢弃都是设计师需要考虑的问题。对此,有兴趣的朋友可以看下马海祥博客上的《如何利用“自适应网页设计”实现不同的设备上呈现同样的网页》《响应式网页布局的实现方法原理》《现阶段网页设计潮流的趋势和风格》相关文章介绍。

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

在转型过程中,移动跟PC上的差异,PC领域成功的经验在移动互联网上面恐怕就完全不成立。不要以为原来的经验代表了用户会怎样用产品。如果不亲自去了解,不到用户中去了解再来设计你的产品的话,靠原来的经验很可能会是失败的产品。

PC互联网安全领域有相对成熟的一些技术,但是在手机上目前还在初级阶段。移动互联网上一个产品设计的好,确实是解决用户问题的时候,有时候用户愿意去参与帮你解决一些,这是引入了群体智慧的方式。原来这种方式可能在PC上也有可能是不一定能够奏效,但是在手机上可能是能够采用的方案。

六、合理设定转型上的策略

对于PC与移动客户端(App)的设计有何差异?成功移动客户端产品往往是基于用户任务与使用情景进行设计,发挥了手机的特性,使原本PC的功能得到更好地弥补与提升。如大众点评中的LBS使用户能快速地发现附近的店铺;微博能快速地上传即时拍摄的照片,能随时随地的查询等。

那WAP与客户端的上有什么侧重呢?从使用情景上来讲,这两者是一致的。主要的侧重有两点,其一是两者的流量原来往往不一致,根据流量来源来区分用户的特征,基于用户特征的不同来使两者在产品上的不同。其二是WAP上一些限制和优势,WAP上有许多功能还无法实现,另外WAP有快速迭代的优势,也可以进行一些项目的试错等。当然,当前WAP与客户端也在融合,这也是一个方向,随着HTML5等技术的成熟,两者的融合是迟早的事情。

从PC端到移动端的设计时,响应式设计是提得最多的方法。且在许多公司都有很多实践。淘宝之前也一直在推动响应式的设计,在一淘网、淘宝搜索等许多产品上都有实践,总得来说对用户体验起到了积极的作用。 然而我们看到的响应式做得好的网站往往是结构相对简单的博客类、新闻类网站,这些页面结构简单,响应规则容易定制,前端实现也不复杂。而对于复杂的网页的响应式设计,则都会遇到不少挑战。但是总的来说,复杂页面是不是要使用响应式还值得探讨。

马海祥博客点评:

移动互联网的时代已经来临,移动用户的体量也会越来越超越PC,在进行产品设计时,思考移动平台是必然的,如何能进行更好地全平台设计,还有待业内人士更多地探讨。记得几年前,我非常信奉移动端的产品应该是PC的补充,现在看来完全不靠谱。像微信这样的产品,PC端的设计纯粹是移动端的补充,更多产品则根本没有PC端的产品。因此,如何能进行全平台的设计,也需要根据各自的产品特征、用户特征、情景特征来决定,最大地发挥产品的核心价值给目标用户,这就成功了!

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/jrht/405.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 移动端   互联网产品   PC端   产品转型要点  

上一篇:65.49.2.178事件:专家呼吁中国应尽快建立DNS监控系统
下一篇:腾讯“嘀嘀”和阿里巴巴“快的”争夺市场的商业意图

您可能还会对以下这些文章感兴趣!

  • 百度 360搜索和搜狗能否三分天下?

    纵观当今中国的搜索引擎市场,随着360的不断发展壮大,搜狗的执着和百度纵使他人来侵我,天下仍唯我独尊的霸气,搜索引擎这块肥肉俨然成为了当前中国互联网的必争之地。近日从流量统计机构CNZZ显示的2013年8月份最新数据来看,中国搜索引擎市场已逐步在形成三分天下的格……【查看全文

    阅读:1027关键词: 百度   360搜索   搜狗   三分天下   日期:2013-09-06
  • 我为什么不喜欢用内容个性化推荐系统插件

    如今,随着网站的越来越多,互联网每天都产生数以百万计的信息,这其中充斥着太多的“垃圾”信息,这些东西只会干扰视线、浪费时间。从本质上讲,内容本身并无好坏之分,在你看来是垃圾的信息,有时对某些人来说却很有用,内容无好坏之分,只存在感兴趣和不感兴趣之分。……【查看全文

    阅读:601关键词: 内容个性化   个性化推荐   推荐插件   系统插件   日期:2014-04-17
  • 移动电商能否掀起互联网的颠覆性革命?

    最近,听到很多互联网的成功人士在强调说:如今的中国互联网变化真的很快,尤其是电商行业,如果不努力时刻都会面临出局的风险。行业发展得越快,水就流得越快,只有激流勇进的企业才不会出局。如今随着智能手机的普及和移动互联网的发展,如今越来越多的人喜欢上了手机……【查看全文

    阅读:446关键词: 移动电商   互联网   互联网革命   日期:2013-06-18
  • “滴滴”“快的”将合并的可能性有多大?

    近日,有媒体报道称,打车领域两大巨头滴滴打车、快的打车即将合并,合并后成立的新公司估值超60亿美元,消息还称,两者合并后将结束两者当前的恶性竞争,即两者当前重金补贴司机与乘客的价格战,两者合并后的新公司可以完全占据打车市场主导地位,不是冤家不聚头,这两……【查看全文

    阅读:478关键词: 滴滴   快的   日期:2015-02-13
  • 微信为什么开始大量封杀草根公众号?

    本打算近期把马海祥博客的微信公众平台,以分享seo思维的最新信息形式推广起来。但是今天却从一位站长口中得知:现在微信平台做的也困难了,现在微信完全无法发广告了,昨天被封了一大批微信。几个人的微信号的粉丝就有200万了。 据了解,从19日开始微信开发封杀大量草……【查看全文

    阅读:993关键词: 微信   微信草根公众   封杀微信公众   日期:2013-02-22
  • 微软、苹果和谷歌的产品生态体系

    从生态整合的逻辑和市场反馈上看,微软的落后毋庸置疑,虽说目前移动端是三大公司业务高度重合的领域,但从盈利上看,苹果占据了市场的大头,谷歌只是占据了市场的注意力,但要特别说明的是,其实他们各家的整体生态体系(包含移动领域)都相当成熟,只是在移动端这个在……【查看全文

    阅读:864关键词: 社交营销   SEO   微软   苹果   谷歌   产品   日期:2012-08-13
  • 浅谈客户生命周期与品牌定位

    客户生命周期是指从一个客户开始对企业进行了解或企业欲对某一客户进行开发开始,直到客户与企业的业务关系完全终止且与之相关的事宜完全处理完毕的这段时间。客户的生命周期是企业产品生命周期的演变,但对商业企业来讲,客户的生命周期比企业某个产品的生命周期重要得……【查看全文

    阅读:731关键词: 客户生命周期   品牌定位   日期:2013-10-23
  • 如果我是文章或姚笛:我该怎么做?

    如果你问最近这几天的头条新闻是什么?那大家给你答案一定是文章、马伊?和姚笛三者之间说不清道不明的出轨事件了。虽然事情已经过去了3天了,但其热度依然不减呀!刚好今天又在网上看到一个问题:如果你是文章或者姚笛,你现在该怎么做? 对于这个问题的回答,我们也可……【查看全文

    阅读:478关键词: 文章   姚笛   我该怎么做   日期:2014-04-01
  • 百度对SEO相关词的搜索置顶提示预示着什么?

    最近在看马海祥博客的关键词排名的幅度的时候,凡是关键词中牵涉到seo的,在百度顶部总是有个提示SEO是一项非常重要的工作,请参考百度关于SEO的建议。这不禁也使的很多seo工作者感慨seo越来越难做了,相信也有一部分seoer也对未来的seo行业充满了迷茫,记得对于seo行业……【查看全文

    阅读:432关键词: SEO相关词   搜索置顶提示   SEO搜索置顶   日期:2012-09-17
  • 锚文本的SEO效果是否会被「共同引用」所替代呢?

    锚文本又称锚文本链接,英文名叫anchor text,是链接的一种形式。锚文本实际上是建立了文本关键词与URL链接的关系,超链接的代码是锚文本,就像这样的形式,a href= http://www.mahaixiang.cn 马海祥博客/a,把关键词做一个链接,指向别的网页,这种形式的链接就叫作锚文本。……【查看全文

    阅读:1137关键词: 锚文本   共同引用   SEO效果   日期:2013-02-20
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

2013年的最后一次谷歌PR值更新终于来了 医疗集团网络部搭建和运营的初步方案