阅读更多

1顶
0踩

移动开发
【译者注】Mobile First(移动优先)大概是移动设计师听到最多的设计理念之一,2011年Luke Wroblewski大神提出它时,打破了原来“先完成web设计再移植移动设计”的常规方式,为移动设计注入了一针强心剂,一时各大企业和团队纷纷投入,推动了移动设计的快速发展。时过境迁,移动优先的理念虽然没错,但如今部分企业表现的有些矫枉过正,盲目投入移动端而忽视了用户使用最频繁的大屏终端,实则割裂了原本流畅的体验流程。本文作者提出了“最重要的是屏幕,而不是设备”的观点,表达了对移动优先设计理念的看法及忧虑,或许能给大家带来不同的思路。
数年来,人们被“移动优先”和“只做移动”的理念安利了一次又一次。在iPhone颠覆行业之前,我们已经开始以“移动优先”而不是“web优先”的理念来研发软件了。与“移动优先”相关的书籍、课程和会议大行其道。既然说移动化是未来的趋势,那为何几乎所有移动端驱动的企业都在更大的屏幕上开发web应用?专门为大屏打造web应用的案例有:












即使聊天类应用也有适合大屏的web版本,例如Facebook Messenger与WhatsApp。
屏幕而非设备
无论何种情境应该适合何种尺寸的屏幕,如今变化的节奏依旧很快。不久之前,人们还站在手机派和平板派那边,嘲笑大屏手机派。时至今日,新设备的最流行款变成了大屏手机(尽管如今我们不再这样称呼),而平板的销量则停滞不前。最佳屏幕尺寸为多少依然是一个变数,更何况手腕上的小屏幕尺寸可能会在12-24个月内再度发生变化。
该怎样看待它?我们一直都使用错误的参考框架来提及“移动”。多年来我始终主张移动的不是设备,而是消费与生成信息的渠道。对我来说,迷恋特定设备不是一个好办法,因为设备变化太频繁;迷恋iOS和Android操作系统也不是一个好办法,因为它们都非常重要(而不得不重视);迷恋手机和平板依旧不是一个好办法,因为它们已经融和成为一个具备更大屏幕的便携式移动设备分类,并且一直在发展。信息藉由屏幕展示,而与设备无关,这才是关键。
颇具讽刺意味的是产品研发时,我们却只能依赖尺寸最大的屏幕尺寸。多数人一天工作的大部分时候都面对着一块巨大的显示设备,或者说无论是笔记本电脑还是桌面显示器,一块大屏幕主导工作的习惯不大可能改变。
因此,如果你正好从事软件设计工作(这些软件包括企业软件到日历及时间管理应用,出售给雇员或者企业使用),最好大屏和小屏同时考虑,而不仅仅想到移动优先。
实际上,如果你负责设计的应用有任何超过140字符或者1张照片的内容创建,那么它在大屏上效果更佳。这篇文章我不是用手机或者平板写的,因为那会异常痛苦。我只需要一个大屏,而不是其它方式,因为大屏能更好的支持诸多类型的输入。

“只做移动”是一类新型的商机么?
对于许多消费者服务,能够明确的是,使用移动设备的频率远高于桌面设备,但无法确定这种状况有多么普及。对许多人来说,能够明确的是,移动设备的屏幕是他们大多情况下的主要屏幕,但无法确定这是他们唯一的屏幕。能够明确的是我们的生活被各类屏幕充满,但无法确定所有的屏幕都是手机屏幕。
因此,假如屏幕比设备更关键的话,“只做移动”的思路可能是消费者业务领域的一个小商机。随着这些颠覆性移动业务的成熟,企业认识到除了小屏幕之外,他们还需要为用户的大屏体验服务,这种需求远比设想的频繁。移动端屏幕依旧是他们最重要和最主要的渠道,但已经不是唯一的渠道了。
我们也能畅想其它诸如电视一样的大屏将会不断发展而变得成熟,从而更好的运行基于web的软件。
想对此更加熟悉的话,假想一下大多数人是如何度过一天的,他们的主要触及的屏幕有:



想通这一点的关键在于,我们大部分时间都花在一块大屏前完成工作任务:



移动化对商业软件是次要的吗?
许多被建议全盘移动化的企业应该仔细考虑下人们在工作中使用手机的频率。记得观察他们的工作电脑,对于新闻、运动、社交、聊天和私人邮件,大屏幕更靠谱。
现在,想象一下你为人们打造一款工作专用的软件。这可能是一款生产工具,例如Google Docs,Intercom,Slack,Basecamp,Trello等。对于它们来说,大屏很可能是最重要的场景,大屏上使用的应用比移动应用更重要。相对于大屏应用,移动应用扮演了不同的角色,而大多情况下是辅助型角色。
“移动”服务企业也许前景不妙
标榜“只做移动”甚至“移动优先”(比如移动营销服务,移动广告服务)的服务企业似乎偏好定位于短期成功(正如企业寻求移动专家帮助他们快速成长),而从长期来看则一片坎坷。为了提供完善的服务,他们需要追踪用户和屏幕之间的行为。 只打算在手机上做广告很罕见,它仅存在于那类“只做移动”的产品的临时状态里。认真想想,为何在Intercom会平等对待web、iOS和Android平台。我们追踪人们的行为,当他们在屏幕之间转移时,给他们数字行为一个完整的画面。只给出某人在移动设备上的行为是不完整的,这会导致信息传递和广告的目标偏差。
聚焦在任务,然后屏幕,而不是设备上
如果“移动优先”不再成为你的教条,那会如何?在Intercom我们信奉“把事情搞定”的框架。聚焦在你的用户需要搞定的任务上,然后通过在最合适场景下提供最好体验来提供最佳服务:或许只需瞥一眼手表即可,或许40寸显示仪表盘的屏幕才是最好。没人会把iMac搬到海滩,也没人会在甲板上用手机写文章,想想最适合输入的屏幕,最适合输出的屏幕,提供能充分利用情境上下文的服务方式吧。

英文来自:Medium

译文来自:1688UED
  • 大小: 298.4 KB
  • 大小: 240 KB
  • 大小: 88.1 KB
  • 大小: 231.3 KB
  • 大小: 50 KB
  • 大小: 21.4 KB
来自: 1688UED
1
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • “移动优先”的设计理念已过时了吗

    本文作者提出了“最重要的是屏幕,而不是设备”的观点,表达了对移动优先设计理念的看法及忧虑,或许能给大家带来不同的思路。数年来,人们被“移动优先”和“只做移动”的理念安利了一次又一次。在iPh

  • “移动优先”的设计理念已过时了吗(二)

    日常的交互设计工作中,设计师在明确了需求目标、用户场景,搭建了信息结构之后,下一步便是构思如何让这些信息与用户之间产生有效的互动,而这就需要设计师将思路放在时间的维度上一步步的推进,这中间,便会产生...

  • 经典永不过时!重温设计模式

    | 导语在软工程中,设计模式(design pattern)是对软件设计中普遍存在(反复出现)的各种问题,所提出的解决方案。这个术语是由埃里希·伽玛(Erich Gamma)等人在199...

  • App会取代网站吗?

    公平地说,eBay的网站源于20世纪90年代后期的信息大量集中的设计理念,他们为此背负的债很重,而手机和平板上的应用体验却是最近的创新。 倒不是说eBay在手机和平板上的应用有多好,只是他们的网站实在太差了! 这里...

  • ​单页应用程序是如何打破网页设计的?

    你知道万维网最初的设计理念吗? 利用超链接连接文档。 总体思路相当简单:网页浏览器从服务器请求一个文档,下载其内容并将其显示在屏幕上(通过CSS进行视觉增强)。 给定文档中的超链接指向另一个含新...

  • 老哥,您看我这篇 Java 集合,还有机会评优吗?

    不得不提的是 Map 的设计理念:定位元素的时间复杂度优化到 O(1) Map 体系下主要分为 AbstractMap 和 SortedMap两类集合 AbstractMap是对 Map 接口的扩展,它定义了普通的 Map 集合具有的通用行为,可以避免子类...

  • 老哥,您看我这篇Java集合,还有机会评优吗?

    不得不提的是 Map 的设计理念:定位元素的时间复杂度优化到 O(1) Map 体系下主要分为 AbstractMap 和 SortedMap两类集合 AbstractMap是对 Map 接口的扩展,它定义了普通的 Map 集合具有的通用行为,可以避免子类...

  • 机器人操作系统二 ROS2:设计、架构和野外使用 - 机器翻译

     中间件架构 秉承之前的设计理念,ROS 2 的架构由分布在许多解耦包中的几个重要抽象层组成。这些抽象层使得为所需功能提供多种解决方案成为可能,例如,多个中间件或记录器。此外,跨多个软件包的分发允许用户更换...

  • 5大移动网页设计之最佳实践

    5大移动网页设计之最佳实践 2010-12-02 10:40 |  2841次阅读 |  来源:SocialBeta  【已有4条评论】发表评论 关键词:实践 ,设计 ,移动  |  感谢李智的提供 |  收藏这篇资讯pre { white-...

  • 如何用手绘草图+头脑风暴进行移动Web设计

    如何用手绘草图+头脑风暴进行移动Web设计   编者按:前段时间在微博上流传过一张名为“外国设计师VS国内设计师:精采PK”的趣图,在图中我们可以看到老外设计师在做设计前先签好合同,按合同进行设计,然后...

  • 基于Clear简约设计理念 谈UI三大发展趋势

    北京时间2月21日消息,iOS应用Clear早前放出的一条产品宣传片向我们展示了设计界的理念精髓,那就是“少即是多”的设计理念。待办事件应用Clear把好玩的深度感知、动态转换和栩栩如生的操作音效、简约的视觉语言、...

  • 基于微信小程序的校园论坛;微信小程序;云开发;云数据库;云储存;云函数;纯JS无后台;全部资料+详细文档+高分项目.zip

    【资源说明】 基于微信小程序的校园论坛;微信小程序;云开发;云数据库;云储存;云函数;纯JS无后台;全部资料+详细文档+高分项目.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!

  • 单电阻采样 基于单电阻采样的相电流重构算法 keil完整工程 单电阻采样 f103的单电阻,完整工程,带文档,带硬件资料 f3平台的单电阻完整工程,代码详细注释 还有微芯的单电阻smo代码加文档

    单电阻采样 基于单电阻采样的相电流重构算法 keil完整工程。 单电阻采样 f103的单电阻,完整工程,带文档,带硬件资料。 f3平台的单电阻完整工程,代码详细注释。 还有微芯的单电阻smo代码加文档 具体如截图请看下

  • jQuery左侧导航右侧tab页面切换.zip

    jQuery左侧导航右侧tab页面切换

  • 数据结构之哈希查找方法

    哈希查找

  • 五相电机邻近四矢量SVPWM模型-MATLAB-Simulink仿真模型包括: (1)原理说明文档(重要):包括扇区判断、矢量作用时间计算、矢量作用顺序及切时间计算、PWM波的生成; (2)输出部分仿

    五相电机邻近四矢量SVPWM模型_MATLAB_Simulink仿真模型包括: (1)原理说明文档(重要):包括扇区判断、矢量作用时间计算、矢量作用顺序及切时间计算、PWM波的生成; (2)输出部分仿真波形及仿真说明文档; (3)完整版仿真模型:Simulink仿真模型; 注意,只包含五相电机邻近四矢量SVPWM算法,并非五相电机双闭环矢量控制,如果想要五相电机双闭环矢量控制资料,另一个链接。 资料介绍过程十分详细

  • 法码滋.exe法码滋2.exe法码滋3.exe

    法码滋.exe法码滋2.exe法码滋3.exe

  • java毕设项目之教务信息平台的设计与实现+jsp(完整前后端+说明文档+mysql+lw).zip

    项目包含完整前后端源码和数据库文件,均测试可正常运行 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 部署容器:tomcat7

  • 基于Python+OpenCv的人手分割算法

    算法允许用户在图像上自行划定标签,并对这些区域内的图像进行肤色检测和处理;最后在一个PyQt窗口中显示处理后的三张图片,分别为带标签图片,二值化图片,膨胀后图片。

  • 浪漫节日代码 - 爱心代码、圣诞树代码

    内容概要: 本资料包含了一系列用于庆祝浪漫节日的创意代码,主要包括爱心代码和圣诞树代码。这些代码可以生成视觉上吸引人的图案和动画,用于在屏幕上展示爱心和圣诞树,增加节日气氛。爱心代码可以用于表达爱意,而圣诞树代码则适合在圣诞节期间使用,为用户带来节日的欢乐和视觉享受。 适用人群: 本资料适用于以下人群: 程序员和开发者,他们希望在项目中添加节日元素或为特别场合创造个性化的视觉效果。 网页设计师,他们需要为网站或应用程序添加节日主题的装饰。 技术爱好者和DIY爱好者,他们喜欢通过编程来庆祝节日或为朋友和家人制作特别的礼物。 实现:可直接运行python程序。

Global site tag (gtag.js) - Google Analytics