1704181482
精益求精：卓越的互联网产品设计与管理 5.2 界面设计标准
1704181483
1704181484
我们总是喜欢非凡的设计：很多设计总是不拘一格，它们有非常强烈的张力，总是让我们为之感动；很多设计似乎能启发我们对人生哲学的思考。但是，这些对设计的偏好似乎让我们对设计产生了误解，有的人甚至会认为设计不需要法则，而这些误解对于设计来说却是致命的。事实上，当你希望创建一个用户体验很好的“基础设施”时，没有任何东西比设计标准更重要了。设计标准并不是方法论上的标准，不是风格指向，也不是设计原则文档，设计标准是设计的开始。正确地使用标准，会使得你的用户在浏览你的页面时如同曾经在相同的界面工作过一般。有了标准，项目的展开会加速，设计修复也会变得简单。
1704181485
1704181486
5.2.1 设计标准的价值
1704181487
1704181488
设计标准节约了建设的时间。例如，有的设计者们花费数小时讨论按钮应该叫做“进入”还是“确定”、在哪里放置按钮这类问题，相比之下，设计标准则直接给出了简明的答案。这也确保当团队合作时，所建造的软件或者网站能够保持一致性。
1704181489
1704181490
当前端代码可重复使用时，设计标准还能够节约时间。例如，当你要建立一个单独方式的搜索页或者列表页时，你可以创建一个可重复使用的前端代码来支持此设计。对于这样的页面类型软件，只需要对基础代码做出简单的改动，就为设计的安全提供了保障。
1704181491
1704181492
设计标准让应用更加可用。因为设计具有一致性，用户通过单一页面就知晓整个屏幕如何运作。如果设计标准足够成功，那么用户就会发出这样的感叹：“噢，我以前似乎见过同样的页面！”他一定对此非常熟悉。缺乏标准的设计更像临时的设计，而标准下的设计则需要收集整个团队最好的想法，其基于数百个设计案例，是团队经验的沉淀。
1704181493
1704181494
设计标准也让修复以及升级更加容易。假设某个创新设计非常不错，而整个设计都希望采用这个新的控件，那么就需要标准升级。在整个组织中，这个改变都需要采用标准化的方式，这样可以避免产生大量的工作，使修复变得轻松容易多了。如果没有标准，你就要审视众多不同的图形设计，思考每个图形应该怎样修改，呈现新的设计，编辑代码，然后测试。有了标准，你就能够在页面类型中查看哪里需要这个修复，修改起来也更加系统而迅速，这将会帮助团队提高效率。
1704181495
1704181496
设计标准的另一个无形价值是建立了一体化的品牌形象——将严谨的元素贯穿于公开网站以及内网。设计标准可以让一个网站拥有凝聚感、组织感以及一体感。标准设计不仅仅能够支持品牌建设，而且延续的设计可以创造积极的形象，也能支持特殊个性的需要。
1704181497
1704181498
1704181499
1704181500
1704181501
精益求精：卓越的互联网产品设计与管理 5.2.2 设计标准概述
1704181502
1704181503
当我们确保拥有一个清晰的计划、足够的传播资源、充足的支持以及绝对的执行力时，我们已经具备了建立标准的基础条件。
1704181504
1704181505
方法标准：以用户为中心的设计方法。方法标准描述了设计的过程，但并不包括具体设计的那个部分。
1704181506
1704181507
软件交互标准：提供了软件交互的标准，但它与层级并没有任何关系。
1704181508
1704181509
风格标准：文字、颜色、适当的图片运用，甚至是设计基调，但这些都不是整体设计，而是一些设计中的建议。一般来说，一个风格标准并不包括呈现的风格样式，风格标准达不到为用户提供一个真实体验的水平，而且没有确定每个屏幕的可操作细节，比如，哪个按钮可以走向下一个层级。我们需要的标准只需要细化到选择“确定”、“进入”还是“继续”作为按钮名称的标准。有的公司经常要求设计师给出细致到色彩感情规范的风格标准，当然，这是抱着这些规范能帮助设计师做出“有感觉的设计”的期望而做出的毫无意义的决定。
1704181510
1704181511
事实上，这些原则并不能保证风格设计的一致性。也有很多人对这样的文档缺乏兴趣，他们认为，与其花费时间去写这样的文档，不如花钱进行一些风格一致性设计的探索实践。我认为风格标准的意义在于提出参考，并非在于管理，如果我们能够对风格标准达成共识，那么为何不简单一些呢？
1704181512
1704181513
界面设计标准：对一个界面的外观和交互都做出明确规定的设计标准，其关键在于对页面类型、样式的定义以及设计模板的管理。
1704181514
1704181515
1704181516
1704181517
1704181518
精益求精：卓越的互联网产品设计与管理 5.2.3 设计模板
1704181519
1704181520
模板是所有设计的”DNA”，建立高质量的模板是非常必要的。
1704181521
1704181522
首先，我们需要建立基于设计标准的完整模板。一个模板通常需要一个附带文件，说明什么时候使用这样的页面类型、页面的规则、原型工具（可以让模板拆分为独立页面），以及可以重复使用的代码。一些常见的页面类型为主页、表格、向导页，等等。页面类型的数量并不确定，也许你需要10～15种页面类型来完成整个模板的建立。你可以将常用的页面类型转化为你需要的特殊页面类型，例如有个表格你需要改变页头以及内容，但你不需要改变进入的按钮名称以及向左靠齐的页面布局。
1704181523
1704181524
由于模板的存在，界面设计者并不需要从草图建立每一个页面，他只需要选择相应的模板或者支持此工作的页面来构建设计，这就意味着不需要在草图这样非常细节的水平上创建，而能够从一个更高水平上开始创建。设计者可以决定是否使用菜单，是否使用display table，然后浏览每个需要用到的模型页面，只需要简单的复制便可以完成。如果需要，设计者可以创造包含多种页面类型的混合页面。如果没有模板，那么设计师将要设计所有涉及的内容，包括每个按键的名称以及导航特性，他们所选择的名称以及特性往往不够符合人机工程学，用户要想弄清楚每一个页面的按钮的意思也并不容易，所以，设计标准需要在模板制作中有完整的体现。
1704181525
1704181526
其次，我们需要分辨出具有标准意义的模板。标准有两个类型：基础的以及可选性的。基础的标准是当你使用一个页面类型时你一定会用到的标准，包括用户能够识别页面类型的各种特征以及一般的运行方式。而可选性的标准则更复杂一点点，正如其名称所示，可选性的标准不是必需的标准。例如，在一个搜索页面，你可能需要一个高级搜索的链接，也可能不需要它。在你不需要高级搜索的时候，可以不在此花费心思，但如果需要一个高级搜索时，就必须把它命名为“高级搜索”，并把这个链接放置在用户习惯的位置。这些规则需要被写下，让创建者们知道这些目标，也了解什么是真正需要的。
1704181527
1704181528
再次，提供可反复使用的代码技术以及文档管理可以让模板使用更加方便。一旦有一个确定的页面类型，创建者可以轻松调用代码完成支持工作。这也是说，设计师如果违背设计标准，他就需要做更多的工作，例如：找到相应的开发人员、深入组件、编辑代码。
1704181529
1704181530
[
上一页 ]
[ :1.704181481e+09 ]
[
下一页 ]