Ant Design
首发于Ant Design

「自然交互 4」理解元数据,让人机自然交互

引言

本篇为「自然交互」系列文章的第 4 篇,旨在通过讲解「元数据」及其在设计时的作用,帮助设计师自下而上思考设计创意点,促使人机自然交互。

  • 利用情景和之前的用户行为来推送功能
  • 历史记录(偏好路径)
  • 文化习俗
  • 人际关系
  • 元数据
  • 传感器
  • 空间、时间
  • 防呆理论


元数据

元数据是一种用于定义的数据,能够提供其他被某种应用软件或环境所管理的数据的相关信息或者说明。
——《Web 信息架构》

通俗地说:元数据是一种用于“定义”的数据,通过描述属性(如物品的名称、颜色、大小、拥有者等),去定义事物或提供信息。元数据可以分为三大类:

  • 固有属性:说明数据的元素或属性,包括:名称、大小、数据类型等等;或者其记录或结构,包括:长度、字段、数据列等。
  • 管理属性:位于何处、拥有者等,包括:作者、发布来源、审核者等
  • 描述属性:说明数据的质量、环境、状态或者特征等,包括:标题、摘要、作者和关键词等

注:有个别元数据可以兼具以上多种属性,比如:订单状态。

从元数据的视角来分析这张《世纪之吻》的话,如下内容:

  • 固有性元数据:1.大小:360 KB; 2.尺寸:962 x 1461; 3.类型:jpeg
  • 管理性元数据:1.拍摄者:生活(Life)的记者阿尔弗雷德·艾森施泰特;2.拍摄时间:1945 年 8 月;3.本次上传者:林外;4.照片来源:Google
  • 描述性元数据:世纪之吻、二战、拥吻、女护士、时代广场、Times Square、美国海军、New York、病逝、享年 86 岁、让人激动的

元数据是构成系统的基本元素之一。在设计过程中了解这些元数据特性,自下而上发现设计的改进点,打造卓越细节。接下来,我们举着 Case 当火把,照亮五彩斑斓的黑~


How
固有性元数据

说明数据的元素或属性,包括:名称、大小、数据类型等等;或者其记录或结构,包括:长度、字段、数据列等。如果我们用这类数据描述一个人的话,通常包含如下元数据:身高、体重、体脂率、头发数量等。

数据大小:数据大小发生明显变化时,就有出现设计的切入点。

  • Tumblr:如果用户上传了一张超大宽幅的图片,Tumblr 会自动将文案中的「照片」一词变为「全景图(panorama)」。


数据类型:不同类型的数据,通常有不同特点,比如:身份证号、电话号码、URL 地址。

  • Delivery Status:在启动时检测剪切板是否有快递单号,提示用户使用。


  • iOS 版 Safari:当长按地址栏时,会根据剪贴板内容来显示不同的操作,如是文本时,会显示粘贴并搜索,是 url 时,显示粘贴并前往。


长度:在界面显示或者操作时,会对字符串长度有一定的要求,一般是不超过某个最大值(eg:Twitter 经典的 140 字母限制);同时也可以逆向思维来看,因为字符串长度往往和内容质量强相关。

  • 彩虹日记本:为了避免低质量的流水账,系统会限制最小输入字数,引导用户记录孩子的闪光点。


数据列:所谓:量变到一定度,会引起质变。当一组同类型的数据达到一定度,往往可以引起设计的质变。就像装 1 千克土豆时,我们用袋子;装 1 吨土豆时,我们用皮卡;装 100 吨土豆时,我们用集装箱。

  • Shoppingᵁᴷ :当列表超过 10 项,icon 会从菜篮变成推车。


  • 云凤蝶(即将上线):在「体验版」中新建的站点数大于等于 5 个时,会出现「企业版」的推送 Banner,提示用户升级到「企业版」(体验版只能发布 5 个站点)。一些产品的付费用户增长陷入瓶颈,有时仅仅是用户不知道在哪里升级。


特殊数据类型:人们会对某些类型的数据特别敏感,尤其是涉及个人隐私的数据类型,比如:工资、年龄、电话号码、浏览记录等等。提前为这些隐私数据设计特殊形式,避免这类问题的发生。毕竟,解决问题最好的办法是让问题不发生。这类问题会在接下来的「防呆理论」一篇中,重点阐述。

  • 锤子手机:锤子手机收到工资类短信时,会自动隐藏金额,在部分场景下起到了保护用户隐私的作用。


特殊数据值:除了特殊类型之外,某些特殊值也会存在设计意义。如果你求生欲望比较强的话,你必须记得生日、第一次相识日、领证纪念日、结婚纪念日等阴历和阳历。对了,小心闰月。Happy Wife,Happy Life🙂

  • 苹果官网:为了庆祝世界表情符号日,更新了苹果管理团队网站,展示了为所有主要高管设计的 Memoji 卡通人物。(当然,这一点 Google 首页的变化更丰富)


  • 虾米音乐:在你生日这一天,会在播放列表中插入生日快乐歌。对,你男朋友忘记的,他记得。


  • Instagram:当该用户在播放时使用音量键,如果当前视频本来就没有音量时,就会自动提示「No Sound」。PS:记得在朋友圈上传了一段延时摄影(在 iOS 里,默认没有声音的),有个朋友回复到:竟然是一段没有声音的视频,我还以为手机扩音器坏了。


  • 淘票票:买电影票时如果你选择凌晨,系统提示你「今天晚上就要出发了」。


  • Kitchen 色板(即将上线):如果用户选择的色值接近《色谱》中颜色时,会推送接近的颜色名字给用户,减少用户对命名的思考。


总结:固有属性反映事物的本质,就像人的体重、身高、臂展等。通过大小、类型、长度、数据列数量等基本元素,理解固有性元数据的特点,从而透过现象看本质,即使在脱离了业务本身也能快速发现设计的可能性。



管理性元数据

位于何处、拥有者、状态等属性,包括:作者、发布来源、审核者等。如果我们用这类数据描述一个人的话,通常包含如下元数据:国籍、户籍、亲友、所在地、每天上网时长等。


状态:数据不同状态,可以非常优雅的透出给用户。

  • YouTube:视频处于暂停、播放等状态时,页签会显示对应的状态。


  • GitHub:页签会随着当前系统状态的不同而发生变化。


使用者

  • Slack:当接受者不在同一个时区且在半夜的时候,系统会用 Z 来表述提示发送者,避免叨扰到接受者。这一点,对于国际化的即时通讯软件尤其重要,毕竟不睡觉、没有梦。


总结:管理属性,也可以理解成人与事物产生关系后的属性。而人是群体动物,人和人的关系是影响体验的关键因素,后续会在「人际关系」一篇中重点阐述。




总结

在我内心深处,永远有一块地方为细节而保留。我认为细节比蓝图更重要。没有细节,一切皆空谈。细节是本质,是评价质量的标准。
——著名工业设计师 Dieter Rams

作为设计师,我们习惯从业务目标、用户痛点去挖掘设计的机会点,并将机会点转化为设计方案,自上而下的梳理主路径,构建体验蓝图。然而诸多的细节难以被洞察,所以何不将思路翻转一下试试看?通过观察元数据,自下而上反推我们能做什么,打造卓越的产品细节,让人机交互丝般润滑。

从前,我们通常从用户视角来思考设计,设计往往感性和随机化;现在,我们从元数据角度,发现系统实现的背后逻辑,设计往往理性和体系化;最终,感性和理性交织,随机和体系碰撞;让功能找到用户,让用户体验美好


案例来源

如有侵权,请联系作者删除。部分案例来源:

LittleBigdetailslittlebigdetails.com
微交互aliscued.lofter.com


同时,也欢迎知友在留言处写下更精彩的案例。一起,让用户体验美好:)



主编辑:林外

副编辑:瀚雅噜啦哩


最佳浏览体验,可访问「自然交互 4」拆解元数据,让功能找到用户 · 语雀

编辑于 2018-09-27

文章被以下专栏收录

    Ant Design 是一个致力于提升「用户」和「设计者」使用体验的企业级设计体系,利用统一的设计规范、前端实现、设计/研发工具链对产品研发赋能,全面提升企业级产品的使用体验和研发效率。