超大信息类站点的导航条就像中药铺的抽屉,一字排开气势恢宏,分别拉开,别有洞天。
国人喜好:多!大!全!最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可见一般。至此,对比浏览了同类大型新闻信息类站点,发现中洋;东西,界面感受果然不同。
今天只说导航,只对比了新闻类站点:
(娱乐类,设计类,个人站点导航形式多样,逻辑复杂,暂来不及铺开)
YahooNewsBBCNewsCNNabcNewsChinaDailyCCTVNewsTheJapanTimesTheKoreaTimes腾讯新闻新浪
首先关注首页横向主导航:
(常规纵向导航通常配合横向主导航试用,且在商务型,大型信息类站点主页中单独使用频率不高,通常在次级页面出现,且一定是信息内容量大,分类繁琐的站点。)
可见基本导航条模式如下:
1。对于信息统一,归纳性强的站点,通常会使用简单模式:
2。对于有丰富次级信息的,通常会使用以下两种模式:
a。鼠标hover下拉
b。tab展开
a型导航方便快捷预览,b型导航直接展开次级信息,也有站点把ab模式合并。
3。特别案例,盖浇饭类型的,把所有信息都铺出来,比如s浪:
(与其说导航,不如说是归纳过的标签)
导航操作性:
一个完美的导航,最基本最重要的是随时随地,快速引导用户去相关页面,而且能及时返回,方便跳转到其他页面。
有意思的是,去容易,反而找到来时路就千差万别了。
比如:用户很可能是从首页任何一个兴趣点,误入了详情页面,去的容易,1步到~!但从详情页面返回到其他模块或想去其他分支类别页面,就要仰赖导航了。
为了提供必要引导,当用户进入到足够深的详细页面,各种索引,面包屑都配合导航条应运而生。
做一个反向测试,看哪种导航配套设置更便捷。
测试内容:...
(全文)栅格系统延续美学栅格系统应用于设计领域已经至少50年了。栅格化让眼睛浏览信息更加愉悦。从报纸、杂志,到手机界面,栅格系统全面渗透到各种信息传达的界面当中。我们从一个故事开始栅格系统探索之旅吧!……
移动网站设计的7个误区在今天于纽约召开的“FutureofWebDesign”大会上,JoshClark作为开发者代表发表了名为“移动网站设计的7个误区”的演讲。他说道:“我们的工作变得越发艰……
从策划到设计的工作流程欢迎大家来到XDC!这次我们探讨的主题是:MOVEit!PMUE动起来“从策划到设计的工作流程”标题听起来有点挫,其实我要表达的意思是让PMUE之间更多互动,让大家……
容错性设计我们有时候不能不面对产品出错的时候。无论设计得多么用心,无论做了多少测试,用户仍然会遇到错误和问题。即便你的产品90的时间都运行良好。但是如果在用户需要帮助时置之不理,他……
直达电梯导航的交互设计超大信息类站点的导航条就像中药铺的抽屉,一字排开气势恢宏,分别拉开,别有洞天。国人喜好:多!大!全!最好全部铺开才有气势。从不争气的‘S浪’网多年没怎么变的首页导航模式可……
为何产品升级后越来越烂?最近体验了几个经常使用的产品的最新版本,包括:googlereader、新浪微博、echofon等。发觉对大部分产品而言,新产品意味着比老版本的产品拥有更多无用的功能、更炫但更……
Android平板电脑设计没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了。随着平板电脑被不断接受,我们已经步入“后PC时代”,公司会利用平板电脑的用户体验质量来争夺用户的注意力。设计成功……
细节思考表单交互设计之必选项思考每当页面中出现洋洋洒洒的表单,用户就会开始感到头疼,有些用户就会直接选择放弃,而我想讨论的是,如何面对表单时让用户直接注意他们需要填写的必填项,减少不需要的信息的干扰。……
隔与不隔爽快传达信息你是否曾经被迫背了一首晦涩高深的诗词,却一头雾水呢?国学大师王国维在《人间词话》中曾用“隔与不隔”来区分诗词的高下:“数峰清苦,商略黄昏雨”,虽格韵高绝,然如雾里看花,终……
泛议网络表单可用性规范转载自:AnExtensiveGuideToWebFormUsability作者:JustinMifsud小的水平有限,词不达意,忘见谅~!肯定漏洞百出,请随便耻笑……
小议用户推荐关注到‘用户推荐’的契机是现在某购物站点的‘猜你喜欢’,虽然是换了皮的推荐,但真的某一天开始高准确度地猜中了我的心头好。我猜是我大量操作,坚持不屑地使用该产品,给数据库留下了足……
当设计师遭遇HTML5HTML5,被传为Flash的杀手,是一种用于web应用程序开发、具有变革意义的网络技术。HTML5提供了一些新的元素和属性,其中有些是技术上类似和标签,但有一定含义,例……