美文网首页产品经理
WEB交互设计注意事项

WEB交互设计注意事项

作者: 宛苏 | 来源:发表于2020-03-14 15:09 被阅读0次

一、鼠标悬浮有用处

1、悬浮引导

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

头像:悬浮状态

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

悬浮状态:

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

2、悬浮强调吸引视线

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

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

默认状态:

鼠标悬浮:

二、鼠标焦点要清晰

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

输入框 搜索框

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

正面案例:百度主页

相关文章

网友评论

    本文标题:WEB交互设计注意事项

    本文链接:https://www.haomeiwen.com/subject/mvuishtx.html