页面元素的表达状态：常态,暂态.pdfVIP

页面元素的表达状态 ：常态 ，暂态 常态 ：元素在页面上始终显示 ； 暂态 ：元素需要鼠标悬浮 ，点击 ，或者聚 等事件 ，才能触发其显示 ；当事件发生改变时 ，比如鼠 标移出或者 点消失 ，则元素可以再次隐藏 ； 生活中的人们不断地遇到这样那样的问题 ，然后就会萌生各种各样的感觉 ，比如“为什么不告 诉我” ，“现在应该怎么做” ，或者“原来是这样 ，我以前不知道的” ，继而还有“我已经知道了 ，你都说 了很多遍了”等等。这些感觉都表达了一个意愿 ，那就是大家希望生活能变得更加简单 ，让所有的问 题都不再成为问题。 问题产生根源于两类 ，一类是因为信息不对称造成的 ，例如不知在哪里购买演唱会的门票 ；另一类 是因为事件本身的矛盾 ，例如同样的现金在支付演唱会门票后 ，可能就没有足够的余额购买手机了 。本文讨论页面元素表达形式 ，主要围绕信息不对称这部分原因 ，分析如何让页面元素以恰到好处 的形态展示出来 ，使用户了解网站的用意 ，达到信息对称 ，消除疑惑的目的。 其实让信息对称最简单的方法是复制 ，遗憾的是人脑即使通电也没法变成电脑 ，所以沟通成为唯一 的方式 ，语言是人与人的沟通方式 ，网页便是服务器与用户的沟通方式。 我们切入主题——怎样的沟通能够让信息对称 ？ 一. 哪些东西总是需要的——从工具和材料说起 上图中 ，几位厨师在烹饪不同的菜肴 ，所有的材料都摆在了台子上 ，没人会问酱油在哪里 ，葱花有 备用么 ？甚至刷把和各种瓢铲 ，都放在人眼所及的地方 ，也许这便是生活中的“所见即所得” ？ 推论一 ：需要完成任务 ，就提 充分的工具和材料。 【页面分析】 一直困惑于善用网站搜索条件筛选的用户太少 ，也把原因100%归咎于条件筛选操作太复杂 ，用户门 槛高 ，但通过ist ockphot o 网站 ，发现了另外一个原因 ：工具在开始任务之前就提供 ，也许更加有效 ： 继续深入ist ockphot o这个网站 ，在导航区域有了疑惑 ：到底哪些是执行动作的工具 ，哪些是进行 条件选择的工具 ？。看来在同一区域 ，执行动作的工具越多 ，用户理解起来就会越困难。 当浏览到搜索列表主体时 ，发现每个单元都是“图片+ico n+编号”的形式 ，却奇怪地发现点击图片 ， 或者编号 ，或者相机ico n ，进到的页面都是同一个图片详情页面 ，殊途同路 ，用户意料之外的事情 就不是太好的结果。 【交互建议】1. 工具最好是常态的 ，且在开始任务之前提供 ，而不是完成任务之后再提供 ； 2. 过多的工具以常态显示 ，对于用户来讲就不易理解了 ，按逻辑和条件进行梳理是非常重要的。 3. 作为常态显示的材料需要具备单一性 ，不同的材料应有不同的用途 ，尽量减少不同样式的元素用 于同一目的。 二. 重要的东西 ，也不要太唠叨——关于提示 ，状态和结果 ： 这是片场必须使用的道具 ，开拍和结束 ，总会有那么“咔咔”的两下。但也就仅此两下而已 ，它的出 场机会并不多。提醒固然重要 ，却并不代表时时刻刻的提醒都是必要的。 推论二 ：提醒也许是有用的 ，但时刻提醒却让人厌倦。 【页面分析】 拿比较经典的yahoo注册作为例子 ： 上图展示的网页 ，当鼠标 点聚在具体某一项表单时 ，才会展示这一项的填写说明 ，当 点移开 ， 说明又会消失。 这种说明性质的提醒并不表示状态和结果 ，只是一种帮助信息。 上图为填写格式不正确和正确的表现 ：只有当填写不正确的时候 ，才会出现红色警示 ，而填写正 确时 ，不会出现任何的提示来打断用户。 （记得以前yahoo 的做法是填写格式正确 ，就出现一个绿 色的小勾 ，然后慢慢消失掉。看来这里yahoo觉得用小勾渐隐都打扰到了用户 ，既然填写正确 ，干 脆就不用任何东西去干扰用户了。 ） 再拿一个简单的登录作为例子 ：提醒用户账号密码错误是必须的 ，因为这个结果会造成用户无法进 行下一步操作。但提醒就是提醒 ，把提醒变成操作 ，需要去“确定” ，总会给人画蛇添足的感觉。 那么有没有需要“画蛇添足”的情形呢 ？是有的 ，比如不可逆操作的二次确认 ，在这种情况下会牺牲 易用性来达到操作稳定可控的目的。 【交互建议】 1. 帮助性质的提醒应是暂态的 ：尽量在用户操作的同时出现 ，避免影响页面主体元素 ； 2. 对后续操作产生影响的结果 ：显示出来 ；对后续操作不会产生影响的结果 ：可以忽略 ； 3. 对于结果 ，永远不会有“选择”这种情形 ：结果是不需要用户“确定”的 ，所有的“确定”和“取消” ，在产 生结果之前才有意义 ； 三. 人类天生会关联和引申——物品的操作与属性 当深圳东门的优衣库实体店开张时