和许多华而不实的设计网站相比，新闻网站的优秀之处就在于标准，没有浮夸的炫技，却不乏相当惊艳的用户体验。技术永远是为人服务的，无论你的网页设计的多么复杂惹眼，如果缺乏实用性甚至阻碍了正常功能的发挥，依旧无法留住用户。





新闻网站的设计方式更利于新手设计师理解用户体验的意义（因为无论是优点还是缺点，新闻网站都暴露得很明显），也更容易上手。


1.搜索框带来的安心与专业
导航栏对于每个网站都是至关重要的，我们在制作导航栏时往往被横向排列还是竖向摆放、是否可伸缩、是否要浮动、怎样塞下更多的栏目目录搞得焦头烂额，但往往忘记了一个关键——搜索框。





FOX选择经典的条块状搜索框


搜索框承担了网站的搜索功能，当一个用户浏览你的网站并被吸引，他决定进一步寻找自己感兴趣的内容，却失望的发现，根本找不到搜索框。用户就决定走了。


如果有幸他还记得你的网站的话，他会给别人说一句，“哦，那个网站只能找到他想给我的内容，根本找不到我想要的东西。”


这时候，我们可以看看新闻网站是如何重视搜索框摆放的，甚至一些时候，他们还出现了非常棒的用户体验创新。







BBC的条块状搜索框


但 Al Jazeera English和36氪的开关显然更阔气，这种下拉弹出的方式可能会带来更好的用户体验。打开后一整行的内容都是搜索框，做到了醒目，用户更无需担心打字过多在搜索框内显示不完整。同时，这种排版方式整齐流畅，视觉体验很棒。

你可能还会说，搜索框没那么重要，网易爸爸的搜索框就放在了页面更后非常不明显的地方。





网易爸爸灰常隐蔽的搜索框


BUT，首先，搜索放到导航栏是用户长期形成的网页浏览习惯，如果你的网站并不知名、如果你的创新并不能带来更好的用户体验，还是采用搜索框开关吧。


其次，我至上次用网易新闻时，真的找了很久的搜索框，后来发现知乎上居然真还有“网易首页为什么没有搜索框？ ”这个问答。


2.与栏目相关的提示
几乎所有的网页设计师都了解栏目的重要性，但在这里小编想要提醒几个关于栏目的小细节。


反馈是用户体验的核心要素之一，你敲桌子桌子会响、躺到床上床会塌陷，我们对生活中的反馈是如此习以为常，以至于在设计网页时忘记了反馈的存在。


《DON'T MAKE ME THINK》一书中说过标签分割器是一种制作导航器的优秀反馈思路，用户单击的标签页位于其他标签页之前。这种模式就比单纯的字体加粗、改变字体颜色更具趣味性，也更像是模仿我们读书翻页的状态，但后者可以容纳更多的信息量。





虎嗅网顶部导航栏上的小红点很有意思，鼠标点过后就不会再出现，类似于微信消息提醒的小红点。引导用户，又能及时给出反馈。





子菜单太长怎么办，澎湃新闻垂直导航就不错





其次是强调导航栏，下面这个新闻网站就做的不错。下图右侧的“NEWS”提示了用户所在的子页面，帮助用户分辨位置、强化了导航栏的印象，又弥补了右侧留白过多的缺憾。