WEB交互设计注意事项

一、鼠标悬浮有用处

1、悬浮引导

简书网页版，鼠标移到头像，出现下拉菜单。体验好。

头像：悬浮状态

简书网页版，底部的更多图标，需要点击才弹出操作列表。交互上来说，明显多了一个步骤，体验差。

悬浮状态：

更多：悬浮状态 更多：点击后

2、悬浮强调吸引视线

网页设计页面一般很大，页面丰富，操作一多，很容易找不到目标。这个时候，鼠标悬浮就起到大作用了。

如淘宝网页版，订单页面，操作非常多，可点的地方也很多。

默认状态：

鼠标悬浮：

二、鼠标焦点要清晰

网页页面很大，稍不留神，容易丢失目标。这个时候，鼠标的焦点状态，一定要强调，以提高使用者的注意力。

输入框 搜索框

反面案例：简书网页版，文章详情页，顶部的搜索：这么大的页面，如果不是光标闪动，根本看不出来那是焦点输入位置。

正面案例：百度主页