如何通过细节打造高质量网站，提升用户体验？

站在键盘前，我常常会想：真的只是“技术”在作怪吗？还是说那些看似不起眼的按钮、颜色、甚至一段代码背后都藏着让人心动或心烦的力量？今天 我不打算把你塞进一堆公式里而是想和你一起，用一杯咖啡的时间，聊聊那些被忽略却能点燃用户热情的小事。

一、 导航栏——用户的第一块路标

一、优化导航栏; 在建立网站的时候一定要注意导航栏，主要原因是用户想要在你的网站里面进行深入的了解的话，都会使用到导航栏，这样一来如果导航栏做的不够清晰明了的话，那么就会使得用户在使用你的网站的时候造成一定程度的困难，这样也会让你的用户的体验大幅度的下降，太硬核了。。

加油！ 但别忘了“好看不如好用”。颜色选得太抢眼会分散注意力；层级太深则像迷宫，让人找不到出口。我的经验是：主菜单不超过7个入口，每个入口下面最多两层子菜单。再配合hover动画， 让鼠标轻轻划过时产生微弱回响，好像在说：“我在这里”。

实战小技巧：

• 使用面包屑导航帮助回溯路径。
• 对移动端采用隐藏式抽屉菜单，并确保点击区域足够大。
• 给重要入口加上ARIA属性，提高无障碍可达性。

二、 兼容性——不同设备上的统一感受

二、网站兼容性 在建设网站的过程当中一定要注意网站的兼容性，如果你的网站在你电脑上到头来显示出来的效果是非常不错的，但是使用其他电子产品上浏览有可能会出现乱码的情况， 推倒重来。 这种问题也是非常的需要注意的，如果当你的用户在手机端上线浏览你的网站，却发现你的网站不能够显示所有的内容的话，会使得你的网站的用户的体验大幅度地下降。

解决办法很直接：@media queries 配合弹性盒子或者网格布局，再配合 检查浏览器支持度。