我要投搞

标签云

收藏小站

爱尚经典语录、名言、句子、散文、日志、唯美图片

当前位置:香港六合彩挂牌 > 多面体裁剪 >

万剑归宗!值得学习总结的网页导航设计最佳实践

归档日期:06-11       文本归类:多面体裁剪      文章编辑:爱尚语录

  优质的网页设计通常都有着相当不错的导航设计来支撑。如果你的网站有着有趣的内容和受欢迎的视觉设计,那么一个体验良好,可用性优异的导航栏无疑是必须的。可用和易用一直是高效交互的核心,也是激发创意、创造高效设计和优秀视觉设计的基础。所以说,是时候重新审视你的菜单和导航设计,尽量以简约的方式将它们重新组织起来。

  导航是必不可少的。高素质是网站导航是让网站从不错走向卓越的必经之路。在今天,千变万化的网页导航设计开始趋于系统化、规则化,网页导航的最佳实践也并非虚无缥缈的都市传说,而今天我们要聊的也就是这个。

  最佳实践(best practice),是一个管理学概念,认为存在某种技术或者方法使生产管理实践的结果达到最优,并减少出错的可能性。也就是我们常说的“最佳解决方案”。

  易于使用的网站导航是成功设计的典范,也是导航设计最佳实践的核心组件。这类导航设计有着一致的链接和清晰的内容划分,可以引领着用户探索到网站更深入的地方,以真正欢迎的姿态让用户待的更久。

  与此同时,如果你将整个操作流程设计为复杂的模式,那么这意味着可能需要一系列无关的操作来达成目标,用户一旦无法快速找到目标,离开是必然的结果。

  好的导航栏菜单的设计就像设计优秀的交通标识,简明清晰,指明方向,让人可以更方便更直接地找到目标。当然,用户需要了解的第一件事就是他们所处的位置,这样可以确定下一步要做什么。这也是为什么将导航设计视为用户体验的基本要素。

  现如今,导航栏菜单的设计已经和以往大不相同,其中许多都有着创意十足的原创设计。但是要挑选一款足够漂亮但是又足够高效的导航栏设计依然是一件非常困难的事情。

  不过,导航栏的设计趋势正在慢慢改变,从视觉主导,逐步转变为现代网页导航最佳实践。最典型的就是使用汉堡菜单来收纳导航元素,一个点击便可打开。

  为了不让你的用户感到迷惑,你应当引入简约的元素和符合逻辑的结构。用户理应不经延迟、无需复杂操作就访问到他们想要的的内容。因此,务必保持简单!不要让用户花时间去思考怎么找内容,如何操作才够快。实现这一点最好的办法是将内容进行划分和组织,让它们根据不同的主题分割成不同的列表,从最宽泛的品类逐步梳理到最精确最具体的品类。按照字母顺序排列、目录索引、关键词和术语表也会有助于内容的划分和索引。

  没有导航栏和菜单,用户会怎么办?导航栏和菜单是用户访问网站之后会立刻下意识寻找的组件,它们展现了一系列可供选择的操作和入口,这也意味它们将会领着用户前往内容。

  菜单通常包含不同的项目,这些项目通常会触发不同的动作或者操作,进而导向不同的元素、应用或者网站。最好的导航菜单设计会根据当前的位置和状态,动态显示相关内容,提醒用户。

  每个导航菜单都有个基本限制,那就是每个操作或者条目,通常都会用一行或者单个文本来进行描述。并且,这个描述(或者说名称)要足够清晰,足以说明它的属性、功能或效果。

  因此,通常这个描述用的句子或者单词都很短,但是也可以有图标或者额外的解释、快捷方式来对它的概念进行说明、强化。

  动态的导航菜单则不然,最近用过的项目会被置于优先位置,并且会根据访问者的行为修改顺序。

  基本菜单很简单,它会被置于屏幕的边缘,我们的想法是让它们能被用户优先看到或者点击到。

  因此,基本菜单对于移动端设备而言是一个相对完美的解决方案,它也应当可以清晰地显示特定项目相关的所有选项。

  你应当充分意识到合理组织链接的重要性。一个精心分类的链接体系能让用户毫不费力地找到对的内容,而无需在不同的类别中反复寻找。

  请务必记住:链接的位置是非常重要的,当用户在页面中来回切换的时候,他们之前访问过的页面可能对他们而言是比较重要的。

  对于导航栏设计而言,清晰的显示和显眼的设计也是一个重要的点:你应当让对的链接处于对的位置。此外,最佳的导航栏位置通常是网站的顶部和左侧,对于眼睛而言,这两个位置是最先被看到的。

  成功的网页导航设计中,保持一致性是最重要的原则之一。最重要的链接几乎会在每个页面中显示,并且始终保持在相同的位置,并且行使着相同的功用。同一个链接在不同的页面中处于不同的位置会让人极为迷惑的。

  让用户始终关注重点、并保持内容简单易懂吧。相比于又臭又长链接名称,直观易懂的短链接会更省空间,也更易于被用户了解。有一件事情可以确定,绝大多数时候,用户只会在知道链接的大概目标的情况下,才会真正点击下去!

  合理的链接组织是打造结构良好的菜单的基础,尤其是当你的网站牵涉到大量的分类和链接的时候。

  甚至可以说,导航设计是造就成功网站的关键因素。它使得网站的交互流程更加直观,用户可以通过导航轻松地打开有趣的页面。优秀的导航被设计得易于搜索和获取内容。

  作为网站的设计者,最不愿意看到的局面就是用户被困在某个页面,进退维谷。让用户能轻松的从一个页面穿行到另外一个页面,让网站提供额外的内容,并且用真正有效的额外选项吸引用户也是相当不错的选择。

  正确的导航设计是易用性的基础,足够易用的导航能帮用户定位内容,解决问题,自然也更容易留住用户。同时,高效也是不可忽视的问题:导航栏要能用,易用,还得快速可靠的运转。此外,导航栏的响应式设计也是整个网站设计中的重点,毕竟移动端才是今天真正意义上的“第一屏”。

  本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

  优设网#8220;是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。

  设计微博:拥有粉丝量112万的人气微博@优秀网页设计,欢迎关注获取网页设计资源、下载顶尖设计素材。

  鸿影:在规模较大的互联网公司里,用户体验设计师通常同时从属于两类团队,纵向的专业 UED 团队和横向的包括运营、PD(此文都指代产品经理)...

  @可乐橙_ColaChan :得益于Material Design日益增长的人气,卡片式界面已经随处可见了。这种时尚且注重功能的美学,运用块状的设计元素承载多种多样...

  骄阳如火,阵雨连连,不得不宅在室内的局面,似乎让百无聊赖的设计师更有时间在设计细节上投注更多的精力。不知道是不是夏日不适合做极简风的设计,更多设计师在过去一...

  编者按:今天来一组酷炫的HTML5 – CSS3 优秀网站,无论是网站主题(反战、捍卫人权、肯德基老爷爷的美好晚年等)还是动效视觉,都非常值得体验。周末休息...

  编者按:这篇文章的作者是是 EventCreate 的联合创始人和网页设计师 MARK BUSHY,他对于活动类网站有着多年的设计经验和独到的想法~ 我特别...

  大家在浏览网页时经常可以看优秀的海报设计,这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球...

  编者按:很多同学关心这个问题,今天魅族的@陈希_CHRISCHEN  总结了四点超实用的建议,附上相关的教程,帮新手们快速打造高大上的设计感,学起来 >...

  编者按:对404都是避之不及,何来体验之说?原因可能是大多数404页面都太粗糙了,而今天这组404页面,绝对能颠覆你之前一切对404的看法 ...

  越来越多的用户抱怨网页设计已经变得无聊无趣了。高端的技术和流行的趋势已经为网页设计构建起了一套约定俗成的规则,而开发者和设计师在社区中依然不停地探索新的可能...

  新年新趋势,对于设计趋势我们似乎永远都聊不完。虽然我们无法确知2017年会有怎样的变化,但是我们可以通过2016年整个设计圈的演进,来窥见未来可能会越来越火...

  @飞屋睿UIdesign :作为设计师,我们都知道极简的设计效果的确非常出彩。然而,在设计过程中,我们往往会由于使用较少元素而感觉缺了什么,或是让最终成品看...

  在这儿不仅可以找到几十万张免费可商用的图片,还有超多特色图库,包括NASA 太空图、多边形图、美食图、故宫图等,搜索更精准!另外我们还贴心为您准备了高级设计师会用的图片管理术和管理神器哟~

  英文字体世界浩瀚无涯,想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上,不仅有专业平面设计师和网页设计师特供版,更有顶尖设计师灰昼倾情分享个人字体包,话不多说,是时候为你的字体库腾出一个位置来咯。

  这两年,设计类新书层出不穷,眼花缭乱之时也让人无从选择。本专题收纳了各个领域(平面、交互、心理学等)专业人士提供的书籍建议,全是纯正好料,想屯书的抓紧了!为了帮大家节省时间,最后还附上超详细的读书笔记,帮你快速纵览全书。

  智能电视作为新兴行业,国内相关的用户体验设计知识少得可怜。本专题收集了8篇高质量的智能电视设计干货,从初级入门到交互基础,从电视焦点设计到遥控器设计,从 Apple TV 到 Android TV,最后还有 Fire TV 的实战案例分享。如果你刚好需要做智能电视设计,这个专题就别忘记收藏了!

  还在用 iPad 看剧吗?苹果全新发布的 iPadOS 不止能让你做图了!

本文链接:http://bv-gs.net/duomianticaijian/724.html