必威体育Betway必威体育官网
当前位置:首页 > 网站建设

超详细解读:UI导航设计不仅仅指的是导航栏

时间:2018-02-23 02:01:00来源:网站建设作者:seo实验室小编阅读:75次「手机版」
 

导航条设计

QQ截图20171024095428.png

编者按:其实网页或者APP中的导航(navigation)这个概念远不止我们熟悉的导航栏,而是一个更加广的交互概念:引导用户产品进行有效的交互,实现用户的目标。本文将详细地介绍界面的导航设计

一个网页或App产品要想有很好的可用性(usability),需要做好的最基本的一点是导航的设计或者说引导用户的设计。如果用户在使用一个网站或者App的时候找不到自己的处在什么位置或者该怎么去到想要的页面,那么视觉效果再怎么有创意或者抓人眼球都无法弥补产品的缺陷。无论你的产品想满足用户什么需求,让用户知道产品当下的状态和每一步操作之后的结果是对用户最基本的尊重。

导航

首先,让我们弄清楚导航这个概念。最基本的含义就是在我们的现实世界中,当我们从一个地方到另一个地方,需要一些引导和指示。英文中Navigation这个词来源于拉丁文,原意就是:操纵船只在海上航行。所以导航就是能够帮助我们到达目的地的行为。导航的其他意思都是建立在这个原意的基础上。

所以回到UX/UI设计上,导航毫无疑问是可用性的一个要点。它可以定义为一系列引导用户成功地与产品互动并且实现他们目标的动作组合或者技巧组合。用户带着他们的期望和目标来使用你的网站或者产品,作为设计师的你需要给他们提供实现他们目标的最好操作流程。因此当你的导航设计得非常高效,用户体验能得到极大的提升。

在你刚开始设计你的界面时,就要思考怎么设计一个有效的无缝衔接的导航。通过一些可交互的元素,比如按钮(buttons),开关(switches),链接(links),标签(tabs),条(bas),菜单(menus),区域(fields),让用户在不同的界面之间进行切换。

我们的设计思路是:在界面设计的早期就全面地思考导航的设计,包括界面的布局,页面间如何切换,导航元素的放置和具体功能。并且通过低保真原型来进行验证,保证用户能清楚地理解所有重要的操作。如果跳过这一步,设计将有巨大的风险,其他事情有可能到头来都白干了。所以无论,对用户还是客户还是设计团队来讲,做好这最基础的部分是非常有好处的。

菜单(Menu)

菜单是我们最熟悉的具备导航功能的元素,它向用户展示了界面的所有重要选项。基本上,它可以是用动词命名的一系列指令,用户可以用它来指示系统做出动作,像保存,删除等;它也可以是一个用名词命名的目录,用来代表不同内容的集合。

在界面设计中菜单可以放在不同的位置(侧边菜单,顶部菜单,底部菜单等),拥有不同的交互和视觉形式(下拉菜单,上拉菜单,滑动菜单等)。要想设计好菜单的位置、交互和视觉形式,设计师需要经过全面的用户调查,包括目标用户的预期和要求、接受能力和使用情境。好的菜单设计能让用户更快地实现他们的目标,为用户体验打下坚实的基础。

△ 作者:Tubik

这是一个博客APP的界面设计,采用了侧边菜单以及目录的形式,文字直接说明内容,再加上图标来做为辅助的视觉说明。

△ 作者:Ludmila Shevchenko

这个UI概念设计的例子很好的运用了颜色作为标记,这是一种很有效的导航技巧:每个分类的背景色使用了和目录相同的的颜色,这样目录和内容有着非常强的相关性,用户能自然地将他们联系起来。

相关阅读

2018淘宝天猫双11发货有什么要求?发货规则解读

每年报名参与双十一活动的商家非常的多,数量只会越来越多,随之消费者的数量也在不断的增加,年年都会发生爆仓的情况,所以发货物流方面

游戏运营数据解读之----ARPU[国外称之为ARPPU]

原文地址为:游戏运营数据解读之----ARPU[国外称之为ARPPU] 为了严谨,今天把ARPU的定义和国外的ARPPU统一起来,本文中后续涉及到的AR

如何给宝贝描述详情页设置导航

我们经常在逛淘宝宝贝详情页的时候或者阅览网页的时候,看到商品的宝贝描述详情页右侧有导航,网页里面一般是返回顶部等等,点击就可以

每天5800搜索量竞争度0的淘宝导航关键词分析

最近一朋友想做个淘宝导购站,让我帮忙找下关键词,老样子先看下拉框再看相关搜索、百度指数,最终决择在关键词推荐,最后一步的时候发现

马斯洛需求理论解读

马斯洛需求理论说人的需求是分五个层次,分别是:生理需求、安全需求、爱与归属的需求、最终的需求和自我实现的需求。接下来解读一下

分享到:

栏目导航

推荐阅读

热门阅读