发布时间：2019-5-29 分类： 电商动态
I.前言Internet集合和挖掘Web 5.0.0版本的集合主要包括“用户视图界面”和“管理后台操作界面”，旨在增强用户体验。 “用户视图界面”的设计理念偏向于减少认知负担，用户在最短的时间内获得重要信息。 “后台操作界面管理”更倾向于更好更快，更高效的工作效率，并在最短的时间内实现“发送标签”“咨询”“审核”。和其他操作。互联网收集平台位于建筑供应链的B2B收集平台中。其主要服务对象和用户群偏向于B端用户，建筑材料供应商，建筑工人，管理人员和团队领导。面对复杂的产品逻辑和用户群，建筑设计团队需要使用专业的方法来管理产品每个环节中的难治性疾病，并从内到外处理整个治疗以及各种牵连的细节，以便产品更美观。健康舒适。在漫长的项目过程中，我们逐步将公司的设计策略分解为产品体验方向，从设计概念到界面设计语言，在实施过程中不断平衡各种设计细节，最后得到最终的设计输出。所有更改都是为用户创建更好的体验，然后让我们来看看此升级的人口统计特征
（管理主页）2。用户组根据平台研究数据分析，用户群主要集中在建材供应商，施工单位人员和集团管理人员。三类人员的出发点和目的是不同的。建筑材料供应商访问平台以浏览出价，并选择符合其自己出价的出价。供应商关注的重点是提取招标的重要信息，如与运输成本，投标内容，关闭时间和账户周期等有关的交货地址。这些主要信息是关键显示。该平台更专注于招标单位的运营经验。如何快速实施招标是用户体验设计部门研究经验的方向。
3.交互设计方向
根据公司的战略，业务和用户开发，传统的交互设计无法满足需求。收集和收集的用户体验设计部门将重新设计Web，并希望进一步增强用户体验设计。根据当前平台的发展过程，提出了三种设计策略：认知负担降低，效率提升，多维情感，作为高层次体验的指导。针对这三种策略，我们分析了修订中当前版本的问题，并总结了这些年的设计方向。
设计策略1：认知负担
从前端用户的整体设计角度来看，从互联网上查看页面，有必要突出内容的呈现方式。在内容设计中，需要更清楚的理解。同一类型内容模块的设计性能必须一致，减少过多结构风格的表达。保持一定的节奏感和统一感，并给用户一个清晰的结构视觉意识。
（投标通知部分页面）
设计策略2：内容为王者从业务和用户的角度提高工作效率，设计规划业务内容功能更加突出，功能部门独立，主要和次要，业务流程操作流畅，一键式执行发布和审计。并在业务流程操作过程中带来惊喜。
（查看招标的部分页面）
设计策略3：多维情绪多维情绪化主要反映产品在表现，视力和蛋类方面的表现。在设计的早期阶段，建筑和用户体验设计部门重新组织了互联网收集平台的业务流程和功能部分，简化了复杂的流程，突出了高频功能。缩短平台的运行时间，提高用户工作效率。同时，平台还将在与平台交互的过程中为用户实现对话，用户的任何操作平台都会给出相应的反馈。视觉设计体验在此过程中埋下了大量的蛋，给用户带来了一些惊喜或意想不到的小动作。
（404页）
4.视觉设计方向
01设计理念
将实现互联网收集平台的收集和收集的视觉体验的整体体验，并且将通过框架结构类型，全局共同元素和商业特殊类型来分析问题。结果发现，整体结构布局，UI元素，业务统一组件和扩展设计都有很多优化空间，重新理解内容，定义场景，重组框架，新的设计方法将带来新的界面看，并给用户一个完整的感觉。期望的章效应，有序，合理，明确的计划迭代。
02视觉界面
视觉体验是人们最重要的情感体验。每一个设计都会影响人们微妙的情感。从点到面以及整体感觉，它被称为视觉情感管理。收集和收集的用户体验设计部门发现原始平台有单一颜色，主要和次要不突出，功能块混乱，结构拥挤。主要情绪 - 单调，混乱，挤压。相应的优化丰富多彩，主要子层次突出，功能块统一，视觉呼吸导致三种新的情绪 - 情绪愉悦，初级和次级，以及视觉呼吸。
视觉设计理念：视觉吸引力，舒适浏览，统一框架和一致元素
在上述前期探索的基础上，制定了四点设计理念，清晰地理解了视觉情感方向。整体考虑视觉美感，结构美感和美观性的细节，更多的思考是通过设计解决业务问题，因为在互联网收集平台的Web平台的新版本的基础上，原始用户可能需要学习并适应新平台。设计部门对原有的旧业务逻辑和结构元素给予了一定的保留和继承。对特殊业务和关键业务模块的设计给予了特殊处理，突出了关键的融合。
平台的UI元素的每个点都被整个世界仔细考虑。对于如此庞大的产品包装，更多的元素是负担，视觉后退服务于产品内容，使内容更加突出和清新，当然，需要视觉氛围。重新渲染的情况应该仍然有其颜色。每一点考虑只是为了整体质量，重新塑造虚线，以建立用户体验和互联网集合的品牌文化。
视觉设计概念1：视觉吸引力
颜色通常被认为是第一次。原始的扁平单色需要色彩和功能，色彩鲜艳，明亮友好，而且非常出色。颜色使用单一颜色，亮度和亮度略低。主要颜色已传递到构建和收集的企业的颜色。我们一直在不断调试最适合收藏的颜色，这既重要又友好。不应该太突出和夸张。颜色筛选要求每个设计师对颜色高度敏感和敏感。它很轻，易于制作粉红色和眩光，而且很暗，很容易变厚和透明。它会影响用户的感知。因此，在颜色方面非常小心。 。辅助颜色在一些操作功能，按钮的不同状态的颜色切换，以及增强的点击指导，如添加状态，返回供应商，确认结算声明，支付，上传附件等方面也起着指导作用。我们还设置了文本的功能颜色用法，如纯文本为黑色，辅助为灰色，查看和删除颜色为蓝色，完成后状态为橙色，完成后状态为绿色，异常国家是红色的。基本链接接口的定义使用企业颜色的颜色模式。如果不适用，可以微调不同的场景，饱和度亮度相同，渐变角度均匀。
01颜色规格
02字体规范
03图标规范
04文本框规范
05按钮规范
视觉设计理念2：舒适浏览视觉平面，视觉呼吸，简洁统一，高效浏览
01视觉平整度：结合互联网收集和收集的结构和表现层，整体视觉框架尽可能平坦，减少冗余设计元素，并用颜色和模块区分不同级别的内容，可以通过一层元素。没有第二层。采用卡式设计方法划分功能块，减少分割线，统一浅色值，分割板的统一参数细节，使内容更清晰，这样用户就可以清楚地注意重要的信息元素。
（主页显示）
02视觉呼吸：
页面的设计和布局始终遵循原始主人的设计原则少寥少少少少少“”“”“”“”“”“”“”“”“”“”“”“”“” “”“”“”“”高效且相对舒适。例如，在登陆页面，后台管理主页等中，设计师的可视呼吸卡的正常工具卡系列设计符合设计理念。
（登录页面显示）
03简洁统一：
在不增加结构复杂性的情况下，用户的认知成本不会增加，整体节奏也是一致的。尝试统一相同类型的场景和内容模板，以实现简洁统一的效果。例如，“投标公告”和“投标宣传”模块统一了样式以解决用户对相同类型内容的感知。
（部分页面显示的成功竞标）04高效浏览：
突出显示界面的关键信息显示，通过模块之间的布局设计区域之间的功能，减少用户的眼睛过多的纵横和断点旋转。
（寻找项目的主页）
可视化设计概念三：统一框架用户视图界面框架，管理后台操作界面框架，通用界面框架。
修订版Internet Collection Web 5.0.0修订版的设计主要包括用户视图界面和管理后台操作界面。由于两者的功能点和用户体验略有不同，框架结构不同，但两者之间也有一个通用的模块框架，它被称为通用接口框架。
01用户视图界面框架
（标题元素显示）
（导航栏和搜索栏）
（底栏和页脚）
（分页导航）02管理后台操作界面框架
（管理主页导航栏根据不同的分辨率自动缩放）
03常用界面框架
（Bullet/Tooltip风格）
视觉设计概念四：相同的元素
根据单点设计元素组成系列，形成一套设计语言，全面的链接应用设计风格/组件DNA，形成互联网采集产品的收集和收集的设计语言风格，每个业务根据规范应用和灵活变化，掌握和提取风格基因渗透到各自的设计中，形成一个全新的收藏和收藏，构建统一的视觉体验，并给予用户统一的品牌意识。每个设计师的方法都不同，因此有必要反复沟通对设计概念和规范的一致理解，并反复检查和优化，以实现产品UI的大型统一图像。
（严格遵循统一的设计元素，形成子弹盒规格）
嘀咕两句建立V5.0.0修订版已经上线差不多一个月了，在审查之前进入维修区和爬坑的过程实际上对最终效果有点不满意，因为它是一个重大修订，是，推出新品还考虑到以前的习惯，再加上产品本身就是B端产品的主要用户群是建筑行业，主要用户群本身信息不高，很多新的解决方案都不难接受，所以在设计过程中经常处于纠结状态。 “权衡”是对这一修订的最深刻的理解。作者：Eric King团队成员：Eric King（设计总监）Shu Shu Shuzhou chick Dolls
