如何增强前端用户体验

code_sunshine
223 阅读3分钟
  1. 一个有辨识度设计得当的标签页icon，如果是经常访问的用户这样容易培养感情容易记住，好感度+1\
  2. 一个目录直观清晰、层次分明的导航条可以带领用户更好的玩转你的网站，好感度+1\
  3. 一个高亮的背景色块让用户自己自己处于什么位置，好感度+1\
  4. 鼠标悬停时高亮当前元素背景色，颜色浅于已选中背景色色值，有助于区分，好感度+1\
  5. 图片不要忘记设置alt属性，当资源丢失时，可以进行这张图片的文字说明，好感度+1\
  6. 能用css或者图标字体实现的效果就避免使用图片，性能+1，速度+1，流量+1，好感度+1\
  7. 用心推敲你的产品文案，表达清晰、通俗易懂不晦涩、贴近环境风格、幽默，好感度+1\
  8. 避免使用过多的颜色，同样避免颜色单一单调，好感度+1\
  9. 颜色的亮色暗色搭配使用，对比突出亮色，容易抓住重点，好感度+1\
  10. 布局得当，方便阅读，千万不要做些反人类的设计，好感度+1\
  11. 巧妙、合理的使用对齐原则，不要乱用，网页内需要相同也需要不同，好感度+1\
  12. 遵循亲密性原则，逻辑单元内亲近，单元之间保持距离以示区分，好感度+1\
  13. 重复使用一些字体以增加条理性和统一性，用非重复字体突出特殊文字的特殊性。方便抓住重点。好感度+1\
  14. 把握好每个动画的时间，效果得当且节约用户时间成本，好感度+1\
  15. 使用的图片像素大小准确，避免图片模糊效果不佳或者浪费带宽浪费时间浪费性能，好感度+1\
  16. 一个表意清晰、大小、空间得当的logo（如果需要的话），跟标签页icon类似，好感度+1\
  17. 在需要的地方设置title属性，尤其是使用了css的三个点属性的地方（正文除外），进行友好提示，好感度+1\
  18. 同样可以使用字号大小的对比来实现已选中状态，避免当色块对比过多的情况，好感度+1\
  19. 当一些图片或内容可能有些晦涩难懂时，在旁边注上小小的浅色的文字说明，好感度+1\
  20. 检查代码逻辑，优化复杂逻辑代码，减少js执行时间，减少用户等待时间，好感度+1\
  21. 针对比较慢的请求，建议后端人员进行SQL优化，减少等待时间，好感度+1\
  22. 简化复杂的操作流程，不要把用户想的太聪明，简单的操作更适合用户，好感度+1\
  23. 处理浏览器兼容性问题，避免用户遇到异常情况，好感度+1\
  24. 不要忽视颜色的默认寓意，比如绿色常常代表成功，黄色警告，红色错误等等，切记不要用混，好感度+1\
  25. 适当的替用户做主，减少用户操作，好感度+1\
avatar
文章
阅读
粉丝