介绍
作为一个数字产品设计师，我们一直在探索流程改进和新的创新方法。然而随着UX和UI不断的发展，变得几乎不可能考虑所有工具，输入，输出、美学完整性和功能，缺少对产品设计产生不利影响的元素是非常现实的风险。考虑到这一点，我们开始了创建同心圆数据可视化的艰巨任务，一个可以为客户考虑到新思路的方法。
同心圆数据可视化
包含一个15个分支的二级基础圆，支持视觉元素的分类通过频道连接信息，之所以选择它是因为我们可以看到完整的UX和UI工具图谱。浏览者的视线可以从中心向外扩散以获得更多信息颗粒。
下载A0尺寸的海报
如果你想下载的A0海报打印和挂在你的工作室墙上，你可以免费下载这里。
总结
该图表分为几个顶级级别，这是设计师在进行新产品设计前要考虑的一个跳跃点。下面总结一下怎样通过我们的UI和UX轮定义一个工作流和工具集的方法。
工具
UX和UI工具将整个数字化饼状信息图切分成设计师整个设计过程所需要的，从线框图到高保真模拟并通过Demo演示，这样一个工具以适应每一个设计师的工作需要和个人喜好。
动作按钮
UX和UI模式已经形成一套固定的可被识别的常见控件库，比如添加到购物车图标或其他UI控件，这些关键的组件库可以支持你在设计过程中得到更好的可用性。
输入设备
新的输入设备不断被大家关注。例如，新的VR护目镜有一个按钮来控制交互给产品设计师提供了新的挑战。在这一个环节中，我们列出了输入设备，帮助您集思广益，如何使用您的产品。
输出设备
由于输出设备的不断变化，成为另一个UI和UX设计师需要不断考虑的，考虑到你所使用的媒体无论是电视、PC、智能手机和其他媒体像服饰或护目镜，你应该把你的产品设计与特定媒介的目标用户进行分类以适应新的输出设备的出现。
用户控件
不同标准和自定义的APP控件的形成可能来自于用户对于使用习惯培养，像snapchat下拉菜单通过自定义以适应移动端的交互。
视觉设计
视觉设计是连接图像、字体、色彩的顶级方法，是你设计的基础。
站点地图
是UX规划的典范，有各种形式，但要取决于你希望传达给你的团队和利益相关者的想法。
用户满意度和用户测试
新的UX和UI服务基准是进行严格的产品测试。虽然用户测试不是一个新的概念，但他的重要程度已经在某些方面刺激敏捷和精益的做法，是用户反馈的一个中心因素。在我们的图表中覆盖了一系列用户测试解决方案来支持您的工作流。
原型
原型技术正在迅速成为创新的扩展领域，像Adobe的体验设计产品，Invision 和UXPIN已经看到明显的增长。这些产品对于产品设计师非常方便，通过提供预编码的功能来收集有价值的反馈，也就是说在未进行代码工作之前产品设计师可以得到一个可交互的原型。
数据分析
如果内容为王，那么分析是其忠实的私人委员会。数据分析可以提供建议来改变内容和设计，以满足新的目标和不断改进的途径。
结论
我们希望我们的UI&UX信息图表可以让你在下一个产品设计中得到启发，把他当做一份来自Bankai的礼物送给你的工作室或小组。
原文：https://medium.com/@bankai_ux/the-elements-of-ux-ui-visualized-5140254a8b76
