设计与规范网络前景/UX产品设计破灭后

译者 litchi95

2012年，1月17号

一个设计师，同时也是一个用户的经验之谈

28个回复

随着科技的高速发展，使得网站设计走在更趋向于有如工艺制品精细度的路途上。新技术的研发带来了新的挑战，这也就意味着需要寻求新的解决办法。因为我们工作的这片领域，确实需要一些更为先进的良策。其余的时间，我们都面对着浩瀚宇宙中的各种问题，问题的产生当然都是有源头的。在我们所能够了解到的网站的发展历程中，面对更多更具挑战性的问题，为了寻找到答案，我们需要站得比纯消耗领域更高一些。当我们遇上形象设计和视觉艺术的一个丰腴期，我们都会采用这样一种方式来解决问题。如果我们能够确立一套自己的抽象系统，就可以构建一种自我挑战模式，并且我们就可以把控、引导源头，成为先锋力量。然后我们可以涉足一些原本是无关联的领域，比如说心理学或者是音乐领域。我们甚至有机会可以了解到18世纪早期的，有关于Johann Sebastian Bach的一段插曲故事。当然在这篇文章当中，我们关注的重点是网络技术发展到现在，巴赫这样的人物所做出的贡献——对于我们来说，更为明显的挑战是在设计方面，因为我们在设计的过程当中，面临的是终端系统，并且包含了各种多元化的内容。

在1722年，巴赫为年轻的音乐家们整理了一本用作教学的单曲合集。这本书包含了48章节——每一张都有前奏、赋格，也有分门别类以及重点圈示。他把这本书命名为The Well-Tempered Clavier。

为了向历史上闪耀的著作致敬， 你应该了解一下，在那个时期，巴赫的任何一个构想都有可能成为主音，或许在有的人眼中属于异端。这不是哲学的问题，而是一个物理学问题：一个键盘乐器的固定音阶高度要达到一致的程度，在选键的时候就需要留意。在调音的阶段，12个主大调上的弹奏要一致，几乎是不可能的。

根据物理学原理来讲，音律的律动是不容易被改变的，因此人类的感知相当容易受到感染。唯一的解决方案是重新定义一下“音调和谐”的定义。通过调整一个具体的间隔距离，能够确保它们和一个完美声调只有些微差距，而调音系统则促使演奏者在弹奏的时候能达到各键的和谐一致。在整个过程中，键盘演奏者手法上的细微转换，能够更明显地体现这套理论系统的高级作用， 也就形成了演奏者的个人弹奏风格。

巴赫，Well-Tempered Clavier，第一章序曲的公开部分。

在用来试音的乐谱当中，最为有名的当属巴赫创作的Well-Tempered Clavier，非常明显成了现在调音、练习的最佳典范，西方乐界的声音大多数倾向于更能体现音调上和谐一致的理论。方式不同，但是目的是一样的，所有的键都应该使用上，调音的时候每个键都应尽量争取调至完美状态。这一部分是更倾向于音质的实用性。

在过去几年当中，关于网络技术的发展很有可能从网站设计方面转到对于多元化终端的设计上面。这将不再是任意两个浏览器之间作用的比较，而是针对于不同种类客户端的浏览器，通过不同的屏幕大小，不同的容量，不同的局域区域，不同的界面，来展现各家网页网站的不同内容。

在UI设计理念的带领下，网络世界将会迎来怎样的发展

尽管根据以往的经验，我们已经能够做出抢眼的，独具特色的网页，但是要设计出更具创造性的网站，我们还在这条道路上研习。在做这些的时候，良好的心态对我们十分管用。

对于这个理念的应用，UI设计的目标十分明确：通过传递一种良好的经验，来圈定终端设计的范围大小，但是我们同时还必须考虑到某些偶然情况，比如独立界面依然存在着的一些不完善的地方。针对我们的设计在其他环境中是否能有效运行的问题，我们的相关配套服务还需要改进。

第一设计

举一个简单的例子，触摸屏的广泛应用，使得近些年设计网页的时候都有把这些材质上的转变考虑进去。一个良好的规范化的网络在这些最新的设计当中起到了明显的作用。触摸屏作为被指定的一个研习设备，因为需要使用手指接触屏幕达到操作的目的，要求自然是比使用鼠标操作更多。而为了确保它的实用性，在选择交互式原件的时候，通常，我们会选择稍微大些的原件。当交互式原件的大小增加的时候，意味着其他的原件都将相应的有所增加，这样才能使得整体上的平衡。由此引领出了一种时尚：屏幕的大小和厚薄。

 Gmai这次最新款的设计，整体风格上更加简洁并且每一个功能键的选择都更加丰富，在使用过程中也更方便了，包括桌面图标的设计都很有针对性。

ipad在用户中的广泛流行，很好的解决了触摸屏电脑和台式电脑关于屏幕大小问题的争执。ipad的广泛使用，使得触摸屏电脑的桌面设计变得更为重要。如果你有注意到对主要产品的一个再包装和设计，比如像Gmail和Twitter或者是浏览CSS相册，就会发现网页的设计正在发生转变，界面上开始有了自己的风格，可供选择的各种产品和项目变得更加多样性。界面上空白的地方增多了，每个功能键的内容更加多样化了。总体上来说，整个界面的选择比以前的界面更加丰富。当然其他有一些因素也在起作用，比如说屏幕一直有增大。

我们现在面对的问题，是设计上做出的改动。根据占用空间的对比，我们更倾向于用手指触摸屏幕达到操作系统的目的，借以取代用鼠标操作系统。从个人经验来说，以这个设计上的改动为例，我们会把各种误差，哪怕是很微小的误差考虑进去，这样在累积的大多数经验之上得到更好的支持。

UI设计的一个侧重点在于对屏幕的轻触，注意到这一点很重要。如果在使用鼠标的时候也能注意到这一点，UI设计的效果或许能够得到更好的体现。一个功能性按钮，在实用性和多样性的冲突面前，我们首先侧重的是实用性。而在实用性的研发过程中，不可避免的会出现一些错误。因此，从最初的设计方案里面是否持续地有了更好的改进，成为我们能否得到分红的考核。

 微软的Metro design语言，一开始的一个设计理念就是由时尚过渡到交互式设计。

从大众化的设计转为一种更负责任的设计

尽管更多的议论都是针对更负责任的设计的需求，我们试图把关注点转移到技术响应方面，但是对技术的响应从来不是我们的初衷。当我们的设计遇到这样的瓶颈后，转型成为了一种课题。外部环境当然会存在一些不同的声音，电脑相对于电视屏幕的局限性，就意味着对于满足受众的视觉感官提出了更高的要求。另外，也是针对更为广阔的一个受众群提供更为全球认可的经验。

我们在这趟设计之旅中，扮演着负责任的驾驶员的身份，以期待达到我们所盼望的全球认可的设计理念。我们现在仍然穿行于中规中矩的设计方案，Boston Globe网站就是一个成功的例子，在大众方面来说，就是最为负责任的一个成功案例。

 针对全球用户的Boston Globe网站成为了其中权威性的典范。

这样有针对性的一个新产品开发战略，使得单个产品的特性能适应任意一种区域。比如说，一个读者习惯阅读Boston Globe（甚至是Apple Newton!）但这不仅仅是尖端工程学的里程碑，期间还包括媒体的监督以及一个实用性很强的JavaScript wizardry应用程序的自我调整。

这是一个平和的演变过程，就目前来说，选择简约风格的原因，根据我个人的分析是它作为一个对外交流的一个窗口设计，更多的是侧重于包装上面。单个用户的体验想达到舒适的程度，这将是一个漫长的路途。从另一方面来说，在这个过程当中，设计师本身并没有赚取什么利润。而这种设计有可能用于一个更为广泛的应用环境中——在应用程序的运行过程中，将会有12个重要原件在其中起到重要的作用。

通讯设备的时尚设计

先前的一些设计例子被更多的关注于它们的绘图，但是在实用性设计这一方面，则是偏向于商品特性，用户的体会，以及信息的构成方式——几乎涵盖了设计领域的各个方面。让我们先把目光放在已经上市的商品，以及针对通讯设备的设计概念。

如果你处于通讯设备的设计前列，那么你的设计一定是和市场有关联的。当一个通讯设备的设计进入初始阶段，就意味着同时会面对在通讯环境制约中对产品的组装和完善。因此，在设计中产品所需的必需元素，将成为设计师必须考虑到的环节。

因此，当一个团队把通讯设备的设计放在研习项目中，并且是最重要的位置上的时候，他们想争取的，满足的客户群势必是在他们设计之初，有针对性的用户中。

一旦这些设计方案的确定，建立在一种远景规划，而不只是针对通讯设备，那么它的高度能确保在规范产品的整体效果上， 这样设计方案在运行期间才能保证一个有效的环境。Twitter近期的返工设计（比如说，“New Twitter”或者“New new Twitter”）就彰显了这些规则。

New Twitter拥有一个简洁的设计并且保持了它一贯的高度。

关于Twitter新页面的一个返工设计，目的之一就是为了给电脑用户和手机用户在交换使用的时候不再产生障碍，Twitter的页面会有相应的帮助，以解决这些问题。对于UI设计来说，具有挑挑战性的问题是如何在感观上保持它一贯的风格，至于全产品的一个体会过程，则是更深层次的问题了。在两种界面的交替期间，首先满足通讯设备的设计方案对我们来说很重要，使得我们能够先立足于一个对于我们有利的平台。

关于Twitter这次的设计，我通过手机用户体验，发现一些有趣的作用力可覆盖全产品的整个设计。举个例子，在那个小鸟按钮的旁边，所有的运行都是通过四个条目发起的：“开始”“联络”“发现”以及“我”。就一个小屏幕来说，这样的一个程序运行已经算是很不错了，而那四个条目刚好发挥各自的作用。

而电脑用户看到和使用的界面，有一些是专门针对这一类用户特别设置的，在手机版本当中只有一个简单的运行界面。尽管使用电脑，拥有足够的运行空间——从像素和显像来说——同时也就意味着选择上的多样化，这个界面的设计显然依旧有所保留，在运行上变得稳定了，当然是为了确保它的全球化用户。

对于狼性的担忧

在系统调适运行的最初状态下，程序的顺畅运行就会有一个预期标准，并且有考虑到外界和竞争对手会在同一时间发出不和谐的音调。在音乐家的眼中，把这种司空见惯的情况称之为“狼的本性”。

我们的端口设计在遇到上述情况的时候，可以这样解释，针对每一个运行程序而涉及到的可视元件和交互式元件，在开始承载另一个程序的运行的时候，这个过程中就会产生一定程度的消耗。回想一下你在使用这些设备过程中的囧况：和鼠标较劲的鼠标手，或者是在手机狭小的屏幕上阅读小说，或者是使用触摸屏的界面，搭建在悬浮的平台上。这些就是UI设计中需要调适的地方，有可能造成用户使用过程中的困扰。

 这些文章的链接是通过鼠标交互式作用完成的。当你使用触摸屏手机阅读这些文章的时候，期间的损耗是很大的。

 这是New York杂志的网络版，在它的下拉框导航目录中，界面设计的实用性和感观的舒适度，在大屏幕电脑上很好的体现了。

一些相似的观点和实践中的小贴士

这套负责任的设计方案和特殊装置，尽管有很多问题存在，在改进过程中累积的经验，可以为我们找到一种解决的方式。如果我们能够将这个装置，所占用的空间，转到一个圈定的环境当中，我们将不会接受一个缓慢的，平庸的设计过程。但是我们所支持的一系列，大批量的终端设置，在数量上只会增加，这必然导致某一个装置唯一适用于某一个方案的不切实际。

假使我们在提供这样考究的设计方案的同时，使得执行同步，那么整个系统的顺畅运行就只可能是幻想，但是可以归为期待中的概念方案。

此外，因为我们可以针对一个特殊的环境裁减设计方案，这意味着用户会抱有更多的期待，这种期待它只是建立在介绍经验上。无论我们是否愿意，全球一体化的势头是不可避免的。

谨记的小贴士

1、设计要针对市场 

2、技术上，首先考虑触摸屏的侧重点是什么

3、设计理念全球化

4、通讯设备放在设计的首位

5、注意事项