数极客首页

对谷歌自带闹钟应用中材料设计的吹毛求疵

举荐

语:这篇文章能够

看作是对应用Android Clock的快速诊断,看看外国大牛市怎样
诊断一款产品的!

这是一篇翻译的文章,原文请查看The Android Clock App Clinic

最近由于
谷歌开发日的缘故,我被约请
到土耳其,安卡拉。我作了主题为“深化
发掘

Anddroid状态保管
”的主题演讲,并在那渡过了一段快乐

的时间。为了参与
这个会议,显然我在旅游

上破费

了大量的时间。除了了通常的交通事项外(火车取消,航班延迟等),这趟旅游

给了我大量时间来变得焦躁

。由于
某些缘故,我开端
把玩起来Android Clock,并且留意
到了几个问题和可能的改进

这篇文章能够

看作是对应用Android Clock的快速诊断。应用诊断通常为第三方应用专用,但是毕竟没有绝对理由以为
这不能在Google应用上执行。而且,我以为
,对一些本能够

做得更好的细节中止

展示

和解释,自身

就是一种学习和进步
的良好方式。运用
好的和坏的例子来阐明

UI/UX指南,是大多数人类交互指南的基础

。资料

设计指南大量运用
了这种方式。而且要牢记于心的是,指南和复查并非绝对的规则,而是,望文生义
,是服从于大家的讨论结果的。

在讨论我列的有关Clock应用的问题项之前,我以为
指出应用的修订版本十分

重要。包管理器给出的版本是3.0.3。就我所能通知
你污染,这是当前可用的最新版本。

对谷歌自带闹钟应用中资料设计的隐恶扬善

纵观Clock应用,很显然它是经过精心打磨的。它并不解体

,动画运转
顺滑,以漂亮的资料

设计为特征
,有一些不错的,共同
的细节(标签变化时的动画图标,基于背景颜色的时间)等。下面所列的大多数留意
项事实上都只能看作极小的细节。但是,细节无大小。细节成就产品。它们是设计的一部分

,给予应用以生机

。了解

和修复这些小细节,既有助于应用运用
起来更快乐

,又有益于应用在Google Play Store上面脱颖而出。

细节无大小。细节成就产品。它们是设计的一部分

,给予应用以生机

运用
温馨

的可点击区域

移动

设备的交互主要基于触摸屏。由于触摸屏是用户手指和应用之间的独一
的存在,你需求
确保动作被正确地拦截。关于
用户而言,越小的触摸目的
显然比更大的触摸目的
更难点击。问题要使得你的可触摸区域足够大,使得该区域能够

被随意

地点击。

通常以为
,触摸目的
应该至少48X48dp。固然

这些央求

在多数场景下讲得通,但这并不意味着你不能使得触摸区域更大。在任何可能的状况

下,运用
大的触摸目的
致使

应该是遭到
鼓舞
的。在Clock应用的“计时器”区域,“删除”和“添加”计时器按钮显然缺乏足够的可触摸宽度,致使

潜在的无操作点击事情
。增大可触摸区域增加了按钮的可访问性,与此同时,也扞卫

了屏幕当前的规划
和设计。

对谷歌自带闹钟应用中资料设计的隐恶扬善

大的触摸目的
有助于随意

快速的交互

对谷歌自带闹钟应用中资料设计的隐恶扬善

小尺寸的可触摸区域招致
无效的无操作点击事情

在任何必要的时分
展示

反响

输入反响

是UX设计中极端重要的一部分

。它基本

上包含用户的输入/活动/任何被应用追踪和处置
的东东。就像物理世界的任何力都有反作用一样,UI止的任何活动都必需
有反响

。当按钮被按压的时分
,它的外观发作
变化以反映按压状态。当列表被下拉刷新的时分
,虚拟指示器会出来,以通知用户正在加载。当屏幕的顶部边缘被点击的时分
,通知盘疾速
下滑以显现
出来。

就像物理世界的任何力都有反作用一样,UI上的任何活动都必需
有反响

严厉
地从逻辑上来讲,只需

在对口活动将被应用执行的时分
,反响

才讲得通。对用户输入有反映但确不做任何回应会增加用户的,减少了UI的可了解

性。换句话说,,假定

该区域是不可交互的话,UI对用户输入应该是完好

透明的。

对谷歌自带闹钟应用中资料设计的隐恶扬善

“扩展”按钮短少

可了解

的反响

对谷歌自带闹钟应用中资料设计的隐恶扬善

没有相应活动的反响

会对UI产生误导

用标题明晰
地指示屏幕的目的/上下文

大多数移动

应用由多个屏幕构成。由于导航方式

的存在,这些屏幕能够

显现
出来,与此同时,导航方式

招致
了复杂的屏幕层级结构

。当应用要展示

大量内容的时分
,这个问题显得特别
突出。为了在屏幕切换的时分
不损失用户,显现
每一个屏幕的目的显得十分

重要。在UI/UX设计的时分
有一个关键点:经过
给每一个屏幕添加标题来处置

这个问题。在一些状况

下,运用
屏幕标题也允许

以辅佐

用户更好天文
解应用的完好
导航方式

保管
每一个应用的上下文很重要,也很难办。的确

,移动

屏幕通常很小,并没有留下足够的空间添加标题。默许
状况

下,Toolbar(或者ActionBar)是放置标题的圆满
中央
。假定

你想在屏幕上保管
尽可能多的空间,要毫不犹疑
地使用智能滚动技术在内容被滚动的时分
躲藏
Toolbar(例如Google Play Store)。

对谷歌自带闹钟应用中资料设计的隐恶扬善

多亏了它的标题,屏幕的目的了如指掌

对谷歌自带闹钟应用中资料设计的隐恶扬善

这个屏幕是干嘛的?

关于屏幕当前状态的信息

正如早前描画

的一样,在执行与UI的直接交互时,反响

是很显然
的。但是
,很显然并不只
限于此。你能够

完成
的另外的良好反响

是“状态反响

”。固然

表达看起来很笼统
,它仅仅包含:通知用户当前应用或屏幕气息的状态。常用的状态有:“有内容”,“正在加载”,“加载出错”或“无内容”。

有许多办法

来可视化地展示

状态反响

。当内容本应该正常展示

却没有展示

时,“无内容”状态通常会展示

出来。“加载出错”状态可能展示

在规划
文件中,也可能运用
诸如Toast或snackbar等控件来展示

。最终
,“正在加载”状态通常展示

在内容的外侧,当然也可能同时发作
。当然,加载状态非“有内容”状态所独有:应用可能既要从本地数据库展示

内容,也要从网络上加载数据。

对谷歌自带闹钟应用中资料设计的隐恶扬善

文本和图标明晰
地展示

出没有设置闹钟

对谷歌自带闹钟应用中资料设计的隐恶扬善

简单的搜索无结果反响

拥抱系统可视化言语
和导航方式

“应用即平台”的观念
经常在社交网络上讨论。我个人确信:应用绝不应该创建

自己

的可视化言语
,而应该扩展应用运转
所在平台的平台言语
。这个办法

主要包括在起始时运用
平台可视化言语
,并在此基础

上构建自己

的品牌。

拥抱平台的可视化言语
和导航方式

……缩减认知压力,增强

UI的可了解

性。

拥抱平台的可视化言语
和导航方式

有几个优势。第一点,显著地缩减了第三方应用获取不错的用户交互所央求

的工作量。第二点,缩减了认知压力,增强

了UI的可了解

性。换句话说,由于
外观和行为就像你设备上的其它应用一样,用户能够

毫不费力
地或者只费一点劲就能了解

你的应用。

对谷歌自带闹钟应用中资料设计的隐恶扬善

“撤销”图标看起来不契合
Lollipop主题

恰当地执行反响

我们先前曾经
解释了反响

是多么地重要。在展示

反响

的时分
要遵照
的其它的重要规则是:在确保反响

以契合

逻辑的方式展示

。基本

而言就是你必需
确保反响

要在正确的时间(似乎

步于用户的手势)正确的地点(如交互的位置)完成。这样做强化了用户对应用响应速度和精确

性的印象。

Android Clock应用于十分

善长展示

有响应的反响

。但是
,有些状况

下,可视化反响

出往常

了错误的中央
。有时分
致使

都曾经
“过度反响

”了。

对谷歌自带闹钟应用中资料设计的隐恶扬善

能够

看到,反响

限制于浮动动作按钮

对谷歌自带闹钟应用中资料设计的隐恶扬善

波纹
反响

并没有与可点击图标对齐

对谷歌自带闹钟应用中资料设计的隐恶扬善

反响

在整个可点击项上完成

对谷歌自带闹钟应用中资料设计的隐恶扬善

过度反响

缩减了用户交互的可读性

保管
屏幕之间的分歧

当牵涉到设计应用的时分
,分歧
性是十分

重要地指南。当多数代码片段基于相同的逻辑/值/处置
过程的时分
,很显然这将使得代码更容易维护。从UI的角度来看,分歧
性是获取衔接

性和沉浸式UI的很好的方式。事实上,分歧
性重要保证了用户并辅佐

它们愈加
深化
天文
解应用品牌和作风

从颜色,字体大小,字体作风
,按钮外观等开端
,分歧
性有许多方面要思索
。有几个技术保证了你的UI生成连续和完好
的应用。我个人问题会创建

小的基础

值集(颜色,空间距离

,方格大小,字体大小)和基于这些值的作风
集(文本外观,控件作风
)。大多数的设计人员以为
技术是令人痛苦的限制要素
。我也这些觉得……但是从久远

来看,这显然是有意的具有积极意义的限制。毕竟,移动

具有
超出限制要素
汇合

的有关创建

冷傲

体验的一切
东西。

对谷歌自带闹钟应用中资料设计的隐恶扬善

应用内的Dialog作风
发作
变化(活动和文本外观,活动规划
等)

对谷歌自带闹钟应用中资料设计的隐恶扬善

在主屏幕和设置屏幕里面的Overflow菜单外观完好

不同

对谷歌自带闹钟应用中资料设计的隐恶扬善

设置运用
了蓝色口味颜色,而应用的其他
部分

则运用
了紫色

关于
复查人员和开发人员而言,诊断应用是一种十分

有趣的理论
。从复查人员的角度来看,这是了解

应用并快速学习UI/UX方式

的良好方式。由于
在UI/UX设计中,关于
对错没有明白
的答案,应用诊断常规状况

下能够

辅佐

权衡一切
处置

计划

的利害
。从开发人员的角度来看,应用诊断是从应用上曾经
破费

的庞大

工作量中后退一步的良好方式。多亏了外部的反响

,你能够

更好地发往常

你的代码、UI/UX中漏掉的东西。显然,作为应用的维护人员,你将总是对能否
要调整和修正
应用以反映复查人员提出的问题具有
最终的决议
权。

作者: 博客园

来源:推酷

原文地址:http://www.tuicool.com/articles/6rIvqe6

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章