对C端商品来说，负面影响可视化结构设计的因素有两大部份，那就是——构架和人机可视化。那么在两部份中，又有什么样行业龙头的结构设计关键点与小常识呢？本栏将为大家出炉。
先延伸几个实际生活中可视化情景的事例，那些可视化都是真真切切能感受到的：
新浪网表述：
可视化是两门研究控制系统与使用者间的可视化关系的学识。控制系统能是各式各样的机器，也能是数字化的控制系统和应用软件。人机可视化介面通常是指使用者可见的部份。使用者通过人机可视化介面与控制系统交流，并展开操作。小如录音机的播映按钮，杜博韦飞机上的中控台，或电厂的机房。人机可视化介面的结构设计要包含使用者对控制系统的理解（即人格模型），那是为了控制系统的易用性或者使用者亲善性。
下面预测可视化在整个商品结构设计中所处的位置，我们只对网络商品展开预测，参照《使用者新体验5基本要素》：
首先，战略层商品经理或市场需求预测师对市场需求展开预测和商品功能定位，得出结论使用者市场需求和商品目标。接着，市场需求转化为范围层的机能和文本。再次，由可视化结构雕塑家把那些文本和机能，行业龙头成梅谢的重要信息构架、网页与页面与人间的连系。然后，油画出原稿蓝本，既构架层的导航系统、介面、重要信息表头。最终，听觉结构雕塑家完成听觉，包括颜色、图片、手写体、工具栏等听觉风格结构设计。这样，我们就清楚的知道可视化结构雕塑家负责的是梅谢和架构层的工作。
本栏对网络toC的APP商品可视化结构设计得出结论的表述：基于使用者市场需求、情景的预测，剖析出重要信息、导航系统、介面的构架 和 人与网页间的可视化，并工业生产最终的蓝本网页。
但本栏实际工作中发现中小型公司（500人以下）商品经理会包揽这部份工作。下面我们详细说下这两大部份工作：
一、重要信息、导航系统、介面构架工作
重要信息构架是可视化结构雕塑家开始着手做的工作。做这项工作前不得不提商品经理的市场需求预测及商品功能定位阶段，只有充分理解商品经理或市场需求预测师得出结论的文本，才能展开重要信息构架>导航系统>介面蓝本>其它可视化。
通常可视化结构雕塑家跟着商品经理过市场需求会。理解使用者市场需求时，一定要找到对应的情景。
举个小例子：电商购物车，就是使用者在购买多件商品情景时，有这样核心市场需求——当使用者不需要某个购物车内商品情景时，购物车内商品能去掉。
怎样可视化才能达到这种目的？当使用者购物车内商品全不要了情景怎样可视化？当使用者喜欢购物车某件商品，嫌贵的情景，又怎样可视化？在大型电商节日，当购物车内某件商品不参与活动时，购物车结算情景或最终订单怎样提示？等等。
综上所述，可视化结构雕塑家，既要理解使用者市场需求又要找到对应情景。
当然那些工作大部份还是商品经理或市场需求预测师去做，并工业生产目标使用者画像、他们的主要市场需求点、对应情景、以及触达那些市场需求点的具体流程（俗称业务流程）、其它文本（文本包含机能、主要重要信息表头）。
但为了商品更好的与使用者可视化，可视化必定要深入理解那些工业生产文档（俗称MRD、PRD）。
当然，这类文档还有其它一些文本，像行业调研、竞品预测、财务报表、团队规划等，但那些与可视化工作没有因果关系。只需要把以上的几点深入理解即可。
再说说商品生命周期中非成长期，成熟期，也就是后期的可视化工作。
工作文本都是一样的，大部份是迭代，每次的可视化改版，都需要数据做支撑。可视化优化是为了达成某项数据目标，通过A/B test展开数据测试。新项目接手时，商品经理用多种市场需求预测工具，拆解出使用者市场需求得出结论商品文本，评审过会后，可视化结构雕塑家对那些机能文本展开拆解归类。
首先，在原稿纸上或xmind上列出所有表头，工业生产一份思维导图文档，那些表头包含的是机能和使用者需要的重要信息。接着，对那些重要信息构架归类。再接着，展开导航系统结构设计。最终就是介面蓝本结构设计了。例如，在线课堂商品，商品经理得出结论这样一个构架，里面包含了范围层以上所有构架，在这个构架上，可视化结构雕塑家先配合商品经理完成粗略的蓝本图和简单的可视化逻辑，这样梅谢的工作基本完成。剩下的架构层由导航系统和介面组成，也可能对文本构架展开细微调整，但需要与商品经理充分沟通协作。
介面结构设计（原商品经理的粗略蓝本基础上迭代）听觉结构雕塑家也会有较少参与，最终由听觉结构雕塑家完成最终的表现层工作。完成后由商品经理统一组织过会审核。
以下，本栏根据市场需求情景剖析的构架图，为重要信息构架思维导图和导航系统结构设计思维导图。
二、人、网页的可视化工作
经常会听到商品经理和听觉结构雕塑家说可视化是跳转、弹窗等单个负面影响因素，其实可视化不是那些单一的因素。
下面进入正题，以下是本栏做可视化结构设计总结到的工作文本，或者说负面影响到可视化的一些主要因素。
有时候可视化结构雕塑家和听觉结构雕塑家会配合完成其它重要的可视化或者听觉，他们间会穿插一些重复的工作。例如：字号、手写体颜色、图片尺寸 质量、图片未加载前预览图规格、非wifi的图片质量、icon的风格及动画效果等。
网页：引导层、初始状态、跳转、浮层二次确认、新网页、返回刷新原网页；表单：注册登录、搜索、日期、复选、其它；弹窗：有活动推送、控制系统反馈、危险提示操作、机能模块；空状态：断网、无数据、支付回调错误、其它错误；其他状态：在线，离线，忙碌、登录，未登录、其它状态。；角色：不同使用者角色的权限；对于同样满足市场需求的商品，人、网页可视化负面影响着至关重要的使用者新体验：
有的商品从起初的重要信息机能导航系统构架都没有分好，不相干的表头或机能混合在一起让使用者一头雾水。有的网页跳转，一会儿左边切换，一会儿从上侧切进来。有的使用者点半天，网页居然没反应。有的甚至在没有权限的使用者展开危险操作时，没有做好及时提醒和阻止，给使用者造成巨大损失。1. 网页
引导层，对于一些迭代后重要的新机能、转移位置的机能、新的文本或者操作，需要引导或说明给新使用者。
引导层的二次确认，迭代的重要新机能、活动、文本，需要让使用者二次确认，加强使用者印象。
机能性关键词或按钮刷新网页，O2O商品中的功能定位、OTA酒店旅行的日期筛选、tab选项卡、导航系统地图的当前功能定位等类似这样的重要的icon、表头、或按钮需要重新向服务端请求数据，让原网页重新加载新数据。
初始状态，使用者第一次打开网页的弹窗，只有一次。
当打开音乐播映时，底部导航系统选项卡又切换到其它时，原选项卡icon换成播映动画的icon。
打开歌单播映音乐时，网页底部出现当前播映浮层，再次返回到这个歌单网页，底部扔出现播映浮层。
在工具类商品课程中，为了活跃留存有很多商品结构设计了会员、积分等成长体系，不同级别网页icon样式、表头都不同；
在汽车类商品中，工具机能需要实名认证，认证前后出现的表头样式都不一样。
倒计时表头。
2. 表单
注册登录，使用者验证码登录，默认需要显示一些引导到文字，输入字符串需要做正则，或输入法直接用数字键盘。开头、中间不允许空格，验证码必须6位，登录按钮高亮。
当用账号密码登录时，登录中或后期修改密码时需要隐藏，账号也要严格控制字符串数量。
在金融商品中，提取现金模块，提取账号人姓名需隐藏部份。
医疗问诊商品需要大段描述重要信息，必须有默认引导的文字，提示一些重要且必填重要信息描述，同时需要前端有相应的字数显示，当超过字数时，用星号，还是加更多表头，更多是否需要强调等。
表单，O2O家政服务：
预约时间选择具体日期，标记最近时间今天明天，选中后高亮，过去的时间需要变灰色。图片上传后需加入逆向操作，上传时的进度状态等。
3. 弹窗
弹窗，有活动推送、控制系统反馈、危险提示操作、机能模块。
在电商商品中，各种节日经常推送一些活动或优惠券用弹窗形式，版本更新时也会推送一些新版本；使用者展开不可逆操作时，删除、更改、要弹出警告提示或二次确认重要信息；重要文本或机能不需要另起新网页时，能用弹窗形式；电商一些收藏、加购等操作，控制系统需要对使用者展开反馈；4. 空状态
空状态，当网页由于断网，无数据，支付回调错误，其它错误出现空状态时，需要对网页展开区分结构设计。
电商商品中新使用者经常出现无收藏、订单、优惠券、积分、商品、购物车无商品等状态。
5. 其他状态
使用者状态，在线，离线，忙碌、登录，未登录、其它状态。
在客服商品中，客服会有上下线、忙碌等状态。由于网络原因可能会导致使用者离线。
大部份电商商品时允许使用者未登录状态下进入商品，甚至能深入到下订单网页。
使用者在非wifi状态下，应用商店、视频类等高流量消耗的商品，流量的消耗应提醒使用者当前消耗文本的质量或者推荐低质量的版本，像图片类商品，对于大尺寸高质量的图片，也应当提醒使用者当前流量消耗很高。
6. 角色
角色：分销电商商品中有分销使用者，分销又有不同的等级。 直播商品有主播和使用者。在O2O外卖配送有骑手、商户、使用者。在线教育有学生、老师、家长。不同角色能查看到的文本不同，机能开放的权限也不同。
关于使用者状态和角色就不一一列举图片了。感兴趣的童鞋，能自行去预测下toC类，电商、社交、文本资讯、OTA、音视频、拍照、在线教育、地图、O2O纯服务或商品服务商品：外卖、汽车后市场。站在使用者角度，找找它们不同状态、角色结构设计的优缺点，帮助我们在商品结构设计上有更好的使用者新体验。
三、总结
对于toC类APP商品，负面影响可视化结构设计的因素有两大部份，或者说做可视化结构设计时必须要做的两部份文本是：构架和人机可视化。两者都要基于使用者市场需求和情景展开深入的分析。后期，对于没有考虑到的情景要叠加，已有的情景要优化，最终效果都是要通过数据去验证的。
本文由 @ Rivers 原创发布于人人都是商品经理，未经作者许可，禁止转载。
题图来自Unsplash，基于CC0协议。
