Quantcast
Channel: 少数派
Viewing all articles
Browse latest Browse all 13768

No detail can be too detailed:你不知道的 App 细节设计(二)

$
0
0

097f8c710511b16d3cf3916e02cb359c447f0_mw

前段时间,@少数派Matrix 发起了一个自诩为「行为艺术」的活动:每天一个细节设计。截止目前,已经进行了一段时间,不管出不出意外,我们都会进行进行下去,请大家放心。

在发起这个活动时,我们过高估计了这个活动的参与度和可行性,以至于在初期,我们还能维持每天更新一条细节设计,但越到后面我们越发现,在我们有限的搜索范围内,被发现的细节开始少了起来。为了保证这个活动不被水掉,我们只能降低更新频率,但同时,尽心尽力的去挖掘优秀的细节设计。

每当距离上期汇总新增 7 个左右的细节设计时,我们就会将它们汇总成文。这是第二期汇总,共计 8 个细节设计。

「下拉」不仅仅可以刷新

下拉刷新这个伟大的交互创新是毋庸置疑的,不过现在又被玩出了新花样。Chrome 移动端前不久新加了一个 feature:默认为下拉刷新,在下拉 hold 状态下向左为新建标签页,向右为默认关闭当前标签页,且在切换操作时的过渡效果也极其逼真动感。

bad201d24ed29c2c872383b92e397508447cb_mw 87179849f8e779381af92c5306c34573447cc_mw

异曲同工,MONO 2.0 最近也新增了一个类似的特性:默认下拉刷新,在下拉 hold 状态下左右滑动即可切换不同操作,从左到右依次为「玩个游戏、看个文章、刷新、看个视频、听首歌」,具体效果见下 GIF 图。

4c3ee0d0107eb2512733cdd925d527e5447c6_mw

280517.gif

QQ 邮件:遗漏「附件」时的提醒

使用 QQ 邮箱移动端或网页版,当正文中出现「附件」二字但未添加附件时,点击发送,会有一个提醒,防止用户遗漏了附件。

7ad583c4e08bb22ddd7c76c261cd7a27447cd_mw

即刻 2.0:快速复制高亮信息

在 iOS 版「即刻」中,长按 Uber 优惠码正文,会出现如图一的引导,方便用户仅复制优惠码本身。Android 版的操作也基本类似,长按优惠信息正文,会出现图二的引导,复制所有文字、高亮部分、取消。当然,这个细节设计只在有高亮信息(像 Uber 优惠码)的条目中出现,在普通条目中长按只会提示是否复制消息全文。

5fe4ce3bbf5b90d997852baedf3a0e56447c0_mw 0cfeeb512b4e58eba13da84599fab7a7447c1_mw iOS 短信:气泡颜色增强以突出信息

在 iOS 短信界面,不同位置气泡的颜色深浅是不同的,越靠近底部,消息气泡颜色越深,反之越浅,这样做有利于突出消息,需要说明的是:普通短信的绿色气泡和 iMessage 的蓝色气泡都符合这一规律。此外,还有一个可能大家都知道的细节这里顺带提一下:在短信界面向左滑动可以看到短信发送时间,如图一。

0113433a545533cbe302b02d63559719447bd_mw ce9bbb0ebb5862a7ee0014b7a1182b08447be_mw 120bfe8760ab961393d5cc4ea00faf0e447bf_mw 奇妙清单:emoji 清单图标

奇妙清单 iOS 新版中,当自建清单使用 emoji 开头来命名时,这个 emoji 表情会成为列表中清单的新图标。在之前,清单图标都是默认不可修改的。

b07481134f491963bb9f2e7a6908d99a447ce_mw

QQ:标记上次发送的最后一张图

由于手机 QQ 一次最多只能发送 20 张图,如果想继续发送,在下次选择照片时 QQ 会用蓝色方框标记上次发送的最后一张,方便用户无缝继续传图。

32d6c16ba950941dc6795f519f5d031e447bb_mw 33f5480e095f5806b57c57e81b966cc8447ba_mw

@瞎开心的鞋子 投稿)

Twitter:灵动的收藏动效

收藏这个操作想必大家都会用到,无论是在微信、微博还是遥远的 Twitter,但仔细想想,微信和微博的「收藏」操作本身有吸引到你么?似乎并没有。Twitter 在这点上把国内这两家远远的甩在了身后,动效极其精致灵动,具体可见下方 GIF,来自 Twitter 视觉动效设计师 Brian Waddington Dribbble 主页。

280503.gif

特别奖:火锅漏勺的设计

经常分享有关应用的细节设计,大家或许也有些枯燥,在本期汇总的最后,我们乱入一个有关炊具的细节设计:火锅漏勺的设计。吃火锅时,一个漏勺,一个满勺,换着用还是有些麻烦,于是诞生了下面这种设计,看过之后觉得自己前 20 年吃火锅都显得太傻。笨!笨!笨!真 TM 笨!

不过,也有朋友转发说道,「所有难洗洗不干净的炊具都是在坑人」,似乎也很有道理的样子。不过我们先把吃顾好吧,说不定很快就会出现专门洗这种炊具的炊具呢。

832e305ffb3cbccb4ec2e270db0b340c447b8_mw

 (@马坡泼 投稿)

以上就是第一周的汇总,共计 8 个细节设计。有的细节设计仅仅是养眼,你可以说它是无用的,但有的细节的的确确提高了实用效率、优化了使用体验,不管怎样,正是因为这些细节,让它们不再是一具没有温度的行尸走肉。

如果你有好的细节设计的例子,也欢迎投稿 @少数派Matrix,我们会在微博正文及每周汇总文章中注明投稿者 ID。

关联阅读:缺乏细节的应用,无异于行尸走肉:你不知道的 App 细节设计(一)



文章来源 少数派 ,原作者 觉主好难养 ,转载请注明原文链接

喜欢少数派?欢迎关注我们的微博:@少数派sspai ,微信公众号: sspaime
少数派( http://sspai.com )

f4c753b44e8be28e61b0ae29f35b55b04467e_mw


Viewing all articles
Browse latest Browse all 13768

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>