什么是好的用户体验

PWA 的核心是用户体验，它的核心技术（如 Service Worker，Web App Manifest 等）都是为了提升 Web App 用户体验，但“体验”其实是个很主观的感受，我们很难用一个或几个量化指标来轻易的衡量用户体验，判断优劣，甚至不同的人有不同的理解，不过体验好的站点都有一些共性，包括不限于下面列出来的一些特征。

  • 首屏速度快
  • 顺滑流畅的动画效果
  • 有用户操作的反馈
  • 比较简单的操作步骤
  • 主体内容比较在最显眼的位置
  • 整站体验一致
  • 无障碍访问，不同的人群均可使用

用户体验的核心是用户，设计师需要站在用户的角度思考用户需要什么，在做设计的时候需要做充分的调研。移动设备上的用户目的性很强，需要在巴掌大小的屏幕上快速找到自己想要的内容。

很多公司都沉淀了自己的一套设计原则和方案，百度在 2018 年发布了《百度移动搜索落地页体验白皮书 4.0》，这里面列出了很多体验上的指导原则。Google 也在开发者网站上列出了他们总结的 25 项设计原则，《What Makes a Good Mobile Site?》。

笔者将他们整合了一下，并且加入了一些自己认为重要的设计原则，如下：

  1. 主操作区域要放在显眼位置
  2. 不要出现巨大的弹层盖住主要内容，比如下载条幅可以放在顶部并且添加关闭按钮
  3. 推送的通知需要满足准确、准时和相关三个特征
  4. 尽量减少用户的输入或者减小输入的代价，自动帮用户填写已知的数据，选择合适的 input 类型
  5. 缩短不必要的流程，让整个转化流程更简洁
  6. 响应式布局，让站点在不同尺寸的浏览器上都有好的体验
  7. 图片清晰，且点击可放大查看更清晰的图片
  8. 避免不必要的切换，让用户在一个浏览窗口内完成所有的操作
  9. 如果需要申请设备权限，如定位、通知等，在申请前需要明确的告诉用户为什么需要这些设备权限
  10. 可点击区域的宽度和高度不应小于 48px
  11. 整站体验需要一致，页面框架、主色调等需要保持统一

好的设计原则远不止上面列出来的这些，好的设计不仅需要美观，还需要方便易用。

那么站在开发者的角度，哪些需要重点关注呢？