沧州三亚菏泽经济预测自然
投稿投诉
自然科学
知识物理
化学生物
地理解释
预测理解
本质社会
人类现象
行为研究
经济政治
心理结构
关系指导
人文遗产
菏泽德阳
山西湖州
宝鸡上海
茂名内江
三亚信阳
长春北海
西安安徽
黄石烟台
沧州湛江
肇庆鹤壁
六安韶关
成都钦州

页面元素的表达状态常态暂态

7月3日 圆通道投稿
  常态:元素在页面上始终显示;
  暂态:元素需要鼠标悬浮,点击,或者聚焦等事件,才能触发其显示;当事件发生改变时,比如鼠标移出或者焦点消失,则元素可以再次隐藏;
  生活中的人们不断地遇到这样那样的问题,然后就会萌生各种各样的感觉,比如为什么不告诉我,现在应该怎么做,或者原来是这样,我以前不知道的,继而还有我已经知道了,你都说了很多遍了等等。这些感觉都表达了一个意愿,那就是大家希望生活能变得更加简单,让所有的问题都不再成为问题。
  问题产生根源于两类,一类是因为信息不对称造成的,例如不知在哪里购买演唱会的门票;另一类是因为事件本身的矛盾,例如同样的现金在支付演唱会门票后,可能就没有足够的余额购买手机了。本文讨论页面元素表达形式,主要围绕信息不对称这部分原因,分析如何让页面元素以恰到好处的形态展示出来,使用户了解网站的用意,达到信息对称,消除疑惑的目的。
  其实让信息对称最简单的方法是复制,遗憾的是人脑即使通电也没法变成电脑,所以沟通成为唯一的方式,语言是人与人的沟通方式,网页便是服务器与用户的沟通方式。
  我们切入主题怎样的沟通能够让信息对称?
  一。哪些东西总是需要的从工具和材料说起
  上图中,几位厨师在烹饪不同的菜肴,所有的材料都摆在了台子上,没人会问酱油在哪里,葱花有备用么?甚至刷把和各种瓢铲,都放在人眼所及的地方,也许这便是生活中的所见即所得?
  推论一:需要完成任务,就提供充分的工具和材料。
  【页面分析】
  一直困惑于善用网站搜索条件筛选的用户太少,也把原因100归咎于条件筛选操作太复杂,用户门槛高,但通过istockphoto网站,发现了另外一个原因:工具在开始任务之前就提供,也许更加有效:
  继续深入istockphoto这个网站,在导航区域有了疑惑:到底哪些是执行动作的工具,哪些是进行条件选择的工具?。看来在同一区域,执行动作的工具越多,用户理解起来就会越困难。
  当浏览到搜索列表主体时,发现每个单元都是图片icon编号的形式,却奇怪地发现点击图片,或者编号,或者相机icon,进到的页面都是同一个图片详情页面,殊途同路,用户意料之外的事情就不是太好的结果。
  【交互建议】1。工具最好是常态的,且在开始任务之前提供,而不是完成任务之后再提供;
  2。过多的工具以常态显示,对于用户来讲就不易理解了,按逻辑和条件进行梳理是非常重要的。
  3。作为常态显示的材料需要具备单一性,不同的材料应有不同的用途,尽量减少不同样式的元素用于同一目的。
  二。重要的东西,也不要太唠叨关于提示,状态和结果:
  这是片场必须使用的道具,开拍和结束,总会有那么咔咔的两下。但也就仅此两下而已,它的出场机会并不多。提醒固然重要,却并不代表时时刻刻的提醒都是必要的。
  推论二:提醒也许是有用的,但时刻提醒却让人厌倦。
  【页面分析】
  拿比较经典的yahoo注册作为例子:
  上图展示的网页,当鼠标焦点聚在具体某一项表单时,才会展示这一项的填写说明,当焦点移开,说明又会消失。
  这种说明性质的提醒并不表示状态和结果,只是一种帮助信息。
  上图为填写格式不正确和正确的表现:只有当填写不正确的时候,才会出现红色警示,而填写正确时,不会出现任何的提示来打断用户。(记得以前yahoo的做法是填写格式正确,就出现一个绿色的小勾,然后慢慢消失掉。看来这里yahoo觉得用小勾渐隐都打扰到了用户,既然填写正确,干脆就不用任何东西去干扰用户了。)
  再拿一个简单的登录作为例子:提醒用户账号密码错误是必须的,因为这个结果会造成用户无法进行下一步操作。但提醒就是提醒,把提醒变成操作,需要去确定,总会给人画蛇添足的感觉。
  那么有没有需要画蛇添足的情形呢?是有的,比如不可逆操作的二次确认,在这种情况下会牺牲易用性来达到操作稳定可控的目的。
  【交互建议】
  1。帮助性质的提醒应是暂态的:尽量在用户操作的同时出现,避免影响页面主体元素;
  2。对后续操作产生影响的结果:显示出来;对后续操作不会产生影响的结果:可以忽略;
  3。对于结果,永远不会有选择这种情形:结果是不需要用户确定的,所有的确定和取消,在产生结果之前才有意义;
  三。人类天生会关联和引申物品的操作与属性
  当深圳东门的优衣库实体店开张时,饶有兴致地去逛了。惊奇于那么大一个门面店,却只有3名工作人员。仔细观察,发现优衣库对这种经营模式很自信,源于优化了商品陈列方式,所以将员工数量减少到比超市还少:虽然悬挂的只是少量样品,却能让买家找到不同颜色,不同尺码,不同质地的相关商品。优衣库将相关商品折叠,打包陈列在样品的周围,买家可以通过标签找到合适的尺码,再将他们取出,展开,进一步观察。
  想想,如果将这些服装全都如同样品一样悬挂起来,不仅会占用大量空间,买家的寻找的过程也比较吃力。
  推论三:做到信息对称,需要善用人类与生俱来的关联和引申能力。
  【页面分析】
  针对邮件,gmail有很多种操作,将主要的操作放出,使用较少的操作隐藏,是比较常用的方法:
  在hulu,视频单元显示的都是标题,图片,频道等一些视频关联的属性,这些属性与视频播放的内容有关,会让用户知晓是否初步感兴趣。而当鼠标悬浮的时候,会详细列出视频的长度,时间,用户评分等,这些额外的属性,会让用户进一步明确:是否真的需要点击这个视频?
投诉 评论 转载

怎么饮食预防眼疲劳视疲劳主要是由于我们平时全神贯注看电脑屏幕时,眼睛眨眼次数减少,造成眼泪分泌相应减少,同时闪烁荧屏强烈刺激眼睛而引起的。古方中医食疗专业人士为您推荐一款黑豆核桃冲牛奶可帮您缓解……春季哪些食物不宜多吃入春后,一些慢性病患者食用某种食物后会突然发病,这些食物就是人们俗称的发物。中医理论认为,春季误食以下几种发物,会令旧病复发,新病加重。羊肉对阴虚火旺者及热病、传染……页面元素的表达状态常态暂态常态:元素在页面上始终显示;暂态:元素需要鼠标悬浮,点击,或者聚焦等事件,才能触发其显示;当事件发生改变时,比如鼠标移出或者焦点消失,则元素可以再次隐藏;生活中的人……个方面分析端需求思考方法大家可能已经在各种网站上看过许多B端需求的各种分析方法,作为一个运营商合作方的产品经理,也就是乙方产品经理(笑),笔者也斗胆来谈谈相关的一些B端需求思考方法。一、什么情况……永不过时的简约风介绍了许许多多的aclasstaghrefwiki10499IQi6GGq4。html案例a,现代简约永远是首推的,从去年开始,随着所谓的高级灰流行,极简风又开始在圈内盛行,但……详解原版镜像安装方法现在实用aclasstaghrefwiki10774UUf。htmlwina10系统的朋友越来越多了,不少的朋友选择安装win10原版系统镜像,但是具体操作的时候却不知道怎么安……企业成功的秘密成为独角兽每个垄断企业都是独特的,但是他们通常具有以下特征:专有技术、网络效应、规模经济和品牌化。所有幸福的企业都是不同的:每家企业通过解决一个独特的问题成为垄断者。所有失败的企业都是相……哪些生肖的人天生打工命每个人都希望自己能够出人头地,有一番作为,但是,生活中,总有些人即便再如何努力,还是无法达到如期的预想,一般而言,命盘带煞剋厄者做事容易出现阻滞,且事业运颇弱,如果加上流年运势……冬病夏治是几月份冬病夏治从什么时候开始2020冬病夏治是几月份呢?其实,冬病夏治就是从三伏天开始算起的,如果你不太了解三伏天,可以看看本站提供的详细介绍,让你对生活常识更加的关注!对于节日来说,掌握对了,才能够更好……水母能活动吗是怎么活动的水母在可以水中活动,只不过它们的活动方式跟其它许多动物不同,因为它们是通过挤压和收缩内腔来活动的。水母的表皮下面分布着许多肌肉纤维,这些肌肉纤维的分布非常广,可以控制内腔的挤压……年高考时间表年高考时间安排每一年的高考都令所有人心情激动,今年也不例外,今天,小编就给大家介绍一下今年的高考时间安排操作方法01:hr基本上每一年的高考都是在六月七号呵八号两天进行,对于大部……教你如何画简单画入门教程教你如何画简单3D画。感兴趣的小伙伴们快来了解一下吧。工具材料铅笔、白纸操作方法01:hr先画出正方形。(你画什么图案,就画出图案的轮廓)02:h……
艾扬格瑜伽有什么特点学校读书活动小结中学生期末个人总结行为医学专业自荐书参考精选多篇一盘豆虫上千元养殖开发都赚钱试论成人教育院校走向社区的办学模式管理会计发展必然趋势战略管理会计拿到录取都愁学费年全美最贵大学汇总基于大数据下的高校人事管理信息化的建设研究刑事推定规则在明知他人报警在现场等待认定中的运用新基建释放新红利海尔智家们该提速了适合发说说的个性超拽句子minon氨基酸喷雾怎么样minon氨基酸喷雾好用吗做产品就是谈恋爱需要选择和某个人成为长期的合伙人撼路者值得购买吗?春的消息读后感题樊川杜相公别业情侣互发表示想念的短信蜀中一寸相思左卿辞是处吗左卿辞身世揭秘发型新趋势跟着一众GenZ时尚达人打扮,既显瘦又时尚我为您做简单的事的400字作文如何管理数据库中的数据人活到30岁,这3种朋友就赶紧丢掉吧,别做无意义社交

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找