1.2.10

网站设计中极简导航的10个利弊

普通推荐
深圳/网页设计师/4年前/1020浏览
网站设计中极简导航的10个利弊普通推荐
深圳Clh

网站设计发生了一段时间的变化:导航和菜单在缩小。 尽管有人反对使用汉堡菜单图标,但极简的导航样式和元素却越来越受欢迎。

网站设计发生了一段时间的变化:导航和菜单在缩小。 尽管有人反对使用汉堡菜单图标,但极简的导航样式和元素却越来越受欢迎。


尽管并非所有的极简导航元素都使用这种样式,但在过去几年中,使用这种样式肯定将变成一种常见的视觉样式。

但这有效吗? 你是否应该考虑对项目使用这样的导航? 在这里,我们将通过使用示例来了解一些优缺点。 答案可能并不像你想的那么简单。


设计趋势:极简导航(Design Trend: Minimal Navigation)

极简的导航样式可以以不同的方式呈现,但最受欢迎的可能是带有汉堡图标。

具有三个堆叠线的图标样式已经很普遍,以至于大多数用户都可以识别它。 但是,当涉及到极简的导航时,共同点似乎就此停止了。 汉堡包图标已经演变为仅包括两行,在屏幕上的位置也不同(可以在左侧,右侧或中间),有时还与其他导航元素组合在一起。

有时,极简导航甚至根本不使用汉堡包样式。 有很多项目都在使用极简的导航样式,但并没有很多一致性。 因此,这种趋势会带来大量的设计机会……以及挑战。


极简导航的优点

在许多情况和网站设计方案中,使用极简风格的导航效果很好。 导航功能可以使设计引人注目而不会造成混乱,并且该概念正逐渐成为一种更为普遍接受的用户模式。


1.小型的导航样式已经成为一种常态(Small Nav Elements Have Become the Norm)

得益于移动设备的主导地位,小型导航元素已成为常态。 使用手机访问网站的用户通常更加适应于精简菜单项,包括隐藏在汉堡式图标中的菜单项。

一旦用户流或模式被普遍接受,就不用担心网站的可用性或混乱局面了。 尽管极简的导航在小型设备上很常见,但它带来了一个问题,即在台式机屏幕上是否会有不同的期望。


2.用户确切的知道你想要他们做什么(Users Know Exactly What You Want Them To Do)

只要用户可以从设计中了解你想要或需要他们做什么,极简导航的样式就非常有效。 但请注意,极简并不意味着“删除”导航。

上面的Lifted Logic的极简样式导航显示了使用汉堡包菜单隐藏一些元素而主要项目仍然位于屏幕顶部时,如何实现最大效率的导航。 样式使设计易于使用,并创建了清晰的用户路径。


3.弹出火滑出导航可以提供更多信息(Pop- and Slide-Out Navigation Can Provide More Information)

关于极简导航的最吸引人的事情之一是,当用户需要时,它可以扩展为包含更多上下文和信息的更具包容性的样式。

此概念在上面的网站设计中非常有效,该设计的扩展导航所弹出的菜单中提供了指向整个网站内容以及社交媒体的链接。


4.极简导航为设计提供了更多的空间(Minimal Navigation Gives More Room to the Design)

极简导航的最佳设计元素之一是它可以清理画布的其余部分,以便设计可以“呼吸和流动”。 你无需在屏幕顶部添加白色栏或淡出照片以容纳小的文本按钮的压力。

干净的画布可以为设计中的特殊工作提供坚实的背景,使你不必担心导航是否妨碍或可读性。


5.极简导航是你着重考虑入口(Minimal Navigation Forces to You Consider Other “Entry Points”)

最后,极简的导航使你考虑其他方法来使用户专注于网站之旅。 这可能包括整个设计中可点击的号召性用语,鼓励跳转到其他内容的卡片或按钮元素,或将用户定向到其他页面的方案。

牢记这一计划进行设计可以帮助你重新考虑和重塑转化,并专注于网站和用户之间的关键操作/交互。 即使设计没有经过迭代,也可以通过思考使用一个极简的导航计划来帮助你确定项目目标。


极简导航的缺点

并非每个项目都需要极简的导航。 选择这种样式(或不选择)的大部分基础与内容和个人喜好有关。 但是,有一些更深层的原因说明为什么极简导航可能不是最佳解决方案。


1.一些用户可能找不到他们想要的东西(Some Users Won’t Find What They Are Looking For)

极简导航的主要问题是用户有可能“迷路”。 对于已经习惯了早期网站模式的用户,似乎有些人无法及时适应。

这些导航元素中的每一个都是如此。 在转向极简的导航样式进行重新设计或设计调整之前,请查看一下你的分析和流量。 有多少人正在使用这些元素? 他们正在使用所有这些吗? 这可以帮助指引你的计划。


2.降低内容优先级(Deprioritizes Content)

极简导航还会以某种方式降低内容的优先级。 大多数用户认为导航元素是网站设计中最重要的页面和内容。

但是,如果那里什么都没有呢? 他们如何知道下一步应该做什么?

如果设计的其余部分不能帮助用户找到他们想要的东西,这可能会引起关注。 极简的导航需要其余设计的支持才能真正有效。


3.参与度可能较低(Can Have Potentially Low Engagement)

考虑尝试导航的按钮样式设计,而不是汉堡包图标。

这似乎是一个很小的布局调整,但是可以解决导航量少的最大问题之一,即低参与度。 设计使按钮更具可点击性。 更改设计并保持功能不变。 测试一下。 是否有更多用户点击?


4.潜在的负面SEO影响(Potential Negative SEO Impact)

页面上较少的单词为搜索引擎和索引引擎阅读和理解你的内容提供了更少的机会。 尽管这可能会对搜索引擎优化产生一些影响,但影响通常很小。

如果用户快速离开或因为找不到内容而不喜欢设计,这对SEO的影响最大。


5.在内容较多的设计中可能“迷路”(It Can Get Lost in Busy Designs)

如果整体设计比较多内容或元素,极简的导航将带来挑战。 此样式可能会在设计中迷失方向,从而使其无效。

因此,你确实会在白色或深色框中看到更多的粘性导航栏,即使有少量选择,也可以确保在播放视频,高彩色或动态图形或带有照片的照片时一目了然。


总结

就个人而言,导航的深度和优势取决于内容。 没有太多页面的小型网站可能不需要它,尽管我几乎总是觉得有电子商务的网站很有必要。 (商店和购物车菜单项应始终存在。)

另一个真正的因素是观众。 年轻的受众群体或主要通过电话访问你网站的受众群体更容易看到并使用(传统菜单在这种格式下无法正常工作)。另一方面,桌面用户可以从导航菜单中的文字和选项中收集有关网站的许多其他信息。

这使这一主题变得困难。 尽管极简导航在所有设备上都变得越来越流行,但对于许多设备来说,更好的选择可能是在较大的设备(例如台式机)上使用更“完整”的导航样式,而在电话或小型设备上使用极简样式。

与任何新想法或新概念一样,请注意你的分析和用户。 如果你使用更简化的导航格式,导致用户退出了设计中的多个页面或关键页面,则可能需要重新考虑该决定。 相反,你可能会发现导航并不是真正影响用户的因素,并且极简的样式也很好,在美学上也更令人愉悦。










图文来自:design shack 

深圳网站建设公司-Clh翻译编辑整理

5
阅读原文
|
举报
|
9
分享
评论
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
登录注册
立即打卡

相关内容推荐

英语培训机构网站建设公司中山网站建设的建议方案义乌市网站建设页面优化高端网站建设课程设计报告简单网站建设设计报告模板永康网站建设设计方案丰台区正规网站建设推广扬州正规的网站建设哪家好福州市品牌网站建设西安企业网站建设推广费用企业网站开发团队建设聊城网站建设考试名词解释丰台区电焊面罩网站建设罗湖实惠的网站建设公司克拉玛依绍兴网站建设高端网站建设培训辅导班大庆网站建设整体策划方案宝鸡网站建设方案详细说明专业的网站建设的书籍推荐太原网站建设的语言及特点潍坊建设网站方式有哪些中小型网站建设与安全咸宁网站建设的论文怎么找北京重型网站建设设置方案许昌定制网站建设代理商十堰网站设计与建设长沙县网站建设客服电话湖南龙岗网站建设公司电话长沙企业营销网站建设费用甘肃网站建设制作报价方案海底捞的网站建设是什么沧浪企业网站建设找哪家论坛网站建设专业的公司潍城区营销型网站建设建议苏州外贸网站建设运营公司茂名网站建设制作哪家好海淀企业英文网站建设费用荔湾网站建设定制费用多少网页前端开发是网站建设吗河北省网站建设怎么选龙岗网站建设公司是哪家网站建设公司设计是啥企业网站建设推广价格多少免费网站建设推广哪家好太仓网站建设设计制作公司最新网站建设合同范文大全嘉兴网站建设制作公司推荐商城网站建设价格套餐图房山区威力网站建设推荐郑州网站建设策划书推荐西城区网站建设价格查询免费网站建设哪个公司好清远专业网站建设服务中心岳阳网站建设心得体会北京社会团体网站建设培训南通网站建设公司有哪些汕头专业的网站建设哪家好沙田新能源网站优化建设建设公司网站怎么弄好湘潭学校网站建设价格套餐广州英文外贸网站建设费用餐饮网站建设制作商镇海区网站建设费用标准唐山网站建设方案联系方式邢台网站建设设计题湖南展示型网站建设哪家好湖州网站建设费用预算清单江西医疗器械网站建设甘肃网站建设设计制作公司培训网站建设哪家专业门户网站建设开发公司唐山天猫网站建设推荐咨询浙江品质网站建设定制价格辉县外贸品牌网站建设pc网站建设团队哪家专业建设网站的开发用户软件太原企业商城网站开发建设好口碑的装修公司网站建设廊坊网站建设现状调查研究辽宁专业性网站建设价位太仓网站建设德升瑞杰南通网站建设在线测试公司茂名企业网站建设招商服务贵州网站建设制作费用价格公司网站建设公开课视频建设网站哪个平台好用些外贸网站建设产品介绍范文株洲网站建设怎么做的长沙企业网站建设建站系统门户网站建设专家评价办法南宁免费网站建设公司太仓盐城网站建设方案设计浙江网站建设制作推广费用岳阳网站建设开发公司排名教育行业网站建设怎么样正规的网站建设口碑好的企业建设网站陷阱有哪些电商网站建设最新报价价格电商网站建设主观题泰和县建设教育网站泰州网站建设专业定制服务岳阳网站建设网页设计报价电商网站建设平台分析报告镇江别墅花园设计网站建设青岛定制网站建设怎么样关于网站建设实训论文题目济南企业网站建设的释义济南品牌网站建设态度好游戏网站建设厂家推荐江苏网站建设哪家优惠多信阳网站建设技术外包公司北仑区外贸平台网站建设怎样联系网站建设企业资质天津企业网站建设报价条件长阳县大堰乡网站建设长寿区网站建设代运营网站建设都需要什么模块嘉兴网站建设制作的公司黄浦区网站建设哪里有陕西创新网站建设公司高端网站建设收费明细表太原口碑好网站建设公司忻州网站建设优化公司电话湖南信息网站建设创新大赛阳泉网站建设费用是多少淄博临淄网站建设公司白山电子商城网站建设费用长沙电商网站建设价格查询江北区网站建设企业排名重庆旅游网站建设单价排名嘉兴网站建设大概多少钱做高校网站建设的意义黄浦区网站建设哪里有外贸网站建设首选品牌餐饮网站建设费用预算方案全国建设机械信息查询网站松江区品牌网站建设优点肇庆网站建设设计报价多少浙江品质网站建设问答知识日照网站建设推广优化费用建筑工程网站建设方案范本装饰网站建设软件开发如何优化房地产网站建设河北重型网站建设操作规程申请建设门户网站的报告阿里云网站建设开发与制作巩义网站建设方案书哪里买安徽省网站建设中标高端网站建设实施方案范本网站定制建设哪家正规好定制网站建设设计制作公司天河区网站建设哪家好点大连网站建设推广哪家好网站建设多少钱需要交税闵行区叠加式别墅网站建设怀柔区综合网站建设风格秦皇岛营销网站建设哪家好自适应网站建设联系方式更合响应式网站建设公司惠州网站建设系统规划图淮安网站建设最好的是哪家盐池农产品网站建设方案太原网站建设服务商电话绵阳网站建设企业推荐信息公益宣传网站建设公司海南网站建设公司好吗株洲网站建设公司价位查询网站自身建设的调查方法是洛阳德阳网站建设公司排名专业的网站建设程序是什么湖南网站建设方案详细说明毕业生就业制度网站建设潍坊建设网站工具哪个好宝鸡免费网站建设设计河北网站建设的公司有哪些惠州网站建设设计厂家排名建设网站需要几个人香坝镇门户网站建设大型网站建设价格套餐图三水酒店网站建设方案本溪外贸网站建设推广费用石家庄淘宝网站建设业务视频网站建设毕业论文珠海企业网站建设托管中心漯河泡沫包装材料网站建设徐汇区网站建设推广费用简单网站建设公司有几家富阳企业网站建设方案公示论坛网站建设策划方案书银川网站建设开发怎么样众博平台网站建设费用正规宜昌网站建设服务公司手机网站建设有哪些公司渝中区服务型网站建设承德网站建设需要多少钱广州企业食材配送网站建设无锡企业网站建设模板设计七星岗网站建设推广塔城高级网站建设公司招聘电商网站建设泉州名扬

合作伙伴

东为网络

www.he1tech.com
www.andmedia.cn
seo.chaoshanxing.com
www.lpjfm.cn
www.7272w.cn
www.jsfengchao.com
kuai.urkeji.com
www.wangluohr.cn
www.bbswimming.cn
seo.urkeji.com
www.pifajia.net.cn
www.3phw.com
www.hz.bj.cn
www.maijichuang.cn
qiansan.seo5951.com
www.lpjfm.cn
seo.jsfengchao.com
www.karczford.com
www.xm5656.cn
baidu.07yue.com