125个提升网页可用性的优化小技巧(三)

   往期回顾:

  《有图有案例!125个提升网页可用性的优化小技巧(一)》

  《有图有对比!125个提升网页可用性的优化小技巧(二)》

  除了引导用户,还要减少他们的认知流程,以保持流畅状态。

  尽可能少让用户做计算

  千万别把计算这种事情丢给用户,让计算机来处理。


  △ 显示剩余数量

  在界面内体现用户当前所处位置

  界面就像机场,如果没有“你在这里”的标记,用户会迷路,因此记得提供标记。


  △ 在导航菜单上突出当前所选


  △ 在复杂的界面中提供面包屑导航或步骤图示


  △ 在页面标题前面部分放置描述性或有用的信息

  简化选择类任务

  做选择需要费脑筋,简化这类任务让用户少费神


  △ 指明多数用户选择的选项


  △ 提供常见搜索关键词列表


  △ 下拉分类菜单置于相应导航菜单内

  使用常规的网页设计 界面

  创新很好,但不要跟常规的设计方式偏离太远。用户习惯于某些布局、结构。常规设计之所以流行,是因为他们确实可行。


  △ 使用常规的导航菜单


  △ 把实用功能放在右上角

  每次交互动作后提供反馈

  用户跟界面进行互动后,需获得实时反馈。操作成功还是失败了?发生了什么变化?


  △ 重要的交互动作后反馈提示成功消息


  △ 显示当前鼠标停留在哪个项目上

  最小化等待的负面效果

  消灭所有不必要的等待。如果确实要用户等,则最小化该负面效果。


  △ 加载动画效果使用冷色调减少对用户刺激

  蓝色减少刺激(提高放松程度),蓝色加载元素可让用户觉得加载更快(Gorn et al., 2004)。


  △ 长时间等待时保持用户活跃度(别人他们干等)


  △ 防止用户上传不支持的文件


  △ 实时统计显示任务进展

  尽可能减少用户对记忆的依赖

  别让用户去记住任何东西,将相关信息显示出来


  △ 让表单标签保持一直可见


  △ 避免用户点击后就消失的行内标签


  △ 占位文本放到表单元素的外边


  △ 为可移动输入添加复制按钮△ (△ Add Copy Buttons to Movable Input△ )

  尽量少用锯齿状视图模式

  减少用户眼睛来回移动的次数,让各项补充数据保持接近。


  △ 合并相同的数据字段帮助用户进行对比


  △ 让表单标签紧贴相应元素并对齐

时间: 2025-01-01 15:33:38

125个提升网页可用性的优化小技巧(三)的相关文章

125个提升网页可用性的优化小技巧(四)

  往期回顾: <有图有案例!125个提升网页可用性的优化小技巧(一)> <有图有对比!125个提升网页可用性的优化小技巧(二)> <有图有案例!125个提升网页可用性的优化小技巧(三)> 尽可能兼顾不同用户的知识和技能水平 用户可能是新手.专家或介于两者之间,要根据用户情况设计界面. △ 使用适当的新人引导(四种主要的新人引导策略) 这四种用法刚好可以用一个2*2的矩阵来表示.根据下方图示选择最适合你界面的方式: △ 为新手用户添加提示而不干扰专家用户 △ 使用卡片分

125个提升网页可用性的优化小技巧(二)

  第一期回顾:<有图有案例!125个提升网页可用性的优化小技巧(一)> 让常用功能和重要数据信息更接近用户 预测用户的意图,让他们尽可能接近目标. △ 筛选出或跳至用户正在搜索的条目 △ 将用户常选项目列为默认选项 △ 产品列表页上把重要数据信息展示出来 很多时候用户需要像踩弹簧高跷杖一样,点击一个产品,查看信息,返回上一页,再反复操作以查看其他产品.这种设计的可用性差.应把重要信息直接放在主要页面,减少用户反复操作的次数. 如果你怕这样页面会杂乱,也可以设计成鼠标悬停时显示(如下面这样)

125个提升网页可用性的优化小技巧(一)

  这个系列的教程到目前为止有5个章节,共125个实用技巧,每一个技巧都有案例对比,保证简单易懂.今天@企业官网设计精选 翻译了第一部分 -- 在网页设计中如何引导用户的注意力.学会一个就能受用无穷,更别说这一章整整有17个具体的方法了. 在界面中突出强调一个聚焦点 每个界面都应该有一个清晰的起点.用户应该从哪里看起?要设计清楚. △ UX策略1 – 在页面标题部分添加视觉对比 通过视觉的层次引导用户 通过界面引导控制用户体验.他们应该从哪里先看起,第二和第三步又看哪里?设计要建立层次结构. △

优化小技巧 通过站内文章提升网站权重

什么是权重?从数学的角度来讲,为了显示若干量数在总量中所具有的重要程度,分别给予不同的比例系数,这就是加权.加权的指派系数就是权数,又称权重.权值.引用到网站的衡量上,就是搜索引擎判断一个网站是否权威的一个标准,最先有权重的说法还是谷歌提出,也就是人们熟知的PR!而国内的百度并无BR一说,都是站长们自己定义的,但大部分站长工具都提供了百度权重的查询,可见权重这个概念在每个站长心中占有很大比重! 百度衡量一个网站的权威度用什么体现,百度官方并没有声明,但从站长们的经验来看,站长工具给出的百度权重的

网站优化小技巧以及网站运营的浅析

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 经过几个小网站的优化中以及与别人合作链接中发现了几点小技巧与大家分享一下. 首先网站内部结构 正常的优化结构文章多了,只说下最近学到的一点东西. 1.网站最好加上W3C标准 2.title标签最好放置在 标签下面,而在keyword以及description标签下面. <meta http-equiv="content-typ

网页设计中的小技巧

工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩.又是要大气要有气氛.风格不明确很难把握.栏目这么多页面又这么长--突然觉得束手无策,脑袋里一片空白,没想法了,怎么办?下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 – 将页面的主体或局部进行旋转 我们一般的页面版式都是方方正正,四平八稳,有点呆板.如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些. 对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋转后,画面马上轻松活泼起来,看过现在这个画面,真是

客户端js性能优化小技巧整理_javascript技巧

下面是一些关于客户端JS性能的一些优化的小技巧: 1. 关于JS的循环,循环是一种常用的流程控制.JS提供了三种循环:for(;;).while().for(in).在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;).while()循环的性能基本持平.当然,推荐使用for循环,如果循环变量递增或递减,不要单独对循环变量赋值,而应该使用嵌套的++或--运算符. 2. 如果需要遍历数组,应该先缓存数组长度var len=arr.len

也谈提升js代码可读性的小技巧

逻辑扁平化 我们工作中,可能会碰到一些比较复杂的逻辑,比如:满足条件1,不然XX:满足条件2,不然XX--如此都满足了才OO,写出来大概是这样:  代码如下 复制代码 if (condition1) {   if (condition2) {     if (condition3) {       // do       // a       // lot     } else {       // do zz     }   } else {     // do oo   } } else {

分享页面级SEO小技巧三点

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 今天分享三个页面级SEO的小技巧,页面加载速度.网站结构什么的讲出来可能比较抽象,无法直接拿去实践,就不说了,我们讲一点可以立即拿去用的东西,不过,具体操作起来就要靠个人了. 1.增加页面内容,调整关键词密度 最好将关键词布局到页面重要位置,通常所说的F型布局即可,一般未经过专业优化的网站这样做过以后排名会有一个小幅度的提升. 至于原理,搜索