你用过的全部应用都有这个功能,你知道吗?

你用过的全部应用都有这个功能,你知道吗?

你用过的全部应用都有这个功能,你知道吗?

做者|Simon Pitt
译者|王强
编辑|王文婧
你可能从没据说过它的名字,甚至没有注意过它,但它实实在在地影响了移动应用的崛起与成功。
我睁开惺忪的睡眼,轻敲个人手机,阻止它继续发出嗡嗡的震动声。个人闹铃是我之前喜欢的一首歌,但我早就对它没兴趣了,由于听到它就能想起被打扰的好梦。反正也拿起了手机,我就划开屏幕,开始查看 Twitter、电子邮件、消息、Instagram、Reddit、Medium 等网站。总之,这些页面我能够无休止地划下去。整整一天时间,就算在我下床补充咖啡因的时候,我也会划来划去。个人拇指点开了几十款应用,还有数百甚至数千页的内容。
据估计,通常人天天用拇指划动的距离超过一英里,可能比咱们天天走的路都长,这要归功于咱们一坐不起的生活方式。
在全部平台上,由这些价值数十亿美圆的硅谷独角兽构建的应用都有一个共同点——它们都使用了同一种基本组件构建:那就是 table,也就是表格组件。 我几乎能够直截了当地下结论:就这么一个用户界面组件,可能已经成为了当代西方社会的基础。
在 Android 中,它被称为 TableLayout;在 iOS 中,它被称为 UITableView。只要你用过 iPhone 或 Android 设备,确定会很是熟悉它:你用过的全部应用都有这个功能,你知道吗?
图片UITableView 的柏拉图式理想的映射。左边是苹果设置屏幕,右边是 WhatsApp 设置屏幕。
这种风格的页面不只出如今苹果的官方应用中,还出如今第三方应用中,与苹果竞争的公司甚至也在使用这种外观。在后台,iOS 应用使用一个框架来建立名为 CocoaTouch 的 TableView。在默认状况下,不管应用来自哪家公司,其外观都是同样的。看一下上面列出的应用,左边是来自苹果公司的应用,右边的页面由 Facebook 构建,但它们并无多大区别。
固然这些只是设置页面。因为 TableView 的灵活性,它现在已为数百万个应用提供了支持。
你用过的全部应用都有这个功能,你知道吗?
Twitter 的 iOS 版本(左); Medium 和一些自我宣传(中); iOS 上的 Message(右)
从本质上讲,UITableView 或 TableLayout 会在页面上显示一个列表。这就是它的所有。
表格中的每一行被称为一个单元格(Cell),通常分为四个部分:编程

  • 左侧的一张图像;
  • 一行标题;
  • 一行较小的字幕;
  • 右侧的一个符号。
    你用过的全部应用都有这个功能,你知道吗?
    又是一张表格!TableViews 无处不在。你能够用 TableViews 作一本儿童读物。截图:苹果 iOS
    就算不写任何代码,你也能够在这些部分添加或删除内容,以更改界面的外观。
    你用过的全部应用都有这个功能,你知道吗?
    TableViews 的样式说明,来自苹果开发者文档(developer.apple.com/documentation/uikit/uitableviewcell)
    从 Airbnb 到 Zipcar,全部 iOS 应用都是用 Xcode 构建的,这是从苹果免费下载的 macOS 应用。不管应用有多大,或由哪家公司开发,开发人员都要使用这个工具,你能够自行下载并当即使用。在 Xcode 中,只需拖放组合一些界面,无需编程经验就能够作出只有 TableViews 的应用。若是你将一些 TableView 单元格放到 Xcode 中,并在上面放上一些图标,那么你的应用实际上不会作任何事情,但看起来和感受上都很像是那么回事,而且你会用到和其余全部 iOS 应用都同样的基本代码。
    建立 TableView 后,开发人员将在此基础上进行构建。他们会建立自定义单元,进而打造出 Uber、Gmail、Snapchat 或 Venmo 等你所熟知的应用。
    如今了解了这些知识后,你会发现 TableView 无处不在。我打赌你根本找不到哪款热门应用是没有 TableView 的。Apple News、YouTube、Netflix、Amazon、Tinder、Uber、Monzo、JustEat——随便找一款 Peter Thiel(Paypal 创始人,著名投资家)投资的应用,确定包含 TableView。就连 Medium 应用也主要是 TableViews 构建的——若是你是在移动应用上阅读这篇文章,就已经点了一个 TableView 单元格。
    TableView 普遍流行并大获成功绝非偶然。首先,它带来了相当重要的 feed。 这是现代应用设计的基础内容——feed 本质上是无限滚动的内容列表。Twitter、Instagram 或 Facebook 的主页都是 feed 流,显示全部最新的内容。它紧紧抓住了咱们的眼球,连眨眼偷懒的功夫都没有,就像是一大罐数字版的爆米花同样:只要开始划动就停不下来。咱们啃炸土豆零食还有个头,袋子空了也就没辙了,但是划动是没有尽头的。咱们可能会说:"再刷新一次,一次就够了。"
    TableView 提供了一种能够容纳内容的结构。企业会设计定制的单元格,人们上传或添加适合放进这些单元格的内容。这些限制(如 Twitter 的 280 个字符、Instagram 的方形照片……)彷佛还在上传做品的创做者中培养了创造力,而格式的可预测性绑住了用户。咱们知道在划动时会出现什么:照片或文本和图像的混合内容;轻点一下就会展开一系列评论,一条接着一条。从根本上讲,TableView 将内容组织成了可预测的模式。
    TableView 彷佛正好符合人们阅读页面的“F 形“方式。 研究代表,当人们在计算机上查看文档时会以特定的模式扫描。他们的目光从左向右滑动,而后从左侧滑下,当某些东西引发他们的兴趣时又会向右滑动。这种目光扫描的模式看起来像大写的"F"。
    通常来讲,人们会泛读、快速扫描,而不会仔细看每一个单词。对于内容较长的文章而言,这不是什么好消息。但另外一方面,TableView 很是适合这种阅读模式。不论是什么内容,它都鼓励 F 形阅读。每一个单元格中的内容顺序是从左到右的,众多单元格在页面上按从上至下的顺序排列下去。咱们能够一眼扫过各个单元格,若是哪里的内容吸引了咱们,咱们就能够停下来仔细观摩一番。若是没有任何内容能勾起咱们的兴趣,那也没问题,只要再划一下页面,就能刷出一组新的单元格,也许此次就会有一些有趣的内容了。
    TableView 在纵向屏幕上可谓如鱼得水。多亏了智能手机的兴起,默认的屏幕形状如今变成了纵向的。即便在横向的台式机或笔记本电脑显示器上,页面的高度一般也比宽度要大,而且两边都有空白。这使咱们可以浏览和滚动列表,轻松扫过大片内容,固然这也很容易上瘾。咱们已经开始在桌面版网站和以前从没想过的许多地方建立 TableView 了。
    与全部发明同样,人们很容易认为 TableView 是必然的产物,但我更愿意将它视为某种小小的奇迹,无形中让咱们的世界更加美好。表格在 TableView 以前就存在于互联网,但它们是用小方格来展现信息的,就像 Excel 那样。它们并无像 TableView 那样为页面自己提供结构。相反,它们是添加到页面上的组件。实际上,开发人员曾被明确告知不要使用表格来布局。虽然说你能够在网页上放置重复的内容块,但正是 TableView 规范了这个想法,并将其延伸到咱们天天使用的全部应用中。
    科技巨头主导着咱们的经济。马克·扎克伯格和杰夫·贝佐斯都是家喻户晓的名字。他们制做的应用不只在经济层面,并且在文化层面影响着咱们的社会。而这一切的背后,则是不为人知的 TableView。
    与应用相比,标准的网页在很大程度上是非结构化的。当你在应用中滚动浏览 TableView 时,你知道下面会发生什么(更多的 TableView 单元格)。但即便在移动设备上滚动浏览网页时,你也不知道接下来会发生什么。可能会有视频、更多文本、表格,或者须要填写的表单,什么都有可能。TableView 改变了这一切。它承诺了一组参数,内容会根据这组参数来呈现。
    毋庸置疑,TableView 成为了在移动设备上呈现内容的主流方式。而它的表亲(更准确地说是其父级)CollectionView 是全部智能手机用户都熟悉的另外一种模式。你用过的全部应用都有这个功能,你知道吗?

iPad 主屏幕(左)、日历(中)和 iOS 照片库(右)的 CollectionView。
TableView 是列表,而 CollectionView 是网格。你没法像使用 TableView 同样扫描 CollectionView,由于你的目光必须一路穿过内容,而后再绕回来查看每一个项目。Twitter 不会使用 CollectionView。而 Instagram 虽然在用户我的资料页面上用了 CollectionView,但在主 feed 上仍是用了 TableView。
我是 TableView 的忠实爱好者,从开发人员和沉迷其中的用户角度来讲都很热爱它。它是应用的基础构建块。再夸张一点来讲,我会断言过去 10 年来应用的爆炸式增加都归功于 TableView。当初人们发明锡罐后,工厂能够制做和储存的新食品数量大大增长了。TableView 对应用而言也是如此。没有它提供的设计和使用框架,咱们的应用将成为一堆乱糟糟的不一样模式的混杂物——就像今天的许多网站同样。每一个应用都会从一张白纸开始,从头发明一切轮子。TableView 是许多应用背后的无声英雄,无形地推进车轮向前滚动。
有时,当我在玩一个应用时,我会停下来看看他们如何设计和实现 TableView 单元格——包括他们使用的图标风格、内容的放置方式、应用的间距、颜色和阴影等等。每次我都会赞叹不已,由于这种组件可让体验如此亲切熟悉,同时使每种实现都显得新鲜而独特。
在我看来,移动应用崛起和成功的故事,就是 TableView 成功的传奇。
做者介绍
Simon Pitt 是媒体技术人员、开发人员、产品经理、软件人员和 Web 工做者。他是英国广播公司(BBC)的企业数字部门负责人,有着独到的看法。更多内容可访问 pittster.co.uk。
原文连接:https://onezero.medium.com/every-mobile-app-youve-ever-used-has-this-one-feature-f10a38671730
活动推荐
技术在企业的发展中成为愈来愈重要的驱动力,所以企业在研发团队成长上的投入日益增长。提高研发团队效能、打造学习型组织,成为愈来愈多企业的一个重要使命。
极客时间企业帐号 专一为企业制定技术人员培养方案,提供系统化学习平台。若是你也但愿提高团队技术能力、塑造团队学习氛围、激励团队成员,请扫码或点击“阅读原文”查看相关课程、获取学习方案。app

相关文章
相关标签/搜索