交互设计工具型网站的体验设计——从广告平台出发装修达人装修头条

工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节，那便是：功能与数据。所以谈至“体验”，其实设计目标也就更加清晰和明确——

１.在保证功能流程顺利走完的基础上，让用户的感觉更加舒适；

２.在面对大量数据时，让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。

工具型产品普遍业务逻辑复杂且迥异，数据量大，往往还涉及不同角色的场景分类……套用一句老话：水很深。设计目标则成为了一盏心中的明灯，时刻提点自己要留神脚下的四伏的暗礁。

功能设计之我见

一级准备

在处理功能设计之时，我奉行一句话：先弄明白了再下手。因为个体功能的修改牵涉到整个流程的走向，往往会在原有的基础上增加操作分流；而平台中的功能增加更会和其他的功能模块发生交互行为或产生影响。在设计师自己还不能对该功能的设计了如指掌的时候就匆忙动手，其结果就是设计进行到一半，问题暴露然后返工，更悲剧的是全套设计稿看似高效地做完，之后却面对全盘洗稿的惨剧。

“脑图”在这个阶段的作用就变得至关重要。用什么工具出脑图？专业软件Mindmanager、Xmind、FreeMind也好，最原始的笔和纸也罢，只要能全面清晰地表现“关系”和“影响”就已经完成了使命。

“脑图”不仅仅有宏观把控的全局意义，而且也同样可以具备指导设计工作细节的现实价值。

功能的平台表现形式

功能模块具体落实到网站中，其表现形式大体包括：表单及其对应控件、按钮、信息反馈及提示，相互之间的关系便如下图所示。

如此一来体验设计也便有了出发点和依托。举几个在广平系统中用到的设计案例吧。

业务性较强的功能，用户所需要填写的表单项势必远远超过单屏，应此将用户表单输入做到恰到好处地贴心，也是工具型网站的一个细节设计点。

功能的增值设计

功能模块在完成它自身价值的同时能不能产生额外的价值？这貌似应该是产品经理在策划这个功能之初就要想到的问题。而设计方能为功能增值做些什么呢？我们完全可以通过对页面结构的设计和流程的微调让它更好的达到增值的效果。

数据的处理

分角色显示数据

从最外层就先为不同角色的人匹配了他们各自需要的数据，进行了第一步数据去噪。当然能够使用这种处理方法必须是建立在角色与诉求够清晰分明的前提下。

数据搜索与过滤

无法按角色或已经按角色去噪之后还留有海量数据之时，数据的搜索与过滤就提到了体验设计的第一位。搜索项是否符合用户实际操作逻辑？搜索中用到的控件是否合理与便利？搜索条件何时取交集，何时又呈现并集，又该如何清晰传达给用户？哪些项可以放入高级搜索？……随着设计的深入这些问题便会应运而生，而它们确实值得设计师深思熟虑。

业务上需要的搜索项过多，而选项全部罗列会导致搜索模块过于庞大时，可以类似GoogleAdwords采用点击激活浮层来进行单项设置，用户在操作时也相对专注。收起检索条件模块，不让复杂的搜索条件干扰用户对结果列表的阅读。甚至可以基于业务特点为用户提供保存查询条件的个性化服务。

数据本身的展现形式

这里我们不谈视觉效果令人为之惊叹的信息可视化处理。传统数据的展现形式不外乎：列表、饼图、柱状图、趋势图等以及它们之间的组合。设计师在运用时，不但要了解页面中不同数据所对应的展现形式，还要将它们有机的结合排布以达到良好的阅读体验，必要时可以对传统的展现形式做一些设计上的处理。

用户自定义

上面就说道过，工具型网站的用户普遍定义为专业用户，他们对数据获取要求也是严格的。在对重要数据的展现中会出现更高级的操控功能，以满足用户对数据的自由获取。

——————————————

交互设计-设计从这里开始

或

2、扫描下面二维码

手机号码不能为空

获取我的装修方案

活动亮点

免费热线:400-660-7700

2015年11月14日星期六十月初三

【乙未年丁亥月甲午日】

结果已同步发送到您手机，齐家网，帮助用户轻松实现装修，感谢您的使用。