1 .网站用户体验的组成:外观和感觉,可访问性,信息架构,可用性。
平衡点
1 .性能和美感息息相关,网站的目的不在于看着有多漂亮,而在于运行的有多漂亮
权衡以下选择:
性能差异
1 .会增加多少请求
2 .会减少多少页面大小
3 .会如何影响感知性能
美感差异
1 .对品牌有何影响
2 .对已有的设计模式有什么影响
3 .对总体的用户体验有什么影响
实现成本
1 .这种方案的可维护性如何,会使网站代码更加简洁么
2 .目前的团队可以实现这种方法么
3 .需要花费多长时间
4 .团队学习这个有技术收益么?可以使用到其他的项目上么
将性能作为日常工作流程的一部分
1 .当有新图片添加到网站的时候自动压缩(python实现)
2 .使用图片大小调整服务并缓存,这样就不用手动为每个屏幕尺寸创建新图片
3 .在设计指南中说明复制粘贴的模块,方便复用
4 .用浏览器检查页面大小和关键路径
5 .将性能工作纳入日常工作流程并尽可能将其自动化。
基于性能运算尝试新设计
1 .通过在早期建立性能预算,可以在页面的一个区域牺牲性能而在另一个地方补上来
2 .这样一来,你就可以在某一个区域偏向美感另一个区域偏向性能。
3 .要做性能目标,可以先做竞品分析,确保你的性能预算低于他们20%
网站面临的持续挑战
1 .新的技术的出现,picture
2 .网站硬件,品牌和代码的老化
3 .新招的设计者和开发者
4 .性能方面经验丰富的开发者离职
5 .浏览器的持续发展
6 .web标准的发展,HTTP2.0,根绝了一些现有的性能约束
7 .为此,你需要成立一个专门的团队去跟进这些发展。
8 .设计系统是网站视觉语言的的程序化呈现,设计师创造的视觉语言,是用来描述网站如何通过视觉与用户沟通的方式。它集合了颜色,字体,按钮,图片样式,排版布局和界面版式,用来传达情绪,意义和目的。
9 .