18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 电子商务 > 企业网站信息架构设计 :首页元素

企业网站信息架构设计 :首页元素

时间:2023-03-16 19:48:01 | 来源:电子商务

时间:2023-03-16 19:48:01 来源:电子商务

这篇文章是对youtube视频 “How To Structure A Website Home Page” 的记录和总结,适合入门UX行业的朋友们。博主Ran Segall是一个高级用户体验设计师(自由职业),在youtube平台上发了很多设计的视频,刚入门的UX同学们可以搜索账号Flux来关注他。

本文章原视频链接:



网站的首页是用户最先看到的页面,可以说是企业宣传的门户。比起界面的美观,更重要其实是如何向这些用户,或者说潜在的客户讲述故事。首页的每一个环节就像一个故事,引导用户慢慢下滑,一步步了解更多。在“How To Structure A Website Home Page” 这个视频中,设计师Segall向我们解剖了商业网站首页的结构:

第一部分:企业的价值主张(Value Proposition)
首先设计师要站在企业的角度思考一个问题—— “我们商业背后的价值是什么?“。
要知道用户可能只在你的这个页面停留不到10秒钟,如何在这么短的时间里抓住你的潜在客户,让他们下滑页面了解更多。 你必须用简短的一句话/图片/动画等方式快速的向他们传达你企业的价值,让他们明白你是符合他们需求的对象。

第二部分:社会认同(Social Proof)
社会的认同简单的说就是——“企业的客户们说我们做得很不错“ 。
这环节可以通过多种方式来表现,比如放我们客户/合作伙伴公司的LOGO;一些数字(我们达成的一些成就);来自客户的褒奖和案例(testimonial)等等。通过这些方式来增加企业的信任度,证明我们是一家认真做事的公司。

第三部分:企业为你带来的价值(Benefits)
这一环节要站在客户的角度来告诉他们——“我们能给你带来什么“
光顾你网站的这些人他们更关心的不是这个企业有什么能力,而是这个企业能够为我带来什么。这点回到来以用户为中心的设计,所以讲故事也需要从用户的角度出发。告诉用户如果你用了这个网站会对你有什么帮助(节省你的时间,帮助你提高工作效率,让你的团队变得更有秩序化等等)

第四部分:功能/特色 (Feature) (technical,product)
这一环节是向客户介绍——“我们是如何为你提供服务的“
这环节是对企业本身的能力/技术介绍/产品功能介绍等。

第五部分:我要怎么获得帮助?(Call to action)(also show in the header)
在获取来客户的信任后,让顾客立即知道如何获得包装,以CTA(call to action)作为故事的结尾。可以是一个“立马购买”的链接,或者是联系我们的信息获取表格,也可以是注册成为会员的按钮等等。(CTA往往也会现实在导航栏上,前后呼应)

第六部分:页脚(Footer)


以上就是商业网站的基本架构。设计师在设计商业网站时可以以此作参考,并结合企业本身特点进行调整。为了帮助理解,我找了更多的例子,可以很多都是遵循来以上原则(套路):

链接:https://www.lapa.ninja/post/rydoo/


链接:https://www.lapa.ninja/post/science-inc/


链接:https://www.lapa.ninja/post/hutwork/


链接:https://www.lapa.ninja/post/famebit/


其他相关资料:

另一篇关于登陆页结构解剖的文章:

网站首页设计的素材库:



关键词:设计,信息,企业

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭