内部网设计最佳实践:提高用户参与度的12个技巧

您的内部网设计应该像您的组织和其中的人员一样独特。但是,为了确保用户满意并满足组织的目标,您可以使用一些简单的内部网设计最佳实践需要跟随。


当涉及到内部网设计时,没有银弹。

这是我们从多年与全球各地的组织合作中了解到的:没有确定的、绝对的“就是这样!”“灵光一现。我们不能指着一个单一的内部网,主页,甚至其中的一部分说,'这是完美的设计”。根本没有这种东西。

问题是,设计可能很复杂。

导览封面图像。

内部网设计的终极指南

从内部网设计的前沿获得灵感,与我们的免费,全面的指南用户体验和内部网页面的设计最佳实践。

它包含了很多元素,影响它的因素很多。这也是非常主观的,对一个组织来说是“好的”,对另一个组织来说很容易被认为是“坏的”。

我爱索尼互动娱乐的内部网设计,例如;但是你能把它捡起来,转换一些颜色,换上一个新的标志,并把它插入到医疗保健组织中吗?银行服务提供商?可能不会。

但是,虽然很难定义“完善的内网设计,就更容易挑出坏苹果了。感谢我们作为消费者的经历以及对用户体验的持续关注内部网用户体验在美国,当一个外部网站不达标时,我们几乎可以本能地判断出来;同样的一般规则也适用于内部网。

所以,虽然我们不能给出绝对的“必须做的事情”,但肯定有一些内部网设计的最佳实践,可以意味着心爱的、有用的、吸引人的……和数字荒地之间的区别。

# 1。选择你的内容

如果你想让你的内部网成为公司的首选,成为唯一的知识来源,成为所有信息的中心枢纽,这当然意味着一切都需要在那里进行吗?

嗯,不完全是。内容是每个内部网的基础,这可能是一条棘手的路线。然而,仅仅因为它存在,并不意味着它就存在进入内部网。

选择Intranet上的内容是设计过程的一个关键部分;经过仔细考虑的信息体系结构可确保您的内部网是有用的、可用的和可靠的使用。如果不采取这一步,您的内部网将变成一个文档垃圾场。

进行内容审核,删除重复内容,评估哪些内容真正被使用和阅读。如果你和S相连harePoint或您公司的文件管理系统,考虑一下哪些文件夹是全公司范围的,需要被索引,哪些文件夹中有小范围的信息,只有小团体才需要。把这些从清单上去掉。

我们将原来的内部网“StaffZone”上的5000页缩小到新的Interact内部网Flo上的1200页。重写和整合内容是一项巨大的工作,但就可导航性和用户体验而言,这是非常值得的。

——Andy Crouch,肯特社区卫生NHS基金会信托

这可以减少查找内容或信息所花费的时间,提高网站速度,增强用户体验,并简化和简化整体设计。

# 2。把你的主页当作主要的不动产

可能会有一种诱惑,让内部网主页超载:它是一个有价值的数字房地产,所以有一种压力,要充分利用每一寸。

问题是,这可能会导致一个过度拥挤、繁忙、没有人阅读的页面。对任何人来说,这都是最艰难的工作之一Intranet设计思想是看门人,或者“门童”:你必须能够说“不”。

珍惜空间,并质疑你选择放在那里的内容或小部件的价值。对照你的内网目标检查每一个,并定期评估它们的使用情况。

通济隆金融内网设计
(金融服务提供商通济隆雷竞技老好用(Travelex)对其内部网“the Lounge”上的内容采取了深思熟虑的方法。为了使员工能够自助服务,并减轻IT和人力资源的负担,这两个区域被授予主页顶部的主要位置。)

对你的公司来说什么是重要的?您内联网的哪些区域被访问、使用和阅读最多?你的内联网目标是什么,哪些特性或内容支持这些目标?雷竞技网站上对于你要应用到主页上的每一个内容,都要问这些问题。

导览封面图像。

内部网设计的终极指南

从内部网设计的前沿获得灵感,与我们的免费,全面的指南用户体验和内部网页面的设计最佳实践。

# 3。不要让导航超载

与主页类似,导航中可能会出现将所有可能的链接或区域都堆在一起的趋势。

根据内部网的功能,这可能导致在用户屏幕上占据整个长度的巨型下拉导航菜单,或者可能是两行或更多的导航工具栏。用户很难找到他们需要的东西。

在设计导航时,要对内容进行逻辑分组,并考虑内部网的哪些区域应该放在顶部。例如,是否每个团队或社区都需要在菜单中列出?或者你把他们组合在“社区”,并引导用户到一个页面列表?

作为一般内部网设计的最佳实践规则,如果可以的话,将顶部导航保持在4 - 7个选项之间;绝对不要陷入两行的顶部菜单。给予用户信任;如果他们在寻找什么东西,他们会愿意去搜索一下,或者使用搜索功能。

如果你在你的内部网中有Mega Menu功能,当你有很多链接时,这可能是一个更用户友好的方法;我们最近重新设计自己的内部网时采用了一种方法:

(一个大型菜单使我们能够在逻辑组中展示访问量最大的区域,并使用排版和列等格式将不同的区域清晰地分开。)

然而,大型菜单并不总是合适的;这个很棒的博客来自Envato从网站的角度讨论了利弊,但大部分相同的内容也适用于内部网设计最佳实践。

# 4。优先考虑可访问性

你的内部网应该是一个公司范围内的工具,供所有想要和需要它的人使用。可访问性是任何网站开发人员最关心的问题;这也是一个需要从内部吸取的重点。

从内部网设计最佳实践的角度来看,这意味着要考虑色盲等因素;确保你的前景和背景之间有对比,使你的内容突出;字体大小或字体选择的可读性,图片标题或Alt文本的使用,等等。

网页内容无障碍指引(WCAG)列出基本要求。

导览封面图像。

内部网设计的终极指南

从内部网设计的前沿获得灵感,与我们的免费,全面的指南用户体验和内部网页面的设计最佳实践。

# 5。添加动态内容

社交媒体如此让人上瘾是有原因的:它不断为我们提供新鲜、实时的更新。

动态内容是内部网设计的重要组成部分,因为它为用户提供了访问的理由继续回来

设计主页,特别是,确保您所包含的小部件将不断地引入新内容(如新闻提要)或大容量内容区域(如公司新闻或博客),这取决于您的组织。

# 6。移动优先

它成为当下的口头禅是有原因的。虽然我们越来越意识到移动优化网站对我们的客户和消费者的重要性,但当涉及到我们的内部技术时,我们仍然落后。雷竞技rat

我们自己的Interact数据分析显示,在核心工作时间之外,通过移动设备访问内部网的用户数量稳步增长。这一趋势没有任何放缓的迹象。

本地内部网应用程序解决了移动优先设计的许多难题,因为它们可以调整大小,并以可消费的格式为移动设备提取信息。如果您的内部网仅作为完整站点的移动版本可用,请确保您正在跨设备测试内部网性能,并嵌入能够正确查看的响应性功能。雷竞技网站上

内部网设计最佳实践提示:确保它是为移动设计的。
(确保您的用户无论使用何种设备都能获得良好的体验是现在intranet设计的主要关注点。)

# 7。始终如一地运用你的内在品牌

像任何面向外部的网站一样,在你的内部网中设计和应用一个品牌和主题是您可以使用的最强大的设计工具之一。不要只停留在主页。

从这个角度来看,内部网设计最佳实践要求在整个内部网中保持一些一致的元素:即使面对不同的部门、社区或内容区域。

这可能是,例如,在每个内容区域携带你的标志和布局,但根据部门改变原色;或者可能保留相同的调色板和排版,同时在布局上给予自由和灵活性。

内部网设计最佳实践提示:在整个内部网中使用一致的品牌。
肯特社区卫生国民保健服务基金会信托在其内部网络中使用强烈而一致的品牌调色板,“flo”。通过在整个平台中应用主题,所有标题、链接、菜单区域等都采用相同的品牌;给人一种线性的感觉,确保即使是不同的业务领域——比如上面的人力资源和培训——也感觉像是集体整体的一部分。)
导览封面图像。

内部网设计的终极指南

从内部网设计的前沿获得灵感,与我们的免费,全面的指南用户体验和内部网页面的设计最佳实践。

# 8。使用模板

内部网设计最简单的最佳实践之一是为内容作者和贡献者创建和使用模板。

例如,如果他们将定期在你的内部网上发表新闻报道,那么使用相同标题格式的基本模板,提醒他们输入图像,包括摘要,并定义子标题的大小,将提供一致性。

采用这个简单的内部网设计最佳实践技巧将帮助您的内部网看起来和感觉起来更整洁,增强整体设计和用户参与度。

# 9。优先级:使用层次结构的方法

并非所有的信息和内容都是平等的。

我们总是本能地对周围的等级制度做出反应,明白我们周围的那些元素更大、第一、更高、更明亮、独特、不同的颜色等等,更突出,因此,可能更重要或更值得我们关注。

这是一种在市场营销和广告中一直使用的策略,当应用到您的内部网设计时,可以通过在重要的地方抓住并保持用户的注意力来确保您达到这些所有重要的目标。

实际上,内部网设计最佳实践要求使用标题、子标题和标准文本;把最重要的信息放在页面上方;使用对比、颜色或图像来吸引人们对重要内容的注意。

在曼彻斯特城市大学的内部网主页上,我们可以看到这一概念通过使用全宽度的英雄横幅(最重要的),然后是三个基于图像的模块(第二重要的),然后是小文本(最不重要的)简单地呈现出来。

曼彻斯特大都会内部网主页

# 10。不要害怕空白

留白通常被网站和内部网所有者视为“空白空间”,因此是浪费空间。事实上,它是一个强大而必不可少的设计元素。问问任何一个UX设计师。

除了为用户提供视觉上的喘息空间外,留白(或“负空间”)还可以使你的内容更清晰易读,有助于将注意力吸引到页面上的特定区域,有助于将各个区域彼此分开,确保你的内部网看起来更干净、更整洁,并通常有助于页面的平衡和流畅。

考虑以下例子之间的差异:

不要强迫自己把每一寸都填满,确保你考虑到了填充、边距、小部件之间的空间等等。这将吸引用户的注意力到重要的东西上,保持他们的注意力,并自然地将他们的目光吸引到页面上。

床垫公司重新构想的内部网主页BEDpost展示了空白空间改变设计的力量:

内部网设计最佳实践提示:充分利用空白空间。
(左边是新设想的设计,利用了更多的空白来提高可读性和流畅性;右边是床垫公司内部网BEDPost之前的更紧凑的设计。)

品牌是一样的,所有的主要元素仍然在顶部,但更干净的外观和感觉有助于增强用户体验,并将推动采用和参与。

导览封面图像。

内部网设计的终极指南

从内部网设计的前沿获得灵感,与我们的免费,全面的指南用户体验和内部网页面的设计最佳实践。

# 11。使用平衡、对齐、比例和对称

任何网页或内部网页面的设计都应该以自然流畅的方式吸引眼球,使其易于消费和扫描。

平衡和对称的原则在所有形式的艺术、摄影、建筑中都很突出,这是有原因的。我们不一定会在看到一栋建筑的时候,在心里对自己说:“它很平衡,很对称!”但如果不是,我们几乎会本能地感到不舒服。它让人讨厌,感觉天生就不对。

当谈到内部网设计最佳实践时,我们需要遵循相同的思想:确保不同的元素和小部件是平衡的、对齐的,具有相似的大小和视觉“权重”,并以对称的方式定位。考虑以下两个选项在布局上的差异:

我们可能在之前的观点中支持使用空白;但在左边的例子中,你会看到小部件的长度和大小不同,没有对齐,并且有“间隙”,感觉好像有部分设计被破坏了。

考虑一下我们如何向下移动和浏览一页;如果用户的眼睛需要跳来跳去,这就是一个糟糕的设计。

# 12。混合:让图像或视频来说话

在当今视觉驱动的数字时代,我们现在认识到并理解图像、视频、图形和图像的价值。最基本的内部网设计最佳实践技巧之一是混合使用各种媒体,为用户创造一种吸引人的体验。

媒体内网主页设计实例
尽管内部网可能主要是一种信息工具,但永远不要低估视觉捕捉注意力和无需言语表达的力量。

这可能意味着,例如,将文本链接或快捷方式替换为可视图标;确保Intranet主页上的内容小部件布局平衡图像和文本,或者简单地在媒体库中分配替换的默认图像,以消除“丢失”的好图像。

视觉与文字的比例可能会因你所在的行业和文化而有所不同;但是,没有理由使用全文本Intranet页面。它们是通往未使用的内部网的最快路径。

内部网设计最佳实践是艺术与科学的结合

如果你不是一个网站开发人员或平面设计师,有时,设计的概念会让你感到不知所措。

然而,你不需要拥有任何一个学科的大学学位,就可以创建引人注目的、漂亮的、吸引人的内部网设计,让你的用户惊叹不已。

有了内部网合作伙伴的支持,他们了解您的组织和愿景,并可以提供易于使用的拖放功能来创建您自己的主页布局,您已经成功了一半。从面向消费者的网站上寻找灵感和了解什么是有效的也是一个很好的起点。

有些可以归结为本能:当事情不对的时候,我们可以理解。其他方面——比如可访问性——则更加科学和有条理。它采用一种经过深思熟虑的方法来完成内部网设计;但它可以实现的。

然而,设计也是有机的,不断地发展和变化。一旦你有了内部网设计,这并不意味着你将永远被它困住。从用户那里获得反馈,使用试错法,定期重新审视你的目标和内部网性能指标,看看哪些是有效的,哪些是可以改进的。

尽管涉及到资源和时间,但内部网设计是值得投资的:因为它可能意味着采用和放弃之间的差异。

导览封面图像。

内部网设计的终极指南

从内部网设计的前沿获得灵感,与我们的免费,全面的指南用户体验和内部网页面的设计最佳实践。