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

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

  让常用功能和重要数据信息更接近用户

  预测用户的意图,让他们尽可能接近目标。


  △ 筛选出或跳至用户正在搜索的条目


  △ 将用户常选项目列为默认选项


  △ 产品列表页上把重要数据信息展示出来

  很多时候用户需要像踩弹簧高跷杖一样,点击一个产品,查看信息,返回上一页,再反复操作以查看其他产品。这种设计的可用性差。应把重要信息直接放在主要页面,减少用户反复操作的次数。

  如果你怕这样页面会杂乱,也可以设计成鼠标悬停时显示(如下面这样)


  △ 鼠标悬停时显示有用信息


  △ 常用功能直接展示出来


  △ 用仪表面板方式展现主要数据和状态


  △ 把常见答案放在下拉列表的头部

  交互状态的及时反馈呈现

  通过传达所有相关信息减少不确定性。


  △ 在机器驱动的任务中显示当前进度和剩余时间

  如上传文件是系统在处理,用户不知道内部运作情况,通过显示进度条可以让用户知道进展。


  △ 复杂或冗长的交互状态要及时反馈呈现


  △ 按次序显示操作步骤总数


  △ 显示类目下的条目数

时间: 2025-01-01 08:11:45

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

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

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

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

  往期回顾: <有图有案例!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 {

CSS制作网页时的优化与技巧

css|技巧|网页|优化 使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则请参看<常用css缩写语法总结>,这里就不展开描述. 明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误.在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em.只有两个例外情况可以不定义单位:行高和0值.除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格. 区分大小写