看到这篇文章的标题,你不知道自己是否震惊了:什么?跟随新闻网站学习网页设计?
在许多设计师看来,新闻网站只是枯燥、冗长和无聊的同义词。它们与酷炫醒目的设计毫无关系。编辑应该提醒你,你对新闻网站的想法已经落后十年了。
和许多华而不实的设计网站相比,新闻网站的优秀之处就在于标准,没有浮夸的炫技,却不乏相当惊艳的用户体验。技术永远是为人服务的,无论你的网页设计的多么复杂惹眼,如果缺乏实用性甚至阻碍了正常功能的发挥,依旧无法留住用户。
新闻网站的设计方式更利于新手设计师理解用户体验的意义(因为无论是优点还是缺点,新闻网站都暴露得很明显),也更容易上手。下面我们一起看看吧。
1.搜索框带来的安心与专业
导航栏对于每个网站都是至关重要的,我们在制作导航栏时往往被横向排列还是竖向摆放、是否可伸缩、是否要浮动、怎样塞下更多的栏目目录搞得焦头烂额,但往往忘记了一个关键——搜索框。
FOX选择经典的条块状搜索框
搜索框承担了网站的搜索功能,当一个用户浏览你的网站并被吸引,他决定进一步寻找自己感兴趣的内容,却失望的发现,根本找不到搜索框。用户就决定走了。
如果有幸他还记得你的网站的话,他会给别人说一句,“哦,那个网站只能找到他想给我的内容,根本找不到我想要的东西。”
这时候,我们可以看看新闻网站是如何重视搜索框摆放的,甚至一些时候,他们还出现了非常棒的用户体验创新。
BBC的条块状搜索框
搜索框的重要特点就是醒目、可靠、流畅,最好和网站底色、其他元素颜色有所区别,略微偏离导航栏参考线。理想化的搜索框是那种大大的豪气长条块,致命缺点是挤占了其他信息空间。一些网站选择了搜索框开关。
ABC新闻网搜索框开关
但 Al Jazeera English和36氪的开关显然更阔气,这种下拉式的弹出式方法可能会带来更好的用户体验。打开整行内容后就是搜索框,要做到醒目,用户不必担心在搜索框中键入太多内容显示不完整。同时,布局整齐流畅,视觉体验极佳。