如何从内容需求的角度策划设计网站导航
作为设计师想要设计出足够优秀的作品,除了拥有熟练的技能外,还需要拥有出众的创造力和审美,如果对万事万物没有足够丰富的体验和感受,没有对美的认知和体会,是很难提高层次,做出满意的设计的。
一个好的导航设计与具体的技术无关,它关心人们如何找到信息,以及如何引导访客来访问网站,那么,我们该如何从内容需求的角度策划并设计网站导航呢?
1、导航策划前期的准备
“开阔眼界,提高审美”,无疑是设计师的一门必修课,不管你是刚入门的初级设计师,还是有经验的高级设计师,都需要通过“看”,也就是阅读和整理各种资讯和信息并去芜存菁,来提高审美,拓展思路。
设计师在工作中需要各种信息各种知识储备,如何“看”,是我们要解决的首要问题。
2、探索需求
围绕如何看这个关键点,我们开始了更进一步的分析,我们采样了一些设计师,观察他们每天浏览的习惯,浏览的内容以及目的,发现他们的活动可以归纳成以下两种情况:
(1)、有效率的看(发现,吸收美好的东西)
这不仅仅要大量的看,更是要看更多优秀的内容,并且这些内容不仅仅只是局限于界面设计,需要从更多其他的学科,比如音乐,文学,摄影等等方面去从中学到知识,找到灵感,找到前进的动力(具体可查看马海祥博客《寻找网站设计理念及灵感的10个来源》的相关介绍)。
(2)、有质量的看(借鉴,创作出美好的东西)
能辨别什么是好的设计,哪些内容能够为我所用,能激发创作的灵感,去组合借鉴以及创作出更美好的作品。
基于这样的需求,设计导航的设计关键词也就会渐渐的清晰起来。
3、设计方案
一个为设计师服务的“设计导航”由此诞生,我们的宗旨是“聚合优质站点,筛选优质内容”,让设计师在设计导航可以享受一站式的阅读体验,更方便的浏览和收集信息,作为自己的灵感之源。
4、框架结构
为了最大化的展示内容资源,我们的界面采用了扁平的两栏结构作为基础框架(具体可查看马海祥博客《基于视觉效果的扁平化设计》的相关介绍)。
左侧用来罗列订阅源,右侧用来展示内容列表,我们在首页做到简洁,砍掉多余的分类和隐藏多余的操作,希望用户在使用设计导航时,能聚焦于内容,获得舒适的阅读体验。
5、导航还是要以内容为王
导航的最重要的作用就是将网站的内容信息友好地展示给用户,在确定好网站的信息架构后,应当按需所取适当的导航样式来展示内容。
(1)、让内容更丰富
内容是我们设计导航的核心重点,我们发现设计师对内容的需求主要覆盖在创意需求和执行需求两个方面。
在马海祥看来,创意需求是开展设计,打开思路需要的资源,比如一些设计的专业理论和方法,设计需要的高质量素材等,而执行需求则是做事的方法和流程管理,团队合作的节奏和行业知识等。
据此,我们收集整理了业内最热门的资源站点,还有来自资深设计师们的压箱推荐,以及各种高关注的的内容,可以把设计导航看做一个设计师的灵感库,不管是设计之内还是设计之外,都能找到最全面,最资深,最新鲜的资源。
我们参考了RSS阅读器的模式,将设计师经常浏览的各种网站的内容聚合起来,只需要对你感兴趣的站点进行订阅,就能轻松的在设计导航享受一站式的阅读体验了。
从此以后再也不用在各大站点之前来回奔波切换,关注的站点有更新也会第一时间查看到。
(2)、让内容更优质
用QQ账户登录以后,除了能看到设计导航本身的推荐内容,你还可以看到其他用户都在关注什么,都推荐了哪些站点,让你发现更多的优质内容,形成良好的分享与学习,不断吸收进步的阅读生态。
你还可以给你喜欢的内容点赞,轻松创建自己的资源库,持续关注和更新自己的收藏内容。
(3)、让阅读更便捷
有了优质丰富的内容库,优化用户浏览的体验是我们的下一个课题,在设计上我们希望给用户一种无负担简洁清爽的体验,又能聚焦于内容(具体可查看马海祥博客《解释网站导航选项的3种方法技巧》的相关介绍)。
在设计导航首页的设计上,我们将点赞和分享以及多余的信息降低了一个层级,用户hover到缩略图上才可以查看,这样不影响内容呈现的同时如果希望通过收藏和浏览数量来分辨内容的质量,也能很方便的找到。
我们将内容的分类藏在了编辑内容里面,你可以简单的筛选想看的内容,同时不会在首页有阅读的负担。
为了更方便的浏览,我们增加了一键将设计导航设为主页的功能,如上图所示,同时,我们也设计了更为轻便的浏览器插件,不仅可以随时浏览各种设计资讯,还可以把你发现的当前优质站点一键推荐给我们,同时也是对设计导航内容的丰富和沉淀。
6、导航设计的成果与后续完善
为了让设计师每天都要“看”的这件事情变得简单高效有质量,设计导航的第一版就在这样的情况下诞生了,但愿大家能在设计导航能发现更多喜欢的内容,激发出更多更好的创意,做出优秀的设计作品。
后续我们会将“设计导航”逐步完善,并不断优化网站的用户体验和流畅度,秉承我们“为设计服务”的初心,继续提升用户体验。
另外,设计导航的各个模块都要有统计指标,便于分析,再根据数据分析的结果,进行产品改善,分析其访问网站的行为轨迹,对于异常的数据,或增长或降低要重点分析原因。
切忌因多个维度引发的数据结果,这样不便于分析到底是何原因导致。
马海祥博客点评:
只有持续的收集用户反馈和运营反馈,从一个全面的、营销化的视角去看待自己的产品,才会有比较出彩的玩法,才会更容易找到产品打动人的那些点。
本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/wzch/1232.html,注明出处;否则,禁止转载;谢谢配合!上一篇:如何搭建垂直门户网站的内容层次架构
下一篇:如何在网站策划中做好导航设计
您可能还会对以下这些文章感兴趣!
-
如何在网站策划中做好导航设计
网站中导航的设计既存在着科学,也蕴涵着艺术,使用者可以用最短的时间从A点到达B点,这是导航的魅力所在,也是它的职责所在,导航不单单是链接,可以说导航是一种思维,是一种创建网站的思维,这样的思维让用户清晰可见网站中的信息内容,所有想查找的信息是处于可及范……【查看全文】
-
物理结构(扁平结构和树形结构)与逻辑结构之间的关系区别
在网站初期的策划建设中,一个好的网站结构也说是网站未来发展成功与否的重要成败点,同时也是我们对网站优化的指导方向。整体来说,网站结构一般分为物理结构和逻辑结构。网站物理结构就是也就是我们网站实际目录,或者说是文件实际的物理地址,指的是网站目录及所包含……【查看全文】
-
关于网站搜索框功能的策划及设计
如今,很多网站都有搜索框,这主要是因为搜索功能可以让用户快速查找到自己想看的内容,节省用户的时间。稍微具有一定规模的网站,在网站建设上可能都会考虑加入网站搜索功能,前期网站内容较少,网站搜索功能显示不出威力,但是,随着网站内容越来越多,那么,搜索功能……【查看全文】
-
一个普通网站发展成大型网站的架构演变历程
大型网站都有复杂的应用,这些应用必须使用数据库,那么在面对大量访问的时候,数据库的瓶颈很快就能显现出来,这时一台数据库将很快无法满足应用,于是我们需要使用数据库集群或者库表散列。在数据库集群方面,很多数据库都有自己的解决方案,Oracle、Sybase等都有很好……【查看全文】
-
门户网站导航的信息结构分析
网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具,导航的核心目标是设计一个简便快捷的操作入口,帮助用户快速到达网站中的相应内容,设计上应当根据网站类型及内容的需求设计合理的导航信息结构,导航设计不光只是信息结构或组织方……【查看全文】
-
网站策划必须要注意的可用性设计
可用性主要是指使一个功能或者产品易于使用,但同时也要保持产品质量维持在高水平上。在过去十年中高品质的可用性一直是各个行业讨论的核心,因为它对用户来说越来越重要。一般来说,良好的可用性成为那些成功的初创公司的核心。多数情况下,简单的想法最具创造性的,好……【查看全文】
-
基于用户体验的网站可用性策划建议
关于网站的可用性策划,我想应该是每位站长都首先要考虑的因素了。因为网站的可用性是你这个网站能否受欢迎的一个重要判定方面了,无论你进行的是企 业网站、网购网站还是其它类型的网站,马海祥觉得让你的网站界面变得容易操控,使用时令人舒服是关键,近几年已经有很……【查看全文】
-
网盟环境下广告位置的变化对广告关注度的影响
广告位置是指一则广告在特定媒体发布时所处的规定地位,广告位置直接对广告效果和广告成本发生影响。比如,斯塔奇研究认为,杂志封底广告比杂志内页广告吸引读者数多达65%。同样,在电视广告中,处在广告时段开头的广告和结尾的广告,比居中的广告回忆度要高。另外,广……【查看全文】
-
策划一个具有高质量度移动站点的方法步骤
如果做个SEOer或站长们近期工作重点排名调查表的话,我估计排名首位的一定是移动站点或手机网站的建设了。移动站点之所以被站长们如此的看重,主要是因为其强大的平板电脑和手机用户群了。据悉在百度推广后台也已经有移动站点质量度的星级评价体系了,页面大小、页面内……【查看全文】
-
大型网站系统的升级演变过程
一个成熟的大型网站的系统架构并不是开始设计就具备完整的高性能、高可用、安全等特性,它总是随着用户量的增加,业务功能的扩展逐渐演变完善的,在这个过程中,开发模式、技术架构、设计思想也发生了很大的变化,就连技术人员也从几个人发展到一个部门甚至一条产品线,……【查看全文】
分类目录
互联网更多>>
- 基于高斯模糊原理的模糊图片的研究 高斯模糊(Gaussian Blur)的原理中,它是根据高斯曲线调节象素色值,它是有选择地模糊图像。说得直白一点,就是高……
- 互联网思维的一些特征 如今,互联网迅猛发展已经渗透人们生活各个方面,尤其是互联网正加快向传统行业渗透和融合,对传统行业提出严……
- 盘点2010年代这10年的重大网络安全事件 二十一世纪的第2个十年即将过去,在过去十年里有很多的重大网络安全事件发生,我们见证了过去十年,大量的数据……
SEO优化 更多>>
-
百度搜索将推出飓风算法2.0:严厉打
为了营造良好的搜索内容生态,保护搜索用户的…… -
百度冰桶算法5.0:保障移动搜索用户
为了提升移动搜索落地页体验,营造优质的移动…… -
网站收录量对于网站排名的影响作用
很多做SEO的朋友都会问,是不是网站收录越多网…… -
如何使用留言评论进行推广引流
随着新媒体的快速发展,留言评论变得随处可见…… -
移动端手机站做站内优化的要点
随着移动流量的与日俱增,移动搜索引擎的功能…… -
史上最全的网站SEO策略方案
在搜索引擎优化中,一个网站的SEO策略能最终影…… -
今年网站SEO优化要注意的6大策略
通俗的来说,SEO技术就是一种达到SEO效果所采用…… -
SEO是什么?
对于刚入SEO行业的新人来说,要想做好网站的s……