选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

UI/UX设计师可以从一个城市规划师的软件设计指南中学习到的

在2016年7月。增强现实游戏Pokémon GO刚刚发布。几天之内,数以百万计的青少年和千禧一代突然花了一个又一个小时在外面寻找稀有的神奇宝贝,互相对战,生活在一个虚拟现实的幻想世界里,体现在我们的物理世界里。这款游戏将继续催生备忘录、促销活动,甚至是一些争议。

Pokémon GO并不是第一个从数字角度与我们的物理世界对接的软件,但它在将用户体验与建筑世界的物理限制叠加方面是个先驱。农村社区的人们可以捕捉神奇宝贝、购买服务或与朋友战斗的地点较少。游戏中的某些地标变得非常受欢迎,并将人群带到无法支持这么多人的物理空间。游戏中的基本元素变得与教堂、企业、公园、博物馆和城市的其他部分相关联。因此,访问和移动性成为玩家从手机游戏中获得最大利益的关键。

0CB7j7f-nYsPSNt6y
Pokemon Go | 图片来源: Marc Bruxelle, via Alamy 

口袋妖怪GO 既是实体又是虚拟的双重现实,在2016年激发了我的一个想法。当时,我在一家建筑公司工作,花了一些时间从事城市设计工作。Pokémon GO将真实的用户体验设计问题具体化到物理世界。传统的应用程序可能需要解决点击和对话框的问题,但Pokémon GO必须将游戏元素转化为物理现实。吞吐量现在与数据和人一样重要。用户通道现在是字面上的人行道。用户界面是对我们的物理世界的重塑。在开发Pokémon GO的早期,我就有了这样的想法;我们的应用程序、软件和数字服务的运作都很像我们生活的城市。

应用是网络空间中的城市

今天的网站、移动应用程序和数字服务的世界已经渗透到生活的几乎每个方面。大多数应用程序并不像《口袋妖怪GO》那样与我们的世界进行字面上的互动,但它们肯定类似于我们在实体城市中移动的方式。2016年的那个夏天让我难以置信地清楚,软件和应用程序可以多么像城市。去你的城镇或城市找一家商店买新鞋的用户旅程,与从电子商务网站订购鞋子没有什么不同。事实上,相对年轻的用户设计领域在不知不觉中借用了很多城市设计的基本原理,以促进这种类型的现实世界的交易。我相信这主要是因为随着服务向数字世界的转移,它们所解决的问题仍然是以现实为基础的。我们有 “虚拟购物车”、”家庭屏幕”、”电子邮件 “和其他许多数字艺术品,它们在名称和功能上都反映了它们的物理对应物。设计师们将城市的元素和服务数字化,并在不知不觉中将城市复制到一个虚拟的环境中。

物理场所的数字克隆

一方面,我的意思是这大部分是比喻性的。很明显,我们并没有建造数字街道、停车标志、人行道、公园、污水处理厂或法院。尽管如此,我们不难想到任何城市元素的数字对应物。电子商务是从杂货店、商场和商店中诞生的。政府网站只是其物理自我的数字拷贝。蒸汽店取代了GameStop。谷歌的搜索功能显然起源于图书馆的经验。缝合这一切的数据和功能也类似于它们的物理对应物,如街道、桥梁、铁路等等。

城市也可以作为我们虚拟世界的平行线,因为互联网是我们物理现实的反映。我们主要使用这种技术来做我们过去在社会范围内的物理工作。互联网已经从本质上消除了我们生活中很大一部分物理距离的摩擦,但它仍然是以空间(这里是指网络空间)的移动为基础的。

0fZioOst55j_ugL5z
芝加哥1909年的 “伯纳姆计划”,由丹尼尔-伯纳姆创建| 图片来源:芝加哥建筑中心 

城市也代表了数字服务设计的同一个中心目标–在空间中移动。请看上面1909年芝加哥的 “伯纳姆计划”。这张地图的重点是住宅街道的相互连接,并采用了巴黎式的 “轮辐 “设计来实现区域移动,这种设计被Ebenezer Howard的 “花园城市 “所推广,如下图所示。每一个城市规划师,自从有了这种做法以来,都在与流动性的基本问题作斗争:我们如何以一种合理、愉快和有效的方式在城市中移动人们。在我们的数字世界里,用户体验设计师们为他们的应用程序的用户关注同样的事情,只是在虚拟环境中。

当然,数字产品和服务主要不是专注于字面上的移动性,而是超越空间和时间的隐喻性需求。换个角度说,我们通过这些服务穿越网络空间,努力减少时间和精力的消耗。想想互联网在各种琐碎的和非琐碎的任务上为我们节省了大量的时间和流动性。学习如何编织,修理漏水的水龙头,与另一个国家的朋友聊天,研究美国原住民的历史,观看体育比赛的集锦,预订旅行去看你的祖母,以及许多其他无数的事情,由于互联网和使我们能够使用它的服务,他们的交易摩擦基本上减少到零。形而上的时间平面现在是数字环境中的旅行载体。点击、排队和认知负荷是数字设计的 “交通堵塞”。

0ahbZutnaOKYUiTfx
埃比尼泽-霍华德的 “花园城市 “模型显示了一个清晰的区域连接模式,以增加城市的流动性| 图片来源:SPUR

简而言之,我们的应用程序、网站和数字服务反映了我们的城市,因为它们被设计用来取代历史上在公民生活背景下执行的物理任务。这些数字等价物的逐渐演变带来了物理人工制品的碎片,将它们的回声嵌入这些数字背景中。像城市一样,这些服务将我们联系起来,促进文化和艺术,最大限度地发挥我们的集体能量,促进交易,并实现空间的有效移动。

城市规划师使用分区来规定土地用途,使其在周围环境中具有意义。与设计系统、场地地图或 “视觉语法 “图书馆一样,土地使用分区在城市中也创造了明确的空间和功能分类。我们的街道、高速公路、铁路线和人行道着重于空间之间的连接。我们有住宅、商业和工业建筑的分类。每一个都有不同的目的或功能。城市有商店、公园、博物馆、政府大楼、音乐厅,以及许多其他类型的娱乐空间。基础设施,如下水道、电力线和电信,提供了重要的服务,使社会的行动得以进行。就像乐高积木一样,我们的城市碎片被组织和组装起来,创造出迷人和美妙的艺术作品,遵循结构、功能、大小等模式。

01Vo8-Y_8Em9iwp__
费尔法克斯市的分区地图|图片来源:费尔法克斯市 

考虑一下你最喜欢的应用程序。任何服务都可以: Spotify、Gmail、TikTok、Duolingo。甚至一个你不喜欢的应用程序也可以。应用程序可以被分解成各种组件和更小的组件,等等,就像一个城市。主屏幕、个人资料部分、安全设置、任务、通知、聊天功能、帮助部分和服务条款看起来都很像城市中不同类型的建筑或地区。它们都是通过点击和滑动连接起来的,很像街道和公路连接城市的方式。引擎盖下是一个由数据、API调用、AI决策和规则逻辑组成的庞大网络。就像我们的公共基础设施一样,这使我们的应用程序在不知不觉中顺利运行。

像城市一样,也有如何执行这些设计的坏例子。例如,交通规划对于确保城市避免车辆拥堵并允许市民增加前往他们需要去的地方的机会至关重要。问问别人他们最讨厌的事情是什么,”被堵在路上 “可能就在其中。具有混乱的服务路径的应用与设计不良的高速公路或混乱的单行道有类似的模式。有些人可能还记得,去年,试图购买泰勒-斯威夫特门票的人数激增,使Ticketmaster的服务器崩溃,就像交通堵塞一样。

数据存储的模式如何呢?一个典型的个人资料屏幕有几个关于用户信息的子文件夹。如果这些项目组织得不好,或者没有遵循明确的分类顺序,就会令人感到沮丧。土地使用规划确保我们的城市有分区法规,也是出于类似的原因。为了安全和服务的统一性,住宅与工业区和商业园区分开。废物处理厂远离学校和家庭,以保护人们,就像敏感的用户信息被安全地存储在特定的子文件夹中,而不是散落在一个网站上一样。

0P8eHhxCL5VVdsg25
西雅图市中心的分区地图|图片来源:Publicola 

在产品设计中,接近和获取必要的信息也是至关重要的。在瞬间调用必要的数据的API对于我们今天手机上的每一个应用程序都是必不可少的。这让人想起了在过去十年中得到更多关注的 “15分钟城市”。其核心前提是:所有的家庭都应该离所有的基本服务和第三空间有15分钟的步行或骑车距离。医院、杂货店、学校等都属于这个广泛的 “基本 “类别。第三空间是家庭以外的公共场所,人们可以在那里聚集和参与,只需花很少的钱或不花钱。像咖啡馆、图书馆、公园、市政厅和公共广场等地方就是很好的例子。

城市规划中以人为本的设计运动反映在用户界面设计中的可及性运动中。刷卡、手势、按钮、图标等等的设计都是以用户为核心利益相关者。数字世界中的无障碍设计原则看起来很像建筑世界中的ADA标准,两者都强调为所有人的利益而设计,而不仅仅是身体健全的人。清晰的、有弹性的、优秀的数字设计,就像建筑和市政设计一样,实际上提高了所有人的物质生活质量。

网络空间城市的建设

上面的例子大多是城市和我们使用的应用程序之间的巧妙隐喻或相似之处的清单。理解这些相似之处的下一步涉及到理解城市规划理论中的一些基础知识,然后继续理解该领域中的实践。我相信城市不仅仅是惊人的相似性,它还为基本不可见的软件实体提供了一个 “物理 “视图。

这让我想起了Pokémon GO。作为一种服务,该应用程序有效地将一个无形的 “数字 “层放在物理世界上。当玩家需要执行一项任务时,并不是轻轻一扫或点击就能完成的;玩家必须走上街头,与 “现实世界 “互动。对我来说,这种难得一见的两个领域的融合,感觉就像一个平行空间与我们的空间相撞的短暂景象。

随着这个系列的发展,我想看看城市规划的价值、实践者、工具和理论,并在公民设计和产品设计之间建立明确的联系。城市规划的实践有100多年的历史,而城市显然也有几个世纪的历史;如果它们与数字产品设计有如此多的共同点,那么我们就有义务探索前者的最佳实践,并将其应用于后者。

翻译:云瑞设计
原文:Tom Seiple

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。