网站策划阶段做过很多讨论,方向、风格、栏目都定下来了,一些具体细节却容易被跳过。它们不影响网站能否上线,但会影响访客能否顺利找到信息。图片的使用方式和导航的实现方式,是出现频率最高的两个。
图片用得过多
图片能提升观感,但它的作用是辅助说明,不是替代内容。把大段信息做成图片,或者每个栏目都配一张大图,会带来几个直接后果:
- 加载变慢。图片体积远大于文字,首屏图片过多时,在移动网络下的打开速度会明显下降。
- 信息无法被检索。图片里的文字对搜索引擎不可读,对屏幕阅读器等辅助工具同样不可读,等于这部分内容不存在。
- 维护困难。改一个字要重新做图,成本远高于修改文本。
比较合理的做法是:关键信息用文字承载,图片用来补充展示。产品图、案例图这类必须有图的内容保留图片,但控制数量和体积,按需压缩。
导航做成了图片
为了视觉效果,有的网站把导航栏、栏目名称做成整张图片,甚至按钮上也只用图片不用文字。这看起来更美观,代价是导航失去了文字链接的基本功能:搜索引擎抓取不到栏目名称与站内结构,访客也无法通过右键在新标签页打开栏目。
导航是站内结构最集中的部分,用文本链接实现,再配合样式呈现视觉效果,并不影响美观,但保留了可读和可抓取的能力。
顺带一提:老式的表现形式
还有一类情况是用惯了早期网站的表现方式,比如大量使用动画插件、每个模块都加边框和阴影。这类效果在今天多数设备上的呈现已经不稳定,部分技术方案也已停止支持。
这不是审美上的新旧之争,而是可用性问题:当访客需要放大、等待加载,或者因为兼容问题看不到内容时,样式是否流行已经不重要了。
回到一个简单的判断
判断一个细节是否需要调整,可以问一句:它是否影响了访客找到信息,或者影响了信息被找到?如果答案是肯定的,无论它在视觉上看起来多重要,都值得重新考虑实现方式。
