[软技能] 第146天 移动端的用户体验有哪些优化的方法？
haizhilin2013 opened this issue · comments
第146天 移动端的用户体验有哪些优化的方法？
比较方便的可能是直接套用Bootstrap了
第三方库走cdn缓存,图片和页面代码按需加载啊, 之类目的都是减少首屏白屏时间,尽快显示
无限滚动,下拉加载更多,虚拟列表等主要是为了减少渲染dom数量,减少卡顿.
转场动画,按钮反馈特效等实质也是留个缓冲时间加载资源, 让页面不换不生硬
体验上的呀，1. 响应快 2. 易理解 3. 容易操作
响应快
一方面是代码和请求的优化，一方面是更多过场动画。
易理解
界面上，屏幕大小有限，且精力有限，所以不宜所有功能都展示，仅突出核心功能。
文案上，核心功能一定要配有文字，附属功能可图标代替，空状态也可更多样化。
流程上，移动端用户相较更能容忍较长流程，但一定要主体清晰，比如先手机号再验证，不一定要在同个界面中。
容易操作
比如规则按钮放在左上角，一返回就是首页，弹起键盘就挡住内容，这些就很恶心。
而这些能够或者该由前端控制吗，看开发周期和团队合作度吧，
毕竟我们也想做出更优秀的作品，而不仅仅是更优质的代码。
快速：首次加载的包要小和快速，按需加载；cdn选好一点的；图片不要乱用严格控制大小；雪碧图；能用css和html的地方不用js,能不用的包就不要用；代码不要写一些蜜汁操作。
优雅：界面美观大方，布局不僵硬也不花哨，过渡和留白妥善处理；文案清晰易懂，图标意义明确
强大：别人有的你有，别人没有的你也有...
fastclick，betterscroll