什么是好的用户体验
PWA 的核心是用户体验，它的核心技术（如 Service Worker，Web App Manifest 等）都是为了提升 Web App 用户体验，但“体验”其实是个很主观的感受，我们很难用一个或几个量化指标来轻易的衡量用户体验，判断优劣，甚至不同的人有不同的理解，不过体验好的站点都有一些共性，包括不限于下面列出来的一些特征。
- 首屏速度快
- 顺滑流畅的动画效果
- 有用户操作的反馈
- 比较简单的操作步骤
- 主体内容比较在最显眼的位置
- 整站体验一致
- 无障碍访问，不同的人群均可使用
用户体验的核心是用户，设计师需要站在用户的角度思考用户需要什么，在做设计的时候需要做充分的调研。移动设备上的用户目的性很强，需要在巴掌大小的屏幕上快速找到自己想要的内容。
很多公司都沉淀了自己的一套设计原则和方案，百度在 2018 年发布了《百度移动搜索落地页体验白皮书 4.0》，这里面列出了很多体验上的指导原则。Google 也在开发者网站上列出了他们总结的 25 项设计原则，《What Makes a Good Mobile Site?》。
笔者将他们整合了一下，并且加入了一些自己认为重要的设计原则，如下：
- 主操作区域要放在显眼位置
- 不要出现巨大的弹层盖住主要内容，比如下载条幅可以放在顶部并且添加关闭按钮
- 推送的通知需要满足准确、准时和相关三个特征
- 尽量减少用户的输入或者减小输入的代价，自动帮用户填写已知的数据，选择合适的
input类型 - 缩短不必要的流程，让整个转化流程更简洁
- 响应式布局，让站点在不同尺寸的浏览器上都有好的体验
- 图片清晰，且点击可放大查看更清晰的图片
- 避免不必要的切换，让用户在一个浏览窗口内完成所有的操作
- 如果需要申请设备权限，如定位、通知等，在申请前需要明确的告诉用户为什么需要这些设备权限
- 可点击区域的宽度和高度不应小于 48px
- 整站体验需要一致，页面框架、主色调等需要保持统一
好的设计原则远不止上面列出来的这些，好的设计不仅需要美观，还需要方便易用。
那么站在开发者的角度，哪些需要重点关注呢？