来源:自学PHP网 时间:2015-04-15 10:59 作者: 阅读:次
[导读] 最近360图片搜索采用了瀑布流的布局方式,360可以说是抄袭了百度的做法,去年百度就已经整改了百度图片和百度MP3,尤其是百度图片搜索,采用 了类似谷歌图片搜索的页面布局,那就...
最近360图片搜索采用了瀑布流的布局方式,360可以说是抄袭了百度的做法,去年百度就已经整改了百度图片和百度MP3,尤其是百度图片搜索,采用 了类似谷歌图片搜索的页面布局,那就是瀑布流布局样式。所以说百度也不是创新,一直在效仿谷歌的做法,与之前的百度图片搜索相比,个人感觉瀑布流的布局形 式更时尚,更有动感。不仅是瀑布流的布局吸引用户,新百度图片搜索功能的用户体验还有一些细节地方做的不错,下面是新版百度图片搜索的首页:
图一:百度图片搜索的导航 如上图所示,新百度图片搜索的首页导航部分,主导航有宠物、摄影、设计、旅游等栏目,由于栏目比较多不能全部显示在页面上,所以最后添加了一个“更 多”的链接,点下这个链接,你会发现有服饰、美食等栏目,导航的最右边还有一个让用户上传图片的“上传按钮”,和大部分网站一样主栏目下面又有很多小分 类,这些小分类自然成为次导航了。导航下面显示的是各个栏目的热门图片,以及今日热搜词,类似于网站上的标签功能,根据热门关键词找到相关的图片,在页面 设计风格上使用的色调为:灰色和白色,大方简洁。很多摄影类的网站都喜欢使用这样的色彩搭配,总之百度图片搜索的整个首页就类似于网址导航,通过这个大的 导航让用户更快更直接的找到自己想找的图片。对于用户体验来说,这点做的很到位,除了首页之外,重点来分析下百度图片搜索的一些布局。 图二:图片内页的细节布局细节 上图是一张图片的细节布局,图片的展示方式不用多去啰嗦了,很多网站上都有这样的图片展示方式,重点是笔者画出的几个部分。可以看到有收藏按钮、下载 按钮、全屏显示的按钮,并且显示除了这张图片的来源用户,推荐标签也是一大亮点,方便用户找到相关的图片信息。与旧版的百度图片搜索做下比较,旧版的都没 有这些人性化的细节布局,打个比方如果想下载一张图片,你可以选择右击保存,也可以选择右击下载此图。对于上期上网的老鸟们来说,这两种方式基本上没什么 区别,但是对于那些刚学上网的小白用户来讲,可能他们根本不会去右击,如今有了这些人性化的小按钮,那就简单多了。之所以显示用户信息,笔者感觉是为了鼓 励百度用户去分享自己喜欢的图片,这样整个百度图片库会越来越大。 细心的网友还会看到新版百度图片搜索还有对某张图片的评论功能,用户可以对自己喜欢的图片发表自己的看法,可以选择“顶”或者“踩”的按钮,这些都是 旧版百度图片没有的新功能。新版的百度图片搜索给我最深刻的印象可以概括为两个词,那就是分享和互动,可以对图片进行评论就是互动,而且可以把图片分享到 自己的QQ空间。个人以为网站用户体验中最为重要就是互动,与用户及时互动,并且在设计布局方面更符合用户的上网习惯,方便用户找到自己想要的东西。不过 新版百度图片搜索使用的瀑布流布局设计对网速有要求,如果网速太慢,那肯定会影响网页打开速度,这点也是不得不考虑的因素。 360与百度之间的战争还没有结束,两者在暗地里较劲,不过最本质的还是要做好自己产品的用户体验,不断去完善产品的用户体验度。得用户之心者得天 下,所以不管是百度还是360都在改善自己的搜索体验,以后百度和360的动作还会继续,大家拭目以待吧!文章由 效果图制作http://www.3da3d.com/ 撰写发布 转载留个地址 十分感谢 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com