网站导航用户体验设计:选中状态是高亮还是灰色

导航设计中一个基本的任务点是准确标明当前选中项,不当的设计很容易造成用户困惑。尤其是只有两个列表项时,要对用户准确传达当前的选中项,设计上要很谨慎。针对最近项目中遇到的这个问题,记一笔。

用户判断选中状态的心智模型有两种:

一种是指示灯式,如红绿灯、电梯操作面板、各种仪表盘等,指示灯亮起表示选中——即高亮;

另一种是按钮式,按钮陷下去表示选中——即灰掉。明显告诉用户这个正在使用中,不可点。

===========================案例分割线============================

以上两个分别来自淘宝 和 有啊,都是选中状态高亮。(合理的指示灯式体验)

以上两个设计分别来自google和iTunes,都是选中状态灰掉。相信不管两个列表项还是三个列表项,都可以清楚知道哪个是选中项。(合理的按钮式体验)

上图来自阿里国际站,图标+链接的形式,选中状态图标灰掉。图标和链接都能传达选中状态,当用户对两者认知不一致时,该相信图标还是相信链接?(指示灯式与按钮式混用,且指示灯式反着用)

上图来自alibaba wholesale, 选中状态图标灰掉。与有啊一模一样的设计,实际意义竟然完全相反。(可以看成指示灯式反着用,也可以看成按钮式却没设计成按钮)

========================总结分割线============================

综合以上的案例,造成用户困惑的设计,要么是把指示灯式反着用,要么是按钮式没设计成按钮,要么是两者混着用却没统一。

总结:
1、选中状态高亮,代表最广大用户的认知习惯。
2、使用图标表示选中状态时,应该让选中状态的图标高亮。如果非要让选中状态的图标灰掉,图标应该设计成按钮质感,视觉上明确表现出陷下和浮起的状态。
3、利用链接与非链接也可以准确地表示选中状态。图标+链接的形式慎用。

时间: 2024-11-02 03:27:56

网站导航用户体验设计:选中状态是高亮还是灰色的相关文章

导航设计:选中状态应该高亮还是灰调

导航设计中一个基本的任务点是准确标明当前选中项,不当的设计很容易造成用户困惑.尤其是只有两个列表项时,要对用户准确传达当前的选中项,设计上要很谨慎.针对最近项目中遇到的这个问题,记一笔. 用户判断选中状态的心智模型有两种: 一种是指示灯式,如红绿灯.电梯操作面板.各种仪表盘等,指示灯亮起表示选中--即高亮: 另一种是按钮式,按钮陷下去表示选中--即灰掉.明显告诉用户这个正在使用中,不可点. ===========================案例分割线=====================

大话传统企业网站用户体验设计 做细节就是做用户体验

中介交易 SEO诊断 淘宝客 云主机 技术大厅 说到网站用户体验,很多行内的兄弟们要说得可比接下来要写的话还多,用户体验直接影响了网站的营销效果,如从营销推广的五层数据(即浏览层.点击层.访问层.咨询层.转化层)来看,用户体验在其中间起着举足重轻的作用,哪一层用户感觉不爽了都可能跑掉.无论是传统的企业网站还是专业设计的营销型的网站,用户体验一样可轻易地适用于两者之上,优秀的用户体验设计往往在:视觉性.友好性.易用性.有用性(实用性)等方面体现,无论如何,只要用户浏览网站感觉好.舒适.习惯,那么这

良好的用户体验设计有助于网站留住用户提高转化率

中介交易 SEO诊断 淘宝客 云主机 技术大厅 什么是用户体验呢?用户体验(User Experience,简称UE)是一种纯主观在用户使用产品(访问网站)过程中建立起来的感受.良好的用户体验有助于提高网站的转化率和访客的黏性.A5上关注最多的是搜索引擎优化这一块,对于用户体验方面的文章相对较少.我觉得用户体验和搜索引擎优化与网站的内容一样重要.三方面有机集合能更好的发挥网站的作用.搜索引擎优化做好了搜索引擎能给你的网站带来访客,究竟能不能留住访客,让访客再次回访就得看网站上是否有他需要的内容,

细节剖析小说类网站的用户体验

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 大家好,我是石头.记不清从什么时候开始用手机看小说成为一种时尚,80后.90后的一些手机党们利用一点零碎的时间看起了小说,什么修真类的.什么玄幻类的等各种小说.随着小说迷们的增加也孕育了更多的小说类网站,最牛的当属起点中文网了,不过需要注册会员得花钱才能看完一部小说的全部章节,这让许多屌丝读者望而却步.做SEO就是做用户体验,而用户体验包含的

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴

网站用户体验设计实例:亚马逊购物用户体验

购物网站的用户体验讨论无时无刻不在发生,为了提高用户的转化率,各大购物网站都希望能够给用户提供更完善的用户体验,当然这其中一些像亚马逊的大型购物网站经常会作为研究的案例.本文主要为您分析亚马逊是如何来提高自己网站的用户体验的. 现在电子商务网站的设计,正面临着一系列的挑战,其中最主要的挑战是:我们尝试建立一种用户体验,来提高用户在线购物的可能性. 为了对抗网上激烈的竞争,消除网上多疑购物者的顾虑,设计人员可以采取一些措施来改善他们网上商城的可用性. 自1995年以来, 亚马逊已经成为在电子商务B

网站用户体验设计:页面间的跳转

在网站中,用户当然希望一步操作就完成自己需要完成的任务. 但是事实上,这是不可能的.毕竟网站的目标用户是一群人而不是一个人,目标用户之间的操作习惯必然会存在着很大的差异,况且,目标用户对产品的期待也不同,在网站中往往存在着几个相似或者相关的功能去满足用户在不同场景下的不同需求. 通常,用户不得不进行几步操作去完成网站中的某一项任务.而操作步骤的实施,往往会以连续几个页面的更替与跳转来实现.这些页面之间的跳转,所依附的应该就是这个网站的结构. 网站既然存在着结构,用户就不得不花费一定的成本去学习该

网站设计必须充满诗意 用户体验设计的五个原则

中介交易 SEO诊断 淘宝客 云主机 技术大厅 [编者按]本文作者,现Aura Marker Studio创始人@路意Louis,曾带过五年多的用户体验设计团队.这篇文章是他带团队这几年沉淀下来的一些经验和思考. "设计,必须是充满诗意的." 带过五年多的用户体验设计团队,从几个人到二十几个人.以前自己也做过技术,发现工程师和设计师其实是有很多相近的地方的,那就是都有追求. 带领团队,并不是管好人就行了(所谓的行政管理),更是要实现业务的成功,给团队定目标,定追求,然后与大家一起想办法

网站建设做好用户体验设计四问

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 用户体验的展现形式是站长做网站建设时必须充分考虑的重点.好的用户体验,能够对用户建立信任产生直接影响,尤其是在用户第一次访问你的站点时.就像装饰精致的精品店一样,外观能直接刺激用户的购买欲望.这里,我们总结了用户体验设计应充分考虑的四个问题. 一.实现期望:第一次使用时,体验提交了品牌承诺吗? 品牌承诺,就是保证网站在每个环节的交互当中保持言