总结一下这次项目设计过程中的交互,(因为项目没上线,所以不能透漏项目的名称)虽然某些上线前实现不了。
1:使可点击的元素看起来都是可点击的.
对象本身的静态视觉启示:
全站统一的链接颜色,链接颜色与普通文字的颜色要有明显的区别;
按扭有立体效果,看起来像按扭;
动态改变对象的视觉启示,光标经过对象时改变光标的视觉启示:
鼠标滑过链接的下划线;鼠标滑过图标的视觉变化;
图标与文字的组合,鼠标滑过显示的热点区域应包含图标,而不仅仅是链接.
按扭和链接滑过的光标启示为手形,普通文字的光标启示为"工"形.这样的习惯用法,用户会很清晰此处不可点击,但可复制。
2:尽量使每个操作都有可撤消的功能,避免使用"确认"的弹出框.减少人机的交互.例如删除功能,当用户单击删除时,80%的用户是确认要删除,弹出确认的操作是没有必要的.撤消功能的出现使20%用户可能出现的误操作可以撤消.又不会让80%的用户受到弹出框的打扰。
3:在视觉上表现元素之间平行(同一层次),包含(上下等级)的关系.
平行关系通过元素之间的间距来体现;
包含关系通过元素之间的缩进来表现;
4:使操作与结果的反馈更顺畅.
通过排序的方式,如下图:
上图中,操作在上面,结果在下面,所以排序的方式,应该是最新的记录与输入框的距离最近。越老的记录与输入框的距离越远,因为最新的结果此时在用户视觉的中心。
再看下图:结果在上面,操作在下面,则排序的方式与上图的相反。也是因为视觉中心所在位置的缘故。
好友搜索,结果在当前页中显示。
搜索结果与搜索条件在同一页面显示,比页面跳转的交互会更好,同时支持再次搜索。
|