大族激光业务领域涵盖之广且均实现较大突破,有如此强大的技术研发基础但其官网已不符合企业运转的实际需求,正面临这些问题:
接下来,我们收集整体声音并进行逐一细分,开始对大族激光旧版官网各项历史数据进行采集,从中寻求改版的数据支撑。
开屏动画如何让用户体验更好?设计师们带着产品思维分别从三个层次维度得出了设计原则:
● 结构层:梳理需传达的感受或信息架构、是否需要关联交互行为、停留时长多久;
● 框架层:信息架构决定画面元素构成和布局,以「用户体验为中心」确定元素优先级,从而符合可用性原则;
● 表现层:分析品牌并从中提取色、形与构、质结合思考,进而定义设计风格,使画面契合品牌调性且生动有趣。
新官网的开屏动画采取左右同步向两端打开的设计,轻量化的视觉风格来营造沉浸式视觉体验。在画面「材质」上运用3D模型、描线纹路融合品牌颜色体系,强化大族激光重工科技感的品牌风格记忆。
依据大族激光的集团性质,新官网面向的目标人群不外乎于采购员、供应商、投资合作者以及公众媒体等。
我们从页面整体出发,通过对信息优先级划分及合理布局,精简了官网首页展示版块,提高「新闻资讯」及「关于大族」版块权重,充分展现集团整体形象风貌,信息易读且避免紧凑也促使了提升访客阅读效率。
对信息进行分类是导航的本质,回归最初导航的定义,协助用户快速完成任务是导航的本职工作,大多时候不必拘泥于它要多么有趣,以用户为中心,如何将各项信息合理整合、栏目合理分类,可让我们的网站具备高实用性。导航经过优化后,栏目名称清晰且二级导航展现形式更直观。
▲ 大族旧官网导航展示
搜索栏不是一次性的设计元素,合理的搜索栏设计能节省访客搜寻信息的时间,可让官网更有价值。访客产生搜索行为有这两种场景:
● 访客对所需信息十分清晰,通过搜索来精准定位到自己的所需信息;
● 访客对所需信息不够清晰,通过搜索相关信息寻找自己的所需信息。
▲ 大族新官网搜索结果页面
集团网站面向的访客群体之多,不同人群带着不同需求需得到不同结果,例如以下「采购员」的搜索路径:
针对上述第一种场景的优化方向即是为访客节省操作时间,引导他们快速跳转至所需信息详情页,二是为访客提供高质量信息协助他们快速选择。
因此,我们设计的热门搜索能很好地优化这两种场景:
● 当访客从其他渠道了解到大致信息后,十分明确要进入这个详情页,热门搜索可让访客快速到达,无需输入信息;
● 当访客点开搜索栏,看到热门关键词因好奇而进入这个详情页,进而实现高效引流。
▲ 大族新官网搜索栏展示
产品思维是网站建设中既重要又基础的思维,从全局思维、需求分析和迭代思维中的思考,能够解决大多数问题,能够帮助我们更好地去建设一个网站;数据思维的细分和如何应用于网站建设,其最大的优势在于以数据为依据,推动的决策更为科学有效,而非主观意识判断,因为这种判断往往出错率较高。

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門(mén)戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門(mén)戶型、微信小程序定制開(kāi)發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開(kāi)發(fā))、微信定制開(kāi)發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。