为什么要跟着新闻网站学网页设计?
在许多设计师看来,新闻网站简直就是无趣、冗长、枯燥的代名词,跟炫酷惹眼的设计一点边儿都不沾好吗?那小编可就要提醒你喽,你对新闻网站的观念可是落后了十年。
和许多华而不实的设计网站相比,新闻网站的优秀之处就在于标准,没有浮夸的炫技,却不乏相当惊艳的用户体验。技术永远是为人服务的,无论你的网页设计的多么复杂惹眼,如果缺乏实用性甚至阻碍了正常功能的发挥,依旧无法留住用户。
新闻网站的设计方式更利于新手设计师理解用户体验的意义(因为无论是优点还是缺点,新闻网站都暴露得很明显),也更容易上手。下面我们一起看看吧。
1.搜索框带来的安心与专业
导航栏对于每个网站都是至关重要的,我们在制作导航栏时往往被横向排列还是竖向摆放、是否可伸缩、是否要浮动、怎样塞下更多的栏目目录搞得焦头烂额,但往往忘记了一个关键——搜索框。
FOX选择经典的条块状搜索框
搜索框承担了网站的搜索功能,当一个用户浏览你的网站并被吸引,他决定进一步寻找自己感兴趣的内容,却失望的发现,根本找不到搜索框。用户就决定走了。
如果有幸他还记得你的网站的话,他会给别人说一句,"哦,那个网站只能找到他想给我的内容,根本找不到我想要的东西。"
这时候,我们可以看看新闻网站是如何重视搜索框摆放的,甚至一些时候,他们还出现了非常棒的用户体验创新。
BBC的条块状搜索框
搜索框的重要特点就是醒目、可靠、流畅,zui好和网站底色、其他元素颜色有所区别,略微偏离导航栏参考线。理想化的搜索框是那种大大的豪气长条块,致命缺点是挤占了其他信息空间。一些网站选择了搜索框开关。
ABC新闻网的搜索框开关
但 Al Jazeera English和36氪的开关显然更阔气,这种下拉弹出的方式可能会带来更好的用户体验。打开后一整行的内容都是搜索框,做到了醒目,用户更无需担心打字过多在搜索框内显示不完整。同时,这种排版方式整齐流畅,视觉体验很棒。
36氪下拉弹出式搜索框
你可能还会说,搜索框没那么重要,网易爸爸的搜索框就放在了页面zui后非常不明显的地方。
网易爸爸灰常隐蔽的搜索框
BUT,首先,搜索放到导航栏是用户长期形成的网页浏览习惯,如果你的网站并不知名、如果你的创新并不能带来更好的用户体验,还是采用搜索框开关吧。
其次,我di一次用网易新闻时,真的找了很久的搜索框,后来发现知乎上居然真还有"网易首页为什么没有搜索框? "这个问答。
2.与栏目相关的提示
几乎所有的网页设计师都了解栏目的重要性,但在这里小编想要提醒几个关于栏目的小细节。
反馈是用户体验的核心要素之一,你敲桌子桌子会响、躺到床上床会塌陷,我们对生活中的反馈是如此习以为常,以至于在设计网页时忘记了反馈的存在。
《DON’T MAKE ME THINK》一书中说过标签分割器是一种制作导航器的优秀反馈思路,用户单击的标签页位于其他标签页之前。这种模式就比单纯的字体加粗、改变字体颜色更具趣味性,也更像是模仿我们读书翻页的状态,但后者可以容纳更多的信息量。
虎嗅网顶部导航栏上的小红点很有意思,鼠标点过后就不会再出现,类似于微信消息提醒的小红点。引导用户,又能及时给出反馈。
子菜单太长怎么办,澎湃新闻垂直导航就不错
其次是强调导航栏,下面这个新闻网站就做的不错。下图右侧的"NEWS"提示了用户所在的子页面,帮助用户分辨位置、强化了导航栏的印象,又弥补了右侧留白过多的缺憾。
3.给用户选择的空间
如果你做的是信息服务类网站,为用户创建个性化内容能够获得用户体验加分。
BBS设立的"不喜欢就点叉"小窗口试图在提供这样的服务。
4.好头不如烂尾?
这一点无疑是错误,但一个美丽的网页底部导航栏也是必备的。澎湃网站这种"难以触及的网站底部"可就有点扎心了。
只要网速快,你永远点不到"联系我们"那一栏,因为网站底部会随着新刷出的新闻下移。
这并不是说zui好把网页底部导航也该成浮动式,我看到大部分的网站还是嵌入式。但如果像澎湃新闻这样首页内容过多,滑动很多次也没法到底的话,就要想想新的办法了,比如放到右边。因为毕竟一般网页底部都留有招聘和商业合作联系方式。
总结
这篇文章主要讲述了有关良好用户体验的细节,但只要细心观察,其实在新闻网站,你也能看到分屏式、标签式等各种潮流设计。
一般来说,网站设计感的实现需要优质酷炫的图片作为支撑,但新闻网站既没有酷炫的图片,又多了许多文字。因而新闻网站想要好看、拥有良好的用户体验,就需要更精心的页面布置。这也是我推荐跟着新闻网站学设计的原因。
复习一下:优秀的网页设计,你需要:1.令用户感到安心的搜索框
2.导航栏的小技巧
3.给用户选择的空间
4.重视结尾
我的爷爷是个老兵(2)1979年我们高瞻远瞩,提出和平统一,一国两制政策,发表告台湾同胞书。听我姑奶奶说,那一年我曾祖父母终于收到他的一封信,收到信那天我已经出生八个月。因为30年来没有一点我爷爷的音讯
我的爷爷是个老兵(4)爷爷肾功能一直不好,晚年经常需要血液透析才能降低体内的毒素,体质非常虚弱,没有办法再返回大陆探亲了。我们大陆这边的亲人于是多次过去看完他。他见到我孩子时非常高兴,拉着手问这问那,讲
少年的你中的魏莱没有未来,谁才是最终的受害者?我去追影了最近电影少年的你,是继我不是药神之后的又一部现实主义的热播剧。让校园欺凌这头曾经被许多人无视的房间里的大象,站在了聚光灯下,由此掀起公众对校园欺凌问题的思考。黄哥昨晚去看
误以为感冒,妈妈讲述孩子死里逃生的三个月前几天,一位北漂的妈妈给我发送了一封邮件,邮件内容是她在QQ草稿箱里记下的日记。这份日记持续了三个月,从今年的4月份到近7月份。在这大概一百天的时间里,她陪着宝宝三进三出ICU,接
40岁的我们应该注意了,不能再虚度光阴了每月拿着4000元的工资,手里再赚个1000来块的闲钱,养老医疗保险已经买好,觉得日子就可以这么过了,忽然一通与姐姐的电话之后,我明白自己肩上的担子还很重。40岁的我们父母已经65
送你38元,你领了吗?今天下了点淘app,有二个手机获得邀请新人第一天6元的收益。三天可得到38元。比起今日头条来,点淘的各个任务栏的任务要更多,玩起来比较复杂一点,但可以通过更多直播获得更多的金币1,
放下过去也就是放过自己经验和学历同等重要1,黑木炭与白衬衫的故事是这样的有一个孩子罗伊,在学校里受了欺负,向爸爸诉说委屈,表示想让那个男同学付出代价。父亲让他在一件白衬衫上扔黑炭,几分钟后,他的气撒完了。他觉得这是一种排
四川的条友中秋快乐找几个四川的好朋友,可以让我在中秋节之前找到二十个好友吗?我的家在眉山仁寿县,有老乡可以加下哈。我们一起聊聊家常,谈谈音乐,交流交流孩子的教育,来有加个好友的吗?有的朋友说为什么我
夏季阴道炎高发,女性朋友们一定要注意夏天天气闷热潮湿正是阴道炎的高发时期阴道炎是女性常见的疾病之一几乎所有的女性在一生中都会有可能遭遇一次或以上阴道炎的困扰阴道炎可由多种致病原因引起当阴道的自然防御功能遭受破坏病原体
20转发,为什么会有7元收入?大家来看下面这篇文章,有20转发,却有7元收入,这是很少见的。这篇文章增粉也还可以,有0。2。我们应该怎样对待我们写好的文章,才能让文章评论多起来,让阅读量破1000呢,让转发有个
蒋勋论宋词中的苏轼一苏轼创造了一种文学风格我想苏轼是大家非常非常熟的文学创作者,我跟很多朋友都谈到过,从所谓广义或者笼统的中国文化的角度来看,如果少掉苏轼的几首词,不晓得会少掉多少东西。今天我选出来