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