浅谈Web用户体验(一)

2023-11-10

最近一段时间在接触web用户体验。我认为,如果要鼓励用户去使用一个新的网站或软件,首先要做到的是,把用户需要完成的事的难度尽量降低。因为一般用户是没有耐性,有点懒的去做复杂的事的人。要解决这些问题,下面总结了一些方法:

第一:尽量告诉用户需要完成或填写什么内容是合格的

不要想当然地认为我们设计出来单表用户都会看的懂,因为不是每一位用户都是学计算机的,其实很多用户是因为不知道要填什么而放弃了填写操作的。在每一个用户可能有疑问的输入旁边,都加上一个相应的说明。做多一点点事情而已,却能大大降低了用户的输入难度。同时需要注意,不是说硬生生地在所有输入项旁边都加一大堆文字说明就完事了,其实更好的方法是,用户填到哪里,我们就提示到哪里,既给用户及时的反馈和提示,也保持了页面的整洁。

第二:尽量避免键盘输入,而多用鼠标点击选择

用户一个明显的特点就是:很少用键盘,巴不得所有东西都能用鼠标去完成。相比起键盘的输入,鼠标的点击操作城本更低,用户更加乐意去执行。所以很多即使看上去是需要用户去填写的地方,也可以通过一个方法让用户单单点击鼠标就能完成。

第三:1.不要一次性让用户填写大量的内容,如果真的有这个必要,请把这个过程细分一下,让用户一步一步完成

满屏幕的填写信息让用户觉得不知所措,更让用户觉得厌烦。简单,再简单,这个才是懒人希望看到的。

对于分步式的填写设计,在用户调查的单表设计上用的最多。把原来非常庞大的内容,分成很多步去让用户填写,并且明确告诉用户进度。对用户来说,每次填写的内容都在可接受的范围之内,也对填写的进度有一个了解。就是这样用户把内容都填完。

内容分步的设计也是需要一些技巧的,不是简单的把内容划分为几步就可以了:

a.步骤不能太多,假如看到要完成一项内容要走十几步,换了是我也会马上关窗口算了
b.
由简单到复杂,由少到多。一开头就让用户填很多复杂内容,无疑提高了用户填写的难度。
c.
逻辑划分要明确,顺着用户的思维方式去设计和划分内容,这样才能保证用户填写时候的流畅度。

转载于:https://blog.51cto.com/hddev/1254281

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

浅谈Web用户体验(一) 的相关文章

随机推荐

  • 跳出弹窗页面禁止滚动(PC端和手机端)

    pc端如何实现 1 当弹窗显示时 为body元素添加属性 overflow hidden 当关闭弹窗时移除该属性即可2 在弹窗的div上设置 scroll stop prevent div 你要显示的内容 div 3 出现弹窗时 为body
  • 移动应用开发---uni-app框架

    目录 一 什么是uni app 二 环境搭建 三 uni app的构造 四 uni app框架主要有五大优势 五 运行项目 六 发布小程序 发布为微信小程序 发布为支付宝小程序 一 什么是uni app uni app 是一个使用 Vue
  • 数据库查询的基本运算,关系代数

    1 关系属性的指定 投影运算 这个操作是对一个关系进行垂直分割 消去某些列 并重新安排列的顺序 为投影运算符 表示按照i1 i2 in的顺序从关系R中取出n列 并删除结果中的重复元组 组成一个新的以i1 i2 in为列顺序的n元关系 2 关
  • doker部署postgres

    doker部署postgres 参考该博文 1 安装docker sudo apt get update sudo apt get install docker 2 在docker里面安装postgres镜像 docker pull pos
  • 第14.9节 Python中使用urllib.request+BeautifulSoup获取url访问的基本信息

    利用urllib request读取url文档的内容并使用BeautifulSoup解析后 可以通过一些基本的BeautifulSoup对象输出html文档的基本信息 以博文 第14 6节 使用Python urllib request模拟
  • c++11/14之std::shared_ptr作为引用参数,普通参数

    1 c 中使用std shared ptr类型做为构造函数参数 并使用std move 初始化成员变量 使用std shared ptr类型作为形参 shared ptr会被复制 使用std move 之后 形参对象就没有内容了 inclu
  • java根据生日计算年龄工具类

    在开发中时常遇到要通过生日计算年龄的需求 这里记录一下 private static int getAgeByBirth Date birthday int age 0 try Calendar now Calendar getInstan
  • linux强制卸载mysql报错

    error Failed dependencies mysql community client x86 64 gt 8 0 11 is needed by installed mysql community server 8 0 31 1
  • html在线校验器,HTML validate HTML验证

    HTML validate是指HTML验证 它是通过与标准HTML规则进行比较的方式 分析HTML文档 标记出错误和非标准代码的处理过程 Web页面使用HTML进行渲染 而HTML本身采用了HTML规范作为其规则和标准 通过验证HTML代码
  • 驱动开发 作业 day9 9/20

    基于platform实现 head h ifndef HEAD H define HEAD H 构建LED开关的功能码 不添加ioctl第三个参数 define LED ON IO l 1 define LED OFF IO l 0 end
  • 同时安装cuda8和cuda9

    转载自 https blog csdn net lovebyz article details 80704800 为了使用tensorflow目标检测API的所有算法 所以打算升级一下CUDA版本以支持tf gpu 1 5 但原本项目都是基
  • HTML5 canvas标签-1 基本使用

    终于有空使用csdn和大家分享点自己平时学习工作时候的心德啦 第一步 介绍下canvas的基本使用 首先 因为canvas是html5的一个标签 所以保险起见 可以先确认下canvas是否兼容 try document createElem
  • VISIO中的工具栏、菜单栏丢失的原因及解决办法

    症状 在 Microsoft Visio 中 您可能会遇到一个或多个以下症状 您所了解的工具栏是启用是不可见的 找不到菜单栏 按钮从工具栏中消失了
  • k8s搭建部署3个节点服务器

    目录 一 环境准备 二 安装kubeadm kubelet和kubectl 三 部署kubernetes Master 四 node节点加入集群 五 查看集群的状态 Init ImagePullBackOff错误 swap分区没有关闭 没有
  • 华为OD机试真题2023(JavaScript)

    华为机试题库已于5月10号由2022Q4 A卷 切换 为2023 B卷 B卷区地址 华为OD机试真题2023 B卷 JS 华为机试有三道题目 第一道和第二道属于简单或中等题 分值为100分 第三道为中等或困难题 分值为200分 总分为400
  • matlab 平方差,第七章 最小平方差的方法(The Method of Least Square ).doc

    第七章 最小平方差的方法 The Method of Least Square doc 第七章 最小平方差的方法 The Method of Least Square 本章說明利用最小平方差法 找出適合一組資料的曲線 在本章中包含Matla
  • T100客户端接口开发实例(T100对接销售易CRM)

    design bu leezec 296066606 应用实例 T100销售订单推送到CRM 需求分解 1 调用销售易接口校验取得token 2 取得token后按照要求推送数据 1 什么是token 首先 要调用CRM的实际应用场景 就绕
  • ISula 容器学习历程

    容器统一架构图 转自ISula容器引擎 openeuler org 1 下载安装 iSulad容器的下载安装只需要很简单的一条命令 yum install y iSulad 安装完成 2 容器配置 以配置nginx服务器为例 2 1 启动i
  • python 算法基础

    目录 基础算法 一元回归算法 多项式回归 预测 任意函数回归 分类算法 kNN k最邻近算法 聚类算法 k means DBSCAN 推荐算法 暂时不写 降维算法 数据预处理 主成分分析 PCA 因子分析 FactorAnalysis sk
  • 浅谈Web用户体验(一)

    最近一段时间在接触web用户体验 我认为 如果要鼓励用户去使用一个新的网站或软件 首先要做到的是 把用户需要完成的事的难度尽量降低 因为一般用户是没有耐性 有点懒的去做复杂的事的人 要解决这些问题 下面总结了一些方法 第一 尽量告诉用户需要