童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

人机工程学在交互设计中的运用

1月21日 星宿房投稿
  大家在做设计的时候都会遵循一些交互规范或者常用的一些规律,但是经常情况下,我们都没有深入的研究为什么这样定义这个数值,这个数值是否合理?如果没有严格的理论支持,在设计中直接运用一些规律,就有被挑战的可能。下面我谈谈几点我从人机工程角度分析的我们通常使用的一些数值。
  合理的文本长度
  我们随便打开一个web网页,或者拿过一份报纸,数一数会发现大多都是在40个汉字左右。这是因为每行文字过长会让用户阅读难度增大,致使用户扭动脖子频繁,造成疲劳;再者从上一行文字移动到下一行也容易串行,干扰阅读效率。
  正常文字阅读
  所以正常情况下,从规律总结上得出:在宽度上一般控制在450px700px为宜。参考网页字号大小,汉字一般在3040最佳;英文字母一般80100最佳。
  这点大家可能都知道,但是为什么这样的长度最佳?我经过研究人际工程学发现:人在集中注意力的时候最佳视角是30度,按照平均人眼到视屏的距离是40cm,算出来宽度约470px,按照正常字号14号字,可以显示33字。
  网页及客户端toast、tips文案长度
  根据数据研究发现,人在面对有速度的内容时候,集中注意力的视角会变为原有的12。所以针对于tips和toast文案,一般控制在普通的阅读内容的一半,即1520字(225px350px)之间。而且仅显示一行的情况下,用户还需要一定的定位时间,综合以上,把字数限制再20字以内上非常合理的区间。
  合理的toast时间
  中国人默读的速度是400500字一分钟,均1s钟6。58。5,我们按照7字s计算。根据数据最终规定如下:a。15字显示1s消失;b。610字显示1。5s消失;c。1115字,带关闭按钮,显示2s消失;d。1520字,带关闭按钮,显示3s消失。
  关于消失机制:1。默认的时间后自动消失;2。带关闭按钮(因为人的耐心时间是3s,但是字数略多的情况下,对于阅读速度快的人有足够的时间去点击关闭提示,不给出关闭按钮,会影响一部分人的体验。)。
  合理的加载时间
  对于人的反应时间:经过调查发现,正常人的反应时间是0。150。4s(“飞人”刘翔的反应时间为0。139s)。据说刘国梁的反应时间比其他运动员要快0。01s,所以才能取得好成绩。
  在设计的时候发现,大多的产品,尤其是web的加载时长很多情况下,基本可以在1s内完成。在baidu期间的项目中对于旧版的产品loading的优化中发现有的情况下,不计算时间,直接出现加载动画,这种情况造成的影响是:对于1s内的加载,用户反应时间是0。4s,其实加载loading的显示时长相当于是0。6s,时间非常短暂,用户需要去识别这种没有冗余的信息,增加用户处理信息量,给用户造成了系统卡顿感觉。
  所以在进行加载loading的规范如下图:
  合理的对比颜色
  视觉曲线图:
  亮度越高的时候,视觉识别难度更大,眼睛更容易疲劳。
  人眼的视觉曲线是指对于不同波长(不同颜色)的光,主观亮度的相对值曲线。如上图,右边的曲线称为明视觉曲线,是在明亮的环境下(5尼特)的光谱响应。可以看出,人眼最灵敏的点是在555毫微米的黄绿色光。对于475毫微米的蓝色光和650毫微米的橙红色光,需要10倍的强度才能引起与这黄绿色光相同的亮度感觉,而对于685毫微米的红色光,灵敏度就更下降到1了。如上图的暗视觉曲线,是在0。001尼特以下的亮度下测定的。可以看出,峰值已经转移到510毫微米的绿色光,相应10灵敏度的点分别为420毫微米和585毫微米。这是杆状细胞在起作用。
  那对于设计中的颜色,白色是白频光,全放射光对人眼的刺激最大,所以可以看到很多印刷品采用淡黄色和米白色的纸张。而针对于电脑本身就带有发光,所以同样的颜色对于用户的阅读难度已经增大。另外有眼睛表明,同样的文字,在电脑上的阅读效率仅仅能达到纸张上的80不到。因此为了网页的浏览速度和舒适度,越来越多的网页设计采用了淡灰色淡蓝色淡绿色等等。
投诉 评论 转载

你天天挂嘴边的用户体验,到底是什么?用户体验到底是什么?这个每天都挂在嘴边的词,你真的懂吗?前几年,当我提及用户体验或交互设计时,除了一些业内朋友,大部分人是懵逼的。现如今每个互联网公司都在谈用户、谈体验、……常用中后台交互设计控件使用场景与规范总结最近刚完成平台安畅云2。0的改版设计,平台模块很多,经常存在很多类似的页面和组件,若不制定统一的规范和控件,则会导致很多重复的工作,大大降低产品的设计效率;同时,平台的一致性也……观点解读四两拨千斤的交互设计方法最近读了一本书,叫做《细节,如何轻松影响他人》,里面给出了52条意见,每一条意见都是经过大量实验得出来的,有一定的科学依据,而且这些意见也反应了人们的普遍心理,强力推荐销售人员……在交互设计过程中,你需要持续关注的五个问题认真对待交互设计过程中的每一个设计环节、每一个问题,是提高交互稿质量的基石。过程中的问题很多,需要我们持续关注并解决。在从事交互设计工作的时候,我们心中总是会有类似于这样……使用无序列表的7项注意小圆点有助于分割大段文字,使得复杂的文章和博客更容易消化,突出关键信息。如何运用好无序列表?这篇文章提出了7个注意点。有时候,最好的信息展现方式就是无序列表。无序列表能吸……微交互的设计案例与思考(上篇)作为一名交互设计爱好者,在此抛砖引玉,用6类约30个案例供大家参考,本文先分享前面两部分,即为懒而做的设计和为等待而做的设计。设计师和初级产品经理面试常常被问及手机中的A……你可能忽略掉的Sketch使用技巧Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的……从设计默认值开始,给用户和产品带来更好的用户体验默认值是你的数字产品的默认基准设定值,这些填充设置的默认值虽然常常不多,但是换个角度来看,它更像是是设计师为设计作出一些基本的“决定”,帮助用户更快的让产品运行起来,上手使用。……人机工程学在交互设计中的运用大家在做设计的时候都会遵循一些交互规范或者常用的一些规律,但是经常情况下,我们都没有深入的研究为什么这样定义这个数值,这个数值是否合理?如果没有严格的理论支持,在设计中直接运用……改版设计的思路(下):解决问题做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。上一期(点击查看)我们做了改版设计的第一步发现问题,今天我们来做第二步解决问题!经过分析,我发现一个很有趣……10个步骤,了解新手入门过程的设计原则新手入门是每个应用程序最重要的元素之一。很多时候,它的难易程度决定了用户是否会继续使用应用程序。在用户界面上,新手入门不仅仅是简单的5个介绍软件的页面或说明性的工具提示内容。下……广告Banner:20种高度可行、转化率高的设计思路Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注……
hello酷狗酷狗音乐产品体验报告产品分析每日优鲜:前置仓模式领跑生鲜到家百度地图APP产品分析报告音乐平台最新社交功能对比分析:网易云音乐VS虾米VS酷狗解析微信看一看的价值与产品细节产品分析小米有品,新消费之下的精品电商产品分析报告微信读书:社交阅读的未来趋势竞品分析“医护上门”有没有未来?产品分析丨文艺青年的精神角落,豆瓣未来何去何从?调研月子会所市场发展现状,发掘机会点产品分析你的第二大脑印象笔记产品分析:背单词到底哪家强?
英特尔i5L16G7现身数据库5核5线程,主频1。4GHz恐龙世界大历险想象作文热评聚热点网 男女笑段,笑坏男女2019智慧旅游服务平台TOP30果树有哪些常见虫害赤胸拟啄木鸟:喜欢在树洞筑巢(分布广泛但面临灭绝)逃避追缴欠税罪既遂判刑标准是如何规定的潜规则是什么意思(娱乐圈真的都是睡出来的吗)苹果手机误删微信恢复(苹果手机误删微信)凤尾菇的做法吃凤尾菇有什么好处海王星17日冲日有望一睹淡蓝色星球的风采热博聚热点网 瞧我们一家人

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界