沈阳SEO_沈阳网站优化_沈阳网站建设_沈阳初衷网络科技有限公司

首页 > 网页设计 > / 正文

设计网站如何区分导航的组织方式

2017-11-13 网页设计

设计网站如何辨别导航的组织方法?

最简略的的辨别法,关注导航标签的命名方法。基于对象的导航,通常应用名词作为导航标签,标签指向目的事物;基于义务的导航,通常应用动词、动宾短语作为导航标签,标签指向动作行动。

基于对象的导航

这类界面在日常中比拟常见,以名词为主的导航标签。

基于义务的导航

能够关注界面中的导航标签的命名,以动词、动宾短语为主,关注事务的履行。基于义务的导航通常在工具利用型的产品中。

AT&T的账户治理页面,导航依照义务作为划分与指引。

主导航

其余帮助导航

这是 Fedex的官网,界面导航基础都是基于义务的划分与拆解。

导航细节

应用基于义务导航的产品,对设计师有较高请求,对产品波及的用户以及用户义务要有一个的十分清楚的意识。产品的导航中心是基于义务的,那么义务分析就显得尤为主要。

义务分析的工具与方式

对单个的义务分析,关注于义务的自身因素与影响因素。

1、决议表。把运动中的前提与行动加以辨别,依据不同的前提采用不同行动的对应关联以表格情势展现。

2、流程图。以运动流程图的情势来展现义务的操作因素与流向。

对多个的义务分析,关注于义务间的关联梳理,尤其合适那些逻辑、次序含混的义务。

3、语句描写。通过语言的组织来展现义务的因素、关联以及履行请求。

4、时间序列。根据行动履行时间是非以及次序来展现全部运动进程中各个义务的优先级以及彼此关联。

5、义务清单。把运动中所有的义务一一列举出来,并标识先后次序、主要水平、频率等。义务清单的难点在于列举的完全性,很多的伴生义务以及支线义务轻易在梳理的进程中漏掉。

何时斟酌应用基于义务的导航?

1、明白用户的重要目的。以寻找或摸索事物为目的的,合适应用基于对象的导航为主;以把事件实现为目的的,合适应用基于义务的导航为主。

2、明白产品定位与功能。官网、博客等展现类的产品合适基于对象的导航。治理后盾等利用类的产品合适基于义务的导航。

对不同主题对象供给统一功能为主的产品,合适基于对象的导航;对统一主题对象供给不同功能的产品,合适基于义务的导航。

3、斟酌混杂应用对象导航与义务导航。

在利用进程进程中,不拘泥于纯洁的对象导航仍是的义务导航。机动应用主次混杂导航,充足应用各自由应用场景下用户认知优势,扬长避短,完美产品的整体导航。

实际案例的启发

Windows 把持面板,假如咱们把把持面板看作一个独破的利用。

当用户首次翻开把持面板,界面如下:

这是一个应用混杂导航模式的界面设计,以对象作为认知主线,用户义务作为行动指引。绿色的链接重要是名词或名词性短语,这是基于对象的导航设计。蓝色的链接是动宾短语(操作+对象),这是基于义务导航的设计。

然而,这却是一个充斥争议的界面,不少人埋怨这个页面不好用。用户往往找不到所须要的功能,更乐意切换到大图标/小图标视图进行功能的索引。

是什么造成了用户埋怨?

回想一下把持面板的应用场景,用户通常是有着明白应用目的,应用频率较低等特色。

这些特色,构成的应用预期是可能疾速找到并应用设置功能。下降应用效力的点,将会引起用户的埋怨。

1、依附档次浏览。从界面设计来推断,当时设计师可能是盼望用户通过绿色文字的疾速浏览进行范畴定位,而后再依据蓝色文字进行操作定位。设计师通过火组聚类的方法试图下降每个界面信息量,究竟设置项十分多。然而更多的人,在应用这个界面时应用的是次序浏览,短时间内面对不同的维度导航指引,轻易造成认知迷惑。

2、义务的短语文字漫长,造成中心信息获取效力的下降。固然标签的案牍单个看起来更天然亲热,但在短语的信息须要浏览结束后才能获取到。

3、义务数量弘远于对象数量,无形中进步了检索本钱。

我的心得

1、审阅用户对义务的认知

不同产品对用户义务的诠释存在较大差别。因为基于义务的导航,对用户的认知、场景的笼罩有较高请求,不当的应用轻易下降可用性。

咱们将用户认知拆解成这多少个维度去考核:目的性强弱、义务履行的频度、中心义务数目。

2、从新组织义务与对象

对展现型的产品中,咱们更推举应用基于对象的导航。

对常用的服务型、功能型产品,用户往往对产品所能供给的服务比拟熟习,或者有生涯实际映射。假如可能将场景拆为多少个界限清晰的子场景,则能够斟酌应用以义务导航为主,对象导航为辅的模式。

对应用频率较低的服务型、功能型产品,能够斟酌应用以对象导航为主,义务导航为辅的模式。对象轻易辨认与认知,通过对象导航优势能够加强用户对产品的认知,尤其合适新用户。通过义务导航的帮助串联,将功能场景化,进步的应用效力。

名目中的尝试

企业QQ,一款针对公司全部员工的办公IM治理软件。除了日常应用的IM终端,还有一个面向治理者的治理体系。

咱们首先照管理义务的特色。治理者对治理内容与义务目标性比拟强,应用频率较低。在枚举义务时候,轻易发明义务品种跟 数目十分多,存在较多的关系性义务,在场景的划分上,较难划分出界限清楚的子场景。

所以咱们尝试应用以对象导航为主,义务导航为辅的模式。应用基于义务的导航来补充对象导航中存在的遗憾,将关系功能/场景进行串起。关系功能,转为义务纬度能够是类似义务或分支义务。

作为一个小众的范畴,海内交互设计范畴对此探讨的并未几,在产品实际中则更少。国外不少有产品在这个范畴进行实际利用。界面的截图,也多来自于此。文中列举的界面款式可能会过期,然而其背地的设计思路是能够一直学习领悟的。

Tags:

更多设计网站如何区分导航的组织方式的相关文章

网站分类
标签列表