下期该文源自：龙山可（本名 张中伟）
译者dribbble网页：
https://dribbble.com/Asazzywei
序言
这是两套较控制系统的可视化结构设计原则，我将会紧密结合许多事例展开传授，期望你有斩获。
此书归属于译者网志撷取，仍未完稿出版发行，归纳于14年，在写作译者操作过程中辨认出许多事例及原则已经落伍，因而紧密结合当今社会的网络商品和Plogastel的可视化结构设计原则对其展开了补足。
亚洲地区可视化结构设计应用领域的产业发展，既要借力小厂杰出结构设计项目组的高速成长与撷取，也要倚靠内部大自然环境下越发倚重可视化的态势的逐步形成，尽管职责分割现阶段仍没有两个定案，是分立分割出可视化雕塑家，却是UI晋升为商品雕塑家、UED雕塑家，但有两个原则看似约莫可以达成一致一致意见的，那是：产品副经理职责越发向销售业务层下压，懂在产业发展战略层销售业务向精辟筹办产业发展战略的商品副经理，可为民营企业缔造更多的商业价值；而可视化方法论重要信息构架等可视化结构设计应用领域的职责必定递送留下来，由中上游的雕塑家来负责管理，即诸位的诸位，有阻力但也是两条成功之路，企盼。
该文简介
该书作于2014年，译者：布鲁斯“Tog”Tognazzin，主要针对PC端的结构设计经验整理并完稿，但某些原则对移动端同样适用，其中某些观念或者已经落伍或者已经成为可视化结构设计界通用的指导原则。总之，本书对当前的可视化结构设计应用领域仍然有较大的指导意义，对于其中许多落伍的理论或者落后的事例，我会紧密结合当今社会的商品和结构设计事例对齐展开补足，以便大家在读这篇读书讲义时更加高效。（其中有些事例，95后的我听都没听过），由于篇幅太长，将分为三个部分输出。
译者简介：布鲁斯“Tog”Tognazzini和雅各布尼尔森以及唐诺曼是尼尔森诺曼集团的三位成员，这是一家专注于人机可视化的“梦之队”公司。Tog是WebMD的首席雕塑家，WebMD是由Silicon Graphics和Netscape创始人Jim Clark于1996年2月创立的超级垂直初创公司。在此之前，他是Sun Microsystems的产业发展战略技术杰出工程师。在Apple工作的14年间，他结构设计了Apple的第两个人机界面，并编写了八个版本的Apple人机界面指南。Tog是一位多产的发明家，已出版发行了两本书，Tog on Interface和Tog on Software Design，以及共同创作的许多其他书籍。
1.谨慎展开视觉结构设计改版
1.1 视觉结构设计应该由专业的图形视觉雕塑家来完成；
(可视化或PM等岗位不应过度干涉而损害视觉结构设计专业性的发挥)
1.2 视觉结构设计优先级应低于可用性，视觉结构设计改版应当不减少（有益于或不损坏）用户体验；
(个人补足：1.考虑到现阶段快节奏的商品开发模式以及收益优先销售业务优先的商品产业发展战略，特殊情况可以通过损害体验来促进销售业务目标，例如导航类商品投放大量淘宝广告。2.商品有做视觉差异化需而脱颖而出的情况可以在损害一定体验的情况下突出视觉)
1.3 新增视觉结构设计元素或展开视觉改版之后，需要通过测试来验证视觉对体验的影响，是损害却是收益，并根据测试结果采取对应措施，补救或者继续优化；
(个人补足：现阶段成熟网络公司一般都会采取小范围测试，A/B test，灰度测试等等，这种结构设计后验证的方法快速高效，收益高，而更专业些的用户访谈和问卷等方式则需要耗费大量时间准备、收集整理及分析，并不适用于敏捷开发的商品节奏)
2.预测用户所需
为用户提供正在可视化的流程中所需的所有内容和工具；
商品应当预测用户的需求，保证用户在当前状态流畅高效的完成目标，不应使用户去其他页面寻找功能来解决在当前页面遇到的问题或当前迫切的需求，必要内容应当显示全面，必要功能应当可见；
(个人补足：以淘宝为例，商品详情页应当展示必要内容如价格、名称、优惠力户流失)
3.用户自治
3.1 用户有权利自治，即自由的执行操作，以自己喜好的方式完成任务，但在给予自由的同时也要有规则作为限制，包含规则的自由才是真的自由；
3.2 使用户能做出自己的决定，即便是审美上较差或者行为效率较低的决策；
(可以解释为不要用计算机的工作方式指导用户)
3.3 行使负责管理人的控制权；
(商品结构设计人员应当提供关键的规则、限制，如表单的极限值，如手机厂商对手机显示最小号字体的限制，通过预测用户行为合理的控制某些元素以减少错误，避免用户产生沮丧感)
这里译者提出一种预想：使用眼动仪追踪来减少用户意外触发链接的方法；
通过眼动仪的追踪（译者假设手机相机内置此功能）判定用户在触发两个链接的时候，视线是否在此链接停留足够长，是则跳转，否则不跳转。
3.4 使用状态机制判断限制的必要性
想要用户获得杰出的体验需要用户能够自治，而自治需要通过结构设计人员的限制来达到最优效果，但有时候重要信息不足无法逐步形成限制的条件。所以是否去展开限制需要紧密结合使用状态（也是我们所说的场景）；
举个例子，有些场景button需要提供disable状态，以避免用户未填写必填重要信息而执行下一步的异常操作，但有些场景不存在disable状态，因而在不同场景下，是否提供限制来提升体验是要紧密结合场景紧密结合使用状态来判断的;
3.5 在当前页保持完整且最新的状态重要信息
再回到现阶段正在展开的任务中；
3.6 确保状态重要信息准确无误
译者提到苹果更新时显示5分钟，但新控制系统五分钟更新完毕后还要上传手机上所有其他数百兆的重要信息，被骗的用户无法预测何时设备能恢复原状。实则仁者见仁智者见智，许多商品会采用许多善意的谎言，使用户获得更舒适的体验尽管有时是欺骗，很明显的例子是游戏加载的进度条。此体验项许多时候会为销售业务项让路；
下面则是两个反面例子： 网易最新手游明日之后在登录排队时提供了两个虚假的时间重要信息，实际排队时间是预计时间的许多倍，最终造成谎言被戳破，用户极度反感的情况。(这一点直接导致此游戏评分降到极低)
4.颜色
4.1 考虑色盲用户；
结构设计时应当为色盲用户着想，全球有百分之十这样的人群，因而结构设计人员无法忽略。可以通过强化明暗对比，以及展开相应的测试以保证商品在色盲用户群中的使用体验；
(个人补足：谷歌等公司有创建针对色盲用户体验的网站，可以上传商品截图模拟展示色盲用户看到的视觉效果)
4.2 不要因为有色盲用户而避免使用颜色；
颜色是有限的沟通力中的重要组成部分，颜色能传达不同状态、情感，是界面结构设计中不可或缺的元素；
5.一致性
以下四个一致性原则即为可视化人员提供了极高的商品设计自由度，又不会严重破坏商品体验的一致性：
5.1 一致性的层级
以下是从高到低6个一致性的层级：
顶级一致性
平台级一致性
内部一致性
一系列商品的一致性
例如微软的office全家桶；
单个应用程序
单个商品的视觉语言要追求结构设计一致性从而促进 体验一致性；
结构设计元素一致性
小的可见解构，如icon、button、表单等；
隐形元素的可见性
其中提到许多自以为聪明的小元素的隐形结构设计，实际对用户造成困扰。如果你绝对坚持伪装两个控件，其规则应当清晰透明。（两个例子是操作控制系统的窗口可以通过拖动边界来放大缩小，构成大部分操作控制系统的关于这个可视化的一致性。它实际上是隐形的规则，但简洁合理，因而成为用户习以为常的操作）；
解释用户行为
即不轻易改变用户已经习以为常的可视化行为；例如翻页操作按钮位于右下角，而不应当将其放在左上角，使用户忘记潜意识的操作路径而去学习新的可视化是一件令人沮丧的事情，再如mac和windows的快捷键不同，用户在不同控制系统使用软件完成任务时，需要频繁的忘记/重新学习多次；
5.2 诱导不一致
即结构设计差异的重要性，当事物行为不同时视觉的不一致是有必要的；保存操作与删除操作必定需要呈现出较大的视觉差异，而当商品有更新和改版的情况下，一定要提示差异点，否则用户会用以往的方式来使用商品然后辨认出无法正常完成工作；
5.3 连续性
基于一致性的进一步提升；这一原则适用现阶段的商品结构设计，单个商品的体量不断加大，会衍生不同的模块，如电商类商品中加入金融板块（京东金融模块），此时在继承基础的结构设计语言的基础上，更要做出差异化，相同且不同，能让用户感知到这个模块自成体系。
5.4 与用户期望的一致性
使用用户已经养成习惯的结构设计原则，如果没有更好的选择，请保持原样。
6.默认值
6.1 字段内的默认值应当很容易删除或更改
当用户选择该默认项时（以输入框为例如更改个人重要信息的备注），应当自动选择所有值，以便用户可以直接使用空格或者删除键来清除它，或者在用户输入内容时自动清除默认值，再次点击以取消选择整体，将文本精确定位到点击位置。(这可以概括为比较标准的表单输入规则)
6.2 默认值应当是智能响应的
并非一切选项或input项都需要默认值，需要雕塑家根据用户需求去评估是否有填充默认值的必要，而某些情况，默认值可以自动生成，智能匹配，如外卖、租房等商品智能定位地理位置，并填充当前所在位置为默认值。
6.3 默认值不应是专业术语，而应浅显易懂
通过用户测试以找出哪些术语使用户更准确的预测这一选项传达的内容（事实上，专业文案写作已经是两个细分的结构设计技能，以下提供许多之前整理的专业文案写作方法，力求简洁清晰传达重要信息）
6.4 默认恢复项的结构设计应当清晰明确
这里主要是指恢复默认、删除、找回密码等异常操作，对此类按钮的结构设计应当简洁清晰，此操作执行的结果应当是用户可预期的，是结构设计要在用户误操作之前传达清楚的。
感谢写作~ 未完待续~
文中观点归译者所有
欲转
欢迎留言、点赞，撷取！
