论平台产品在品牌传承、响应式潮流产品设计与用户服务的交融与平衡.pdfVIP

论平台产品在品牌传承、响应式潮流产品设计与用户服务的交融与平衡 莎士比亚有一句名言：一千个人心中有一千个哈姆雷特，作为企业形象窗口的官方网站，它 的镜子效应更是非常显现，碎片化意见显得更为丰富多样。 产品背景：紫光华宇是一家非常人性化的企业（紫光输入法，主要面向 B2B 领域），有幸之 前全面负责了集团官方网站、招聘网站 web 、 M 、APP 等全面改版工作。从品牌传承、潮流 产品设计与用户服务 3大维度思考平台级产品思维、营销思维和用户服务思维！ 官网的全新改版往往是牵一发而动全身，不仅影响着用户，更影响着企业本身，如何能够在有效的 延续华宇连续 13年高速成长的品牌基因，整合来自内外部的需求与碎片化意见，并以未来计，能够 兼容未来网页设计趋势与用户服务，如此种种，都是本次改版的重中之重。 根据上图马斯洛需求层次理论，安全需求、社交需求往往是用户关注的特征点，基于此，并在结合 对官网内外部访问用户的调研，官网改版将具体落实到以下 3 个维度进行推进。 一、品牌基因的传承 华宇品牌基因中包含了正直、奋进、善群、质朴、虚怀、性坚、奉献、卓尔、担当等华宇的文化 特征，在新版官网设计过程中，项目组多次讨论，同时听取了华宇 VI 设计单位品牌专家的意见，期 望在网页的每个细节中融入这些内容，凸显华宇大气稳重而又不失活力、整体简洁而又细节到位的 蕴涵，表达出华宇专业的品质与用心的服务。 1.色彩方面 色彩是品牌冲击力非常有效的表征，华宇从诞生至今，蓝色已成为华宇品牌的形象说明符，色彩的 延续便是对品牌的最佳体现，在新版设计中，官网以稳重、科技感强的蓝色调为主，搭配醒目、简 洁有力的白色，蓝白色彩的使用比例巧妙协调，示例： 2. 辅助形象 辅助形象的引用在新版的官网设计中，是一个新颖亮点，但在设计过程中如何融入这个元素却需要 非常慎重，辅助形象使用的范围太广，将会影响网站整体的风格，造成混乱，喧宾夺主。最终根据 华宇 VI 专家的意见，在网站 banner 及其各栏目中的图片设计中植入扁平化形象。 3. 设计元素，少即是多 设计元素： 少即是多“ ”是品牌营销过程中往往需要表达的印象，同时也是网页设计的最新理念，在 新版的设计过程中，设计团队吸取了这个理念，所有页面保持 用最少的元素来实现最纯粹的表达“ ” ，将单纯简洁的色彩作为主要元素，在面积与构成中，侧重留白和空间感。以荣誉资质为例，通过 大幅情景图片 +简洁的布局来展现企业的历史沉淀，同时在空间感上冲击力更强，更能提升华宇的品 牌形象，引人入胜。 二、产品初体验与潮流设计 首页的作用是彰显品牌，彰显企业的整体风格，是网站的新闻发言人！代表了网站乃至企业的性格 。所以下面用首页的交互设计思路来说明集团官网整体设计的核心理念。 1.首页交互核心：给我选择 or 帮我选择？ 在用户面前，如何把华宇丰富精彩的资讯用合理的、有效的交互策略展现给用户，并直接转化为 点击，是站点设计过程中首先需要考虑的问题。与媒体等其他网站不同，企业网站在信息呈现层次 方面是单一的，不会像媒体那样多元化，那样复杂，企业网站有其独特的用户浏览习惯。 大家选择时考虑的维度主要集中在几个方面： 具体来看两种页面布局策略： A 方案：帮我选择，强烈突出推荐主题内容； B方案：给我选择，尽量多呈现不同内容； 项目组在讨论了方案 AB 之后，最终选择了 A 方案：方案 A 从商业化考虑的话，重点 banner 的广告因 素更加突出，将用户的注意点全部吸引到这个大 banner ，增加运营 ROI ，同时也更能拓展多元化 广告。从用户体验考虑的话，专栏化，大 banner 的交互设计思路，能够有效聚焦用户关注，不会分 散用户注意力，从而能够激发用户的点击，体验更流畅，减少客户的选择恐惧，同时由于大 banner 的设计，设计，文案的创意空间大幅提升，很好的提升了用户视觉体验。 下面通过点击热图，再确认下 A 方案的合理性，企业网站相对于媒体网站来讲，资讯相对较少，更 少下拉页面，因此首屏资源展示更为重要。首屏是企业网站页面