撰稿编者按:中文网站的更新结构设计未必而已更改式样,借由有效率的更新结构设计,使用者能获得真实感,也能更为明晰地了解中文网站更新操作过程中所化解的问题和关键点。那么B2B中文网站的更新操作过程应该怎么展开呢?责任撰稿译者紧密结合事例展开了TRAP归纳,一起来看呵呵。

网站设计总结(网站设计总结报告)-第1张

前段时间在负责管理他们公司的官方网站更新,现在TRAP呵呵总体的更新操作过程;而更新主要的圆心是能吴圣涛让使用者使用的商品。因此,如前所述这一路子,UI这几块,对于B端商品来说,标准、规范小于创意设计。

提出诉讼官方网站结构设计,有些好友可能会觉得:不是换个式样吗?

确实,官方网站亦或者APP的升级换代是更改式样;但也相比之下不而已更改式样。即便是产业布局部分,也而已在中文网站核心理念原素维持不变的大前提下更新。但重点是——如何借由两个技术细节的改变,构筑两个崭新的产业布局系统预设;让大家借由每两个接触点,简单感受到中文网站所更新化解的关键点以及新突显的机能。

其实归根结底,更新的操作过程是更改精确使用者的操作过程。

一、他们中文网站的使用者是谁呢?

网站设计总结(网站设计总结报告)-第2张

1. 从数目上看,他们官方网站使用者大体分为四类

首先第四类是潜在性的大企业顾客: 她们出访中文网站目地是追踪、考察,是不是能为可信的长期服务项目。

由此可见第四类是潜在性的中小企业顾客:她们出访中文网站目地是追踪高效率的服务项目,是看可不能节省生产成本。

最后第四类是潜在性的行业对个人专业人士:她们出访中文网站目地是追踪低生产成本的/中长期的服务项目而仅自学/进行咨询。

2. 从身份上看,他们官方网站使用者大体分为两类

第四类是决策者,其本身就能决定是否购买商品/服务项目,这类的是以长期合作为目地。

第四类是搜索者,带着目地收集、比对关键信息,供决策者参考;这是以信息服务项目有目地的。

而更新的目地是从目前的主要顾客,更为精确地为挖掘和服务项目那些刚刚成型的精确使用者。

当然了,大家都知道结构设计之前要确定需要;在需求分析阶段,要对商品本身和行业本身有一些基本的认知。

要了解商品的基本情况,比如:

  • 商品诉求——做这个商品是为了化解什么问题?
  • 商品目标——想实现什么目标?
  • 使用者人群——使用这个系统的使用者有哪些?不同角色的使用者有哪些具体的权限?是否需要对每两个使用者的行为都生成操作日志?
  • 商品定位——面向哪类人群,满足哪类场景,化解什么问题?
  • 需求分析——商品的业务流程是怎样的?
  • 机能模块——商品有哪些主要的机能模块?
  • 主要竞品——有哪些同类型的商品?
  • 商品特色——和她们相比他们的商品有什么特色和特点?

这里就不多叙述了,因为在我看来这确定需求操作过程其实是打麻将前的洗牌操作过程,目地是让你从别的事情或者思绪中平静下来,注意力转移到这个需求上的操作过程。

二、开始更新前,首先确定的是定位,化解什么问题

他们的中文网站属于商务中文网站,也是B2B中文网站,那么面对的是商务人士,也是服务项目商和投资者.从情感化结构设计来说。

B端需求呢,一般来源于商品战略定位、使用者个性需求等;而现在他们B端商品如前所述线下为主,因此本次更新是如前所述现有的业务形态,将传统线下工作,通操作过程序化、系统化、信息化转换为线上商品,目地是达到降低办公生产成本。借由细分行业领域、精简操作步骤流程等方式精确服务项目使用者这一目地。

三、确定好定位后,确定结构设计风格

现在很多中文网站追求的是结构设计复查或者炫酷,其实简洁的风格和舒适的留白空间是一种永不落后的潮流,没有人会不喜欢两个干净整洁的中文网站;就像家居装修一样,追求的是错落有致,不是一成维持不变的。

有时候无论是中文网站还是图片使用流行的简约的风格,采用的标准化得导航栏,反而让顾客能够浏览到整个中文网站的内容,找到她们想要的信息。

已经离开苹果的 Jony Ive 说过:简单不是一种纯粹的视觉效果,你需要理解事物的本质,才能将与之相关的一切简化。

乔布斯也反复强调:只有当他们的商品是简单的它才没有科技带来的距离感。

所以针对页面或者商品,应是能吴圣涛使用的商品才是有亲和力并且触手可及的。

最后决定结构设计风格偏向简洁风。

四、确定好结构设计风格后,接下来是研究原型逻辑

结构设计和商品没有什么鸿沟而言,究其根本其实原型都是根据两个中心来的,它的逻辑也是根据这个中心展开的;概括说来是商品原型中心是定位使用者,逻辑这个定位使用者的思维处理。

1. 那他们的定位使用者又是什么呢?

他们是B2B平台,所以面对的使用者是B端;那么他们得理解什么是B端;B端释义为:Business,意为企业使用者或商业使用者。B端商品往往是为针对这类使用者开发的系统型软件、工具或平台。例如:CRM 系统、 ERP 系统、OA系统、SAAS等等。

2. 结构设计根据原型,用怎样的方法展开产业布局

理解了原型,根据定位,页面的结构设计就有了要求;那是需要做到每两个机能点能够明晰明确的展示,并且让使用者知道每个机能按钮或页面的使用意图。避免机能堆砌关系混乱。

不要觉得这是不必要的,就侧重结构设计的美观性了。

因为B端商品承载的信息和逻辑是比较复杂一些的,所以需要对机能层级的划分呈现多考虑一点,需要有明晰的逻辑,而结构设计师也要多站在企业使用者的角度去考虑,使任务能够精确化触达。

说白了毫不拖泥带水是结构设计 B 端商品最重要的工作。

网站设计总结(网站设计总结报告)-第3张

在商品结构设计之初,需要全面考虑,把握商品结构设计的大方向与业务发展的一致,这样不至于结构设计出来的成品不至于总是返工。

结构设计师也是需要同步搭建页面通用的结构设计框架,统一的视觉结构设计语言,通用的组件的规范,这样可快速复用提效结构设计,也能把更多的精力投入到梳理商品逻辑及交互方式和机能的视觉表现上。

当然了,原型结构设计完成,开始做UI视觉方面的结构设计的时候,后端也是需要同步构思需求的实现方案。

毕竟结构设计不是独立存在的,因为结构设计师不是艺术家,不是主观暂居第一位的,艺术家画一幅画,别人看不懂或者不喜欢,他们能说是他不是伯乐,不懂艺术;但是结构设计师不是,结构设计的本质是为商品而服务项目的;因此工作中项目中,结构设计和开发的配合也是至关重要, 耽误项目周期或者项目进度这是不可出现的。

因此结构设计也要时刻与产研团队保持沟通,从技术和结构设计层面综合考虑,哪种视觉呈现方式更合理,哪种方式更提效更稳定,支持的场景更全面……确保当前商品方案可行性,哈哈。这样也避免了结构设计出来的页面或者交互和开发展开N轮的battle啦。

网站设计总结(网站设计总结报告)-第4张

因此研究好原型的逻辑的目地是——他们结构设计的核心理念重点:界面明晰易懂,使用者的操作门槛低,能够快速的使用商品,高效、专注完成任务。

确定好原型逻辑,是开始结构设计了。

3. 初稿后出现不同的修改意见,这是不可避免的

结构设计的每个页面的展示情况,总是会出现不同的修改意见,这是不可避免的。

而使用者呢(额,不对,这时候充当使用者的可能是你的商品,可能是你的领导,也可能是你的商品业务同事,哈哈哈…苦闷的审稿操作过程),总是在你结构设计的初版形式上让再加一点其他的东西,改一些其他的东西。

我觉得啊,这是两个值得思考的问题,因为顾客的不同,总是伴随着这些一点一点的积累开始的,也许现在的颜色,你要克制的颜色总是在改稿情景中出现,打乱你现有的产业布局。

对于这些不可忽视的意见或者非必须的修改意见,化解的方法是整齐而灵活易修改的产业布局,及其一套结构设计规范和商品组件规范。

  • 整齐而灵活易修改的产业布局,大白话是将图形化资产组件化,分可形成模板,合则可拼搭成事例。为结构设计值提供强大的灵活性和定制性;目地是提高了结构设计延展性,为不同顾客的定制化需求提供更高效的输出。
  • 一套结构设计规范,目地是结构设计从信息层级、文字、图标、图片等方面展开结构设计走查,结构设计语言的规范化避免因结构设计控件混乱而影响结构设计输出。
  • 商品组件规范,目地是建立公司商品的组件库,组件化同类原素,提高工作效率,以便不同项目地复用及结构设计延展;在同两个项目中也能更好的把控该项目地视觉规范,提高效率;并且前端实现也能拥有一套可供复用和扩展的组件库,也助力上下游交接及团队协作。

当然了,这些都是页面一开始着手就要确定的。

五、确定结构设计定稿,是开始开发了

开发的操作过程,需要结构设计跟进,不求百分百还原,但是也要达到90%,没有开发的配合,你的图也是静态图而已,所以,这个操作过程必须跟进!负责管理等到商品上线, 如果别人吐槽了,但是你的结构设计图确实是结构设计的OK的,那你就哭去吧。

以上是整个中文网站更新的结构设计TRAP了,最后我想说呢,不用一直追求酷炫和复杂,简单何尝不是一种精致。

奥卡姆剃刀原理说过:如无必要,勿增实体,即简单有效率原理。 所以切勿浪费较多东西去做,用较少的东西,同样能做好的事情。

正如席克定律所言:人在面临选择越多的时候,所要消耗的时间生产成本越高。

责任撰稿由 @liang 原创发布于人人都是商品经理,未经许可,禁止转载。

题图来自Unsplash,如前所述 CC0 协议