为什么主流的 App 看起来都差不多?这可能是件好事
欢迎访问网易云社区,了解更多网易技术产品运营经验。
现在设计师可以把精力都花在真正有意义的地方了。
打开Instagram、Airbnb、Apple Music、Twitter、Dropbox或Lyft,乍一看,你可能会觉得很难区分这些App:大而醒目的标题,字体是圆形无衬线;以及有大量负空间的极简主义黑白色界面,整个界面几乎没有颜色。
现代的界面风格让人感觉很简单。但讽刺的是,许多最受欢迎的应用程序,让人感觉它们根本就没有被好好设计。
Instagram的黑蓝色导航栏怎么了?Lyft的应用的亮粉色元素去哪了?这些科技独角兽公司门都忘记了自己的品牌了吗?或者他们都在用相同的模板?
更重要的是,有明确的信号表明,谷歌也加入了这种无色的趋势。今年,谷歌正在对其Material Design指南进行重大调整,并发布了重新设计的Gmail的预览版。
你猜怎么着?它看起来和其他产品完全一样。它那标志性的红色UI 元素,大多数都没了(比如红色的导航栏)。界面有了更多的白色部分:白色底栏、白色的浮动动作按钮,白色的输入框和白色的背景。
我们都知道,硅谷有互相抄袭的倾向,但至少过去十年,设计一直是产品差异化的关键。这种设计一致性的趋势,现在在我们看来,似乎并不常见。
Michael Horton的新文章《肤色简约:移动设计的新趋势》
这到底是怎么回事呢?
其实,我认为产品设计的一致性是件好事,有几个原因。
更多地关注内容和结果
人们真的有「应用疲劳」了。大多数人已经厌倦了在成堆的应用程序之间来回切换,或者在每次下载后学习使用新界面。
有近四分之一的应用在一次使用后就被删除了。调查显示,大多数人都有些经常使用的应用程序——这些应用可以节省时间和金钱(或者两者兼而有之),让生活变得更轻松。随着这些日常数字产品趋于一致,设计师可以把更多的注意力放在这些方面。
正如发明“UX”一词的唐纳德-诺曼说的那样,“界面的真正问题在于它是一个界面。界面有时会很碍事,我不想把精力集中在一个界面上。我想把重点放在工作上。”
更一致,意味着有更好的可用性
我们很久没见过右上角没有购物车按钮的电商网站了。几乎所有电子商务网站都遵循同一套标准化设计惯例,这意味着人们不需要重新学习如何在每个在线商店购物。
主流应用程序在使用的惯例,都会给培养出相应的用户习惯,但麻烦的是,这会导致混乱和沮丧。
以Snapchat为例,该公司今年早些时候发布了一项有争议的设计更新。这种非传统的设计,包括了突出的功能和改变了导航模式——导致用户的好感几乎立刻下降了73%,应用的用户数量和股价都下降了。
我们从Snapchat的事中看到,设计一些新奇的东西是有风险的,但是一致的设计(即使是在竞争对手的应用中)也能减少惹恼用户的可能性。
品牌不仅仅是外观,而是它如何运作
好的用户体验,来自于用解决方案来协调用户需求和使用意图。差异化的体验是无形的,对品牌来说比差异化的外观和感觉更有价值。
当然,风格是重要的,它可以在体验中扮演重要角色。当人们觉得产品好看时,他们会更加宽容。
但是设计师的精力应该用来创造一种最好的方式,那就是让用户完成某项操作,而不是一味处理颜色的调色板或戏剧性的动画。设计好的东西,设计对终端用户来说有价值的东西,需要无数次测试和迭代设计,来尽可能做出有用且好用的东西。
巴拉克·奥巴马,史蒂夫·乔布斯,马克·扎克伯格,大家都知道他们每天穿同样的衣服。他们之所以这样做,是因为心理学家所说的“决策疲劳”。每天,他们都要用有限的能量来做大量的决策,不去纠结服装这样的细枝末节,才能为真正重要的东西保存能量。
设计师也应该用同样的方式来处理自己的能量。随着界面设计趋于一致,设计师可以花更少的时间去烦心某个按钮的颜色和尺寸,以及位置。
界面设计的一致性并不会扼杀创造力
我知道你在想什么,是的,主流应用趋于一致的去诶单是,创意和创新会随之减少。老实说,我也觉得这是对的。
但是,即使每个产品设计师都用了极简体验的设计风格,他们还是有很多有意义的设计工作。事实上,设计趋于一致这件事,短期是有益的(希望我已经说明了原因),而且对长期的影响更大。
首先,随着增强现实和人工智能的崛起,我们与电脑的互动可能会变得更加隐形;屏幕正在缩小,我们的操作手势也越来越熟悉,我们现在的社交是史上最频繁的。
即使是在我的iPhone上,上面有漂亮的界面和交互设计,但我都会用Siri做一些操作,比如设置提醒、创建日历事件、选择音乐、发送消息和查看天气。如果不影响使用的话,我可以一整天都不看手机屏幕。或者,正如诺曼所说,我现在真的“在完成工作本身”。
不过,对于设计师来说,要想改进Siri的设计,还有很多工作要做。并不是只有我这么认为,Kekvin vin eugne写过一篇关于如何重新设计Siri体验的文章。
也就是说,接下来我们会有更多的机会去考虑用新的、有创造性的方式来抓住用户的感官(不仅仅是视觉)、注意力、情感或感知。
如果觉得只能从屏幕上看到“好的设计”,后果可不仅仅是破坏了我们未来潜在的创意。
免费领取验证码、内容安全、短信发送、直播点播体验包及云服务器等套餐
更多网易技术、产品、运营经验分享请点击。
相关文章:
【推荐】 如何自定义长连接策略
为什么主流的 App 看起来都差不多?这可能是件好事的更多相关文章
- 公众号和app和web都是客户端,都可以对接一个后台
1.公众号和app和web都是客户端,都可以对接一个后台 2.域名中包含端口号吗?:不包括,不包括 3.目前在IIS服务器上搭建了一个网站,域名也申请了,可是80端口不能使用,可以使用8000,每次访 ...
- VS.NET(C#-2.5)_简单例子(所有控件都转换成HTML控件)
简单例子 UI设计视图 UI代码视图 <% @PageLanguage="C#" AutoEventWireup="true"CodeFile=&quo ...
- 五分钟,运用cocoaui库,搭建主流iOS app中我的界面
本项目基于天天团购项目,在上一篇中有说到! 首先介绍一些cocoaui,是国内的一名程序员做的开源的开源系统,目的是为了简化ios布局!官网地址:www.cocoaui.com,github地址:ht ...
- 傻瓜看完都可以简单使用Git
作为当下最流行的版本控制系统,Git是一个分布式版本控制系统,跟SVN等集中式版本控制有很多使用上的不同.万事开头难,想要最快学会使用Git,最简单的就是下了客户端就直接去用,一边用一边学.本文手把手 ...
- python编程系列---白痴女朋友(我没有女朋友!)看了都能懂的TCP/IP协议介绍
前言 早期的计算机网络,都是由各厂商自己规定一套协议,IBM.Apple和Microsoft都有各自的网络协议,互不兼容:为了把全世界的所有不同类型的计算机都连接起来,就必须规定一套全球通用的协议,为 ...
- Vue生命周期,我奶奶看了都懂了
最近一直在学习Vue,而vue生命周期是我们不可能绕开的一个很核心的知识点,今天来简单的梳理一下大概的内容. 一.钩子函数 在一开始学习的时候,总有钩子函数这个名词冒出来,而且在vue官网文档中也频繁 ...
- 这个网易云JS解密,老网抑云看了都直呼内行
最近更新频率慢了,这不是因为CK3发售了嘛,一个字就是"肝".今天来看一下网易云音乐两个加密参数params和encSecKey,顺便抓取一波某歌单的粉丝,有入库哦,使用mysql ...
- 硬核解析MySQL的MVCC实现原理,面试官看了都直呼内行
1. 什么是MVCC MVCC全称是Multi-Version Concurrency Control(多版本并发控制),是一种并发控制的方法,通过维护一个数据的多个版本,减少读写操作的冲突. 如果没 ...
- 可以让你神操作的手机APP推荐 个个都是爆款系列
手机在我们的生活中显得日益重要,根据手机依赖度调查显示,69%的人出门时必带手机,20%的人经常在吃饭睡觉.上卫生间时使用手机:43%的人早上起床第一件事就是查看手机,不用多说,我们对于手机的依赖性越 ...
随机推荐
- solr之创建core(搜索核心,包括索引和数据)的方法
我的solrhome为D:\solrHome\solr step1:进入solrHome会看到collection1文件夹,创建该文件夹的副本,重命名为product 进入product文件夹,进入d ...
- 再读c++primer plus 001
1. OOP强调的是在运行阶段(而不是编译阶段)进行决策,运行阶段指的是程序正在运行时,编译阶段指的是编译器将程序组合起来时. 2.变量的值都存储在栈中,而new从被称为堆或自由存储区的内存区域分配内 ...
- MyBatis中log4j 和 参数 和 分页和别名 功能
1.配置全局文件,注意各个配置标签的顺序 properties?, settings?, typeAliases?, typeHandlers?, objectFactory?, objectWr ...
- php多表查询数据合并,避免foreach循环嵌套
$memberList = $member->getMemberList(); $members = []; if (is_array($memberList)) { foreach ($mem ...
- (17)Questioning the universe
https://www.ted.com/talks/stephen_hawking_asks_big_questions_about_the_universe/transcript00:13There ...
- 容器,表格 ,div,元素可左右拖动,滚动 css
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...
- 富文本粘贴word文档内容图片处理
公司做的项目要用到文本上传功能. 网上找了很久,大部分都有一些不成熟的问题,终于让我找到了一个成熟的项目. 下面就来看看: 1.打开工程: 对于文档的上传我们需要知道这个项目是否符合我们的初衷. 运行 ...
- mybatis sql xml 字符逃脱
where a 不等于 1 where a <> 1 where a <![CDATA[<>]]> 1
- linux 添加本地yum源
1.查看自己是否安装了 yum rpm -qa|grep yum 查看yum配置文件 2.创建一个文件夹 用于挂载光盘 这里创建到/media下 取名叫cdrom mkdir /media/cdrom ...
- (BestCoder Round #64 (div.2))Array
BestCoder Round #64 (div.2) Array 问题描述 Vicky是个热爱数学的魔法师,拥有复制创造的能力. 一开始他拥有一个数列{1}.每过一天,他将他当天的数列复制一遍,放在 ...