站长之家首页 > 产品 > 移动应用最新资讯 > 正文

从Web到移动应用的设计思维转换

2012-12-11 11:10 · 稿源:雷锋网

本文作者@刘津legene 随着移动互联网的快速发展,很多Web产品经理、设计师转而投身至移动应用领域。看起来非常相关的工作,却可能给他们带来了不小的困扰。

很多刚刚接触移动应用的产品经理、设计师依然习惯用Web的思维去做App。张小龙在谈微信时就曾经说过:绝不考虑Web形态,一切考虑都基于App。那么,移动应用和Web相比,区别到底在哪里呢?

以下是作者以自己在工作中通过血的教训总结出的几点内容,在此与大家共享:

1、单一且专注

创新工场曾推出一款应用叫“布丁爱生活”,里面包含电影、美食等内容,但是推出后一直反响平平。后来这些内容被拆分成不同的应用,反而取得了不俗的成绩。这是为什么呢?

我认为:

第一、移动端的屏幕小,场景不固定,太多的功能会造成层级复杂、操作困难,影响体验。所以移动端本身不适合太多、太复杂的功能。

第二、从场景方面考虑,用户在相应的场景下,才会想到相应的应用。比如说,用户在想看电影的时候,可能就会搜素和电影相关的应用,而“爱生活”之类的产品,一般不会主动被搜到。即使用户看到了,也不知道它是做什么的。所以做移动应用,千万不要“大而全”。

2、细分需求并做到极致

陌陌在微信这种强大的竞争对手面前,是怎么生存并壮大起来的?况且微信也可以通过查看附近、摇一摇等方式联系陌生人。抛开产品定位、营销等问题,我想对比一下设计方面的区别。

打开应用后,在微信界面上,看到的是最近和你联系过的人,以及它们的留言;而在陌陌上,首先看到的是附近陌生人的照片及个人签名。

点击微信标签栏上的“找朋友”,再选中“附近的人”,才能到达如下图的列表页面。但很明显,微信的头像比陌陌的小很多,信息也不如陌陌丰富。如果你只是单纯的想结交陌生人,会选择哪个应用?

因此我的结论是,面对强大的对手,找准一个细分的需求点,把它做到极致,也不是没有机会(不考虑营销等其它因素)。

3、功能优先级

移动应用的使用场景、设备都和Web有巨大的区别。因此移动应用的功能,不仅取决于用户需求,还要考虑使用场景、设备限制等因素。不要直接移植Web的功能到APP上。

比如说优惠券产品,Web端更重视打印功能;而手机端侧重于到店展示。

微信刚出的时候,很多人觉得奇怪:腾讯已经有了手机QQ,为什么要再做个微信?它们有什么区别?

过了一段时间,我发现原先用手机QQ的人都改用微信了。为什么大家觉得在手机上,微信比QQ好用呢?

后来有一天我终于有点明白了:

手机QQ是Web端功能的移植;而微信的功能更多的考虑了移动应用的特点(语音输入,通过手机通讯录、QQ好友等方式添加好友,摇一摇……)

所以说,做APP时一定要充分考虑移动应用的场景、设备等特点来设计功能并决定功能优先级,而不是简单移植Web的功能。

4、简单、易用

用户在使用Web网站时,一般是端坐在大屏幕前,既可以使用鼠标、也可以使用键盘;而用户在使用移动应用时,可能是边走边用,也可能是在拥挤而晃动的公车内。因此移动应用的功能一定要简单,字一定要够大(字大了可放的内容就更少),操作一定要简单(保证可触面积)……总之四个字:简单易用。

5、尊重平台特点及设计规范

移动应用不像Web端,界面够大,使用环境够稳定,即便有不易理解的地方也可以在界面上加各种引导和提示。就算没有任何提示,用户还可以自己尝试。

但移动应用的界面小,承载的内容十分有限(Web端一个页面的内容,移动应用可能要分很多个页面来展现,页面跳转次数高),使用环境不稳定,操作更困难,如果开发者都按自己的“想象”去设计界面,那后果不堪设想。

索性我们有各平台的设计规范可以参考。设计规范可以更好的保持不同应用的一致性,让用户更易理解,减少学习成本,也让界面看起来更友好。对产品设计者来说,认真研读规范也是个学习的过程,帮助我们成长的更快。

之前有个PM坚决拒绝看各平台的设计规范,认为产品设计者不应该受此约束,而应该大胆发挥。他设计的东西果然非常“非主流”,用户使用起来不易理解。我认为即使真的想去打破什么约束,也应该先充分的了解它,然后再在此基础去做更好的突破。

6、“又笨又大”的UI风格

很多之前做Web产品的设计师,初次尝试移动应用时都容易犯一个错误:界面看起来很美观,但就是不像移动应用的界面,怎么看都有Web的影子在。为什么呢?因为设计师往往倾向于更小一点的字体,这样可以让界面看起来更精致,更美观。

但这在移动应用上就行不通了,试想用户如果在拥挤而晃动剧烈的公车上看密密麻麻的小字,将会多么气恼。所以这时就需要设计师转换一下思维了。

移动应用的UI风格有什么特点呢?简单的来说:

这些可能都是Web端设计师非常讨厌和排斥的东西,但是为了做出专业和易用的产品,一定要及时调整思路。

7、独特的风格&精美的界面

虽然移动应用界面看起来“又笨又蠢”,设计师还要受到平台规范的“束缚”,但这并不妨碍众多令人惊叹的移动应用界面的诞生。

移动应用界面应该比Web界面看起来更精美,想象一下苹果或安卓优美的机身,配上一个简陋粗糙的界面,将是多么煞风景的一件事情。

况且在小屏幕上,界面的缺陷更容易被人发觉。这些智能机的高端用户,会毫不犹豫的带着嫌弃的表情删掉你的应用。

所以做移动应用的设计师,往往需要更加注意设计细节。当然,这建立在首先理解平台规范和设计特点的基础上,在这个基础上去寻求突破。移动应用其实给了设计师更大的发挥空间。

不仅要精美,更要独特。现在移动应用竞争非常的激烈,独特的设计更容易让你的应用脱颖而出。

8、其它

移动应用还有许多不同于Web端的特点,比如输入方式、横屏模式、启动、加载、手势、转场、动画等,这些就不一一叙述了,大家在设计规范上都可以找到相关内容。

总结

移动设备便携、屏幕小、操作不便、但使用场景丰富多变,这些特点都决定了在移动应用上,不适于承载复杂的功能与庞杂的内容。很多时候,我们需要放弃Web端的思维,充分考虑移动设备的特点,专注的思考问题,才能做出更成功的移动应用。

最后想说的是,移动应用既不是Web端产品的附属,也不是Web端产品的复制品,它应该有自己独特的生命力。不建议Web端产品和客户端产品由同样的团队来负责,这样难以做出专业且高效的产品。

作者的新浪博客

(若无特别注明,雷锋网文章皆为原创)

  • 大家在看
  • 相关推荐
  • 华为云Web应用防火墙再获认可!入选国内主流企业安全产品名录

    近日,华为云打造的明星安全服务——华为云Web应用防火墙(Web Application Firewall,简称WAF)得到业界认可,入选国内知名第三方安全机构FreeBuf推出的“国内主流WAF产品名录”。该名录试图为企业提供质量和技术过硬的安全服务产品推荐,为企业在选择安全服务产品时提供专业的参考,帮助企业更好地构建自身的防御体系。华为云WAF是首次参与该名录的推荐,凭借什么成功入选?下面一一解答。一、华为云WAF的功能华为云WAF,通过对网站

  • 产品特色标识是一次很重要的创新应用

    近日,由广东正网认证有限公司创新的产品特色标识N维码通过内测,正式上线成功应用到产品特色标识领域。这是国内首创的一种产品特色数字化使用场景,将产品的特色优势通过数字化呈现出来,目的是呈现商家特色,方便用户区别产品差异化和信用度,提升品牌形象,提升用户体验。产品特色标识刚一上线,就获得多家媒体争相报道,多家企业争先申请,其中不乏很多大品牌产品,都加入到了产品特色标识申请大军中。据统计,截至目前,N维码

  • Sensor Tower:TikTok蝉联2月全球移动应用下载第一

    今天,Sensor Tower发布数据显示,今年 2 月份,抖音及TikTok以将近1. 13 亿次下载量蝉联全球移动应用(非游戏)下载榜冠军,同比去年增长96.5%,比第二名WhatsApp下载量足足多了 1700 万。Facebook, Instagram和Messenger分别位列3- 5 名。

  • 亚马逊推出Kindle Web APP:仅10.43KB Windows 10看书新选择

    凭借着独特的阅读器产品,Kindle无疑在电子书市场有着自己的一席之地,但对于Windows系统用户而言,在电脑上使用Kindle却一直问题多多,最大的问题就是缺少一个好用的Kindle客户端。

  • WEB化开发体验,开发者新利器华为云CloudIDE即将揭秘

    随着公有云的不断普及,无论是企业办公、社交网络,还是线上娱乐都越来越依赖云上提供的各种服务,微服务、DevOps、持续交付、容器化等云原生技术和理念也在企业上云大背景下不断对现有的开发活动以及开发工具发起挑战。面对云原生变革的开发者需要什么样的兵器来迎接挑战?华为云DevCloud产品家族新成员CloudIDE在云化软件交付场景中为开发者提供了不一样的体验,特别是在微服务开发、AI开发、轻应用开发、小游戏开发等领域有着得?

  • 苹果允许应用推送广告

    3月5日消息,近日苹果公司对App Store应用商店审查指南进行了更新,加入了与iOS13 新功能相关的一系列规定。其中就提到,只要用户授权,推送通知就可以用于营销目的。开发人员还必须在应用程序中提供关掉此类通知的选项。苹果还介绍,在过去四年所有出厂的苹果设备中有77%运行的是最新版本的iOS 13。

  • 小米手机怎么开启应用行为记录功能 应用行为记录功能开启教程

    最近小米的MIUI最新版本的安全中心开发了一个非常实用的功能——应用行为记录,可以记录你手机里应用的敏感行为,很多人还不知道在哪可以开启这个应用行为记录功能,下面就来为大家分享一下心得。

  • Chrome已使用微软提交的现代化Web控件 提供统一的上网体验

    ​在 2018 年加入Chromium阵营后,不仅全新打造的Edge浏览器得到了全球很多用户的认可和支持,而且微软的反向输出更是完善了Chromium社区的发展。去年,谷歌收纳了多项微软提交的建议,并消化整合到Chrome浏览器中,包括延长续航表现、增强滚动特性等等。

  • 美女产品经理把雷军的小米10 Pro拆了:我装不回去了

    ​你遇到过把东西拆了然后装不回去的尴尬事儿吗?昨天,小米CC产品经理@Cici_老魏 把雷军的小米10 Pro给拆了,结果无法复原,雷军最后只得送机。

  • 华为推应用内支付服务 支持78种语言

    近日,华为推出了应用内支付服务。作为HMS的重要环节之一,应用内支付聚合了全球主流支付方式,助力开发者在全球范围灵活实现商业变现。

  • openEA流程应用开发平台 开源引领新潮流

    近年来,随着云计算、大数据、人工智能、物联网等新一代信息技术蓬勃发展,中国企业一直在不断增加其在世界开源软件界的贡献度及话语权,许多企业已经完成了从参与者向贡献者、成长者的升级,成为一些开源社区的重要成员、关键成员,发挥了骨干作用,在openEA开源社区里也不例外。生态背景新华三集团深耕行业三十余年,支持运营商、政府、金融、电力、能源、医疗、教育、交通、互联网、制造等百行百业数字化转型实践,产品和解决方

  • 榕树贷款:强化金融科技应用 助力服务效率提升

    随着5G、区块链、云计算等新兴技术的出现,金融科技正处于前所未有的蓬勃发展时期。金融科技的应用给金融业带来了巨大的变革,催生了智能金融的出现。《 2019 中国智能金融发展报告》明确指出,相比互联网金融,智能金融更具革命性的优势在于对金融生产效率的根本颠覆,更精准高效地满足各类金融需求,推动我国金融行业变革与跨越式发展。 专家认为,金融科技是金融业改革创新浪潮的前沿,其本身就是深化金融供给侧结构性改革,提

  • 应聘产品经理 雷军自曝手机相册5.5万张照片:网友神回复亮了

    今日,小米相机部产品总监@Queena_小米 在微博上发布招聘通知,分别招聘相册产品经理、相册UI设计师、视频动画设计师各一枚。其中,相册产品经理要求3- 5 年工作经验,爱影像爱体验,更爱米粉用户。从用户思维出发做产品,逻辑清晰,擅于沟通,相册里的照片至少超过 3 万张,照片越多越优选,有云和搜索工作经验也会加分。

  • Adobe Creative Cloud多款视频/音频应用放出公测版

    今天Adobe在Creative Cloud上发布了多款音频和视频应用的公开测试版​。参与Beta计划的用户今天可以尝试Premiere Pro, After Effects, Audition, Character Animator, Media Encoder和Premiere Rush的公开测试版。

  • 苹果更新 App Store 审核指南:允许应用推送营销通知

    苹果表示,从 2020 年 4 月 30 日开始,将要求所有新应用程序和应用程序更新都必须使用 iOS 13 SDK 进行构建。这使应用程序能够提供深色模式,ARKit 3,Core ML 3 等功能。苹果还要求开发人员准备其应用程序,使其与所有当前受支持的设备完全兼容,包括 iPhone 11 Pro Max 和新的第 7 代 iPad。

  • 苹果App Store审核机制更新:允许应用推送广告通知

    3月5日据9to5mac报道,苹果近日更新了App Store审查指南,加入了与iOS13新功能相关的一系列规定。新的审查指南显示,苹果在审查归类为“约会”和“算命”的应用程序时将更加严格。同时外,现在只要用户授权,推送通知就可以用于营销目的。开发人员还必须在应用程序中提供关掉此类通知的选项。苹果还提到,过去四年所有出厂的苹果设备中有77%运行的是最新版本的iOS 13。

  • 苹果正式启用针对 macOS 和 iOS 应用的「通用购买」支持

    苹果在其开发者网站上宣布了这个最新消息:「iOS 应用的 macOS 版本现在被包括在通用购买功能中,用户只需购买一次即可在 iOS、iPadOS、macOS、watchOS 和 tvOS 上使用这些应用,并进行应用内购买。通过在 Xcode 中为跨平台应用绑定相同的 ID,并在 App Store Connect 中设置应用关联记录即可。」

  • openEA为企业护航,BPM在线团队协作管理应用

    远程办公对于我国而言,是个蓝海市场。据前瞻产业研究院的数据,小编发现,从远程办公人员占比的情况来看,中国远程办公人口渗透率尚不足1%,而印度却达到了50%以上。日前,腾讯、华为等大厂纷纷布局,欲分杯羹。国盛证券分析称,巨头带来的不会是挤压效应,而是带头示范作用,并且有机会共同分享行业增长红利。这是因为远程办公涵盖的流程环节是非常丰富的,单就会议这一个环节而言,就可以包括电话会议、web会议、多方视频会议等

  • 因疫情影响,Google 表示 Android 应用的审核时间将加长

    在 Android Police 收到的一份声明中,Google 发言人表示:「由于目前的工作时间表已调整,我们的审核时间比平时要长。在当前情况不断变化的情况下,应用程序的审核时间可能会有所波动,可能需要 7 天或更长时间。」

  • App Annie:TikTok2月全球应用收入排行第二

    App Annie发布了《 2020 年 2 月App Annie月度指数排行榜》。榜单显示,抖音海外版TikTok2 月全球下载排行第一,同时位列二月全球应用收入排行榜第二名,超过YouTube、Netflix和腾讯视频。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议