本文授权转自：互联网设计帮（ID：Internet- Design-Gang）
今天给大家分享一个AI制图工具的UI优化案例，整个优化过程，我就传递一个设计理念，看懂了，产品的UI设计基本不会错。
产品的背景是，小米商城每发布一个新品，或者发布活动，都要制作几十张的运营图素，较耗费设计师的时间，下图所示。
所以，我们作为需求方，向AI制图团队提需求，做一个一键生成全部图素的工具，来提高工作效率。
对接需求
咱也做一回甲方。对接了几回需求后，对方的UI设计师开始设计，几天后给了下面的设计方案。
然而，我们一起对接方案时，我隐约觉得，我可能没有把需求讲透彻，没有把逻辑讲明白，现在的设计是非常不符合我心意的。
对方的设计方案，可以满足我的需求，但问题是，使用效率会很低。
原因是，我要A，他就给我A，我要B，他就往后罗列B... 这样虽能满足需求，但产品功能会变得臃肿，没有逻辑性，从而也不会有好的体验。
既然咱也是UI设计师，对需求又非常了解，所以我决定，干脆自己干吧！
其实无论什么产品设计，面对一系列的功能点，你首先要学会从全局视角梳理逻辑，从而合并同类项，后期再做好细节的优化，完成这三点，产品设计基本是不会出大问题的。
1、全局视角梳理逻辑
了解用户以往作图的逻辑，比如用户之前软件作图，接到需求后，第一步会做什么，第二步做什么... 按他真实的工作路径去梳理逻辑，甚至要挖掘他的痛点。
2、合并同类项
这一步其实就是提效部分，需要我们设计师去思考，如何简化流程，合并同类项功能，使用合适的设计组件。
3、优化细节
最后是做好细节优化，这也是强化体验很重要的一部分，比如，增加提示词文案，设计上给用户“所见即所得”的感觉等。
UI优化
以上是我优化后的设计，整个配置流程，分为三个板块：
第一是：默认设置板块
默认板块就是，提取运营图素中万年不变的元素，比如小米Logo、小米众筹Logo、小米上新Logo、二维码，这些基本不会变动的元素，放到二级弹窗中（可修改），不用每次操作选择。
另外头部有“小米众筹”“小米上新”的图素大分类，这点可以了解用户，哪个用的多，多的就默认选择，以便减少之后的操作。
第二是：图片配置板块
图片区域继续分类，可以选择“场景图制图”还是“单品图制图”，他们的作图流程有区别，所以做了Tab的切换，等于减少了配置项的呈现。
同时，上传图片的区域增大，并且可以拖拽上传图片（这个功能都是现成的组件），另外，增加文案提示，即上传图片的格式与大小，好的文案提示能给用户良好的引导性。
第三是：文字配置板块
文字配置板块，大标题使用大输入框，副标题使用小输入框，角标输入框更小，呈现最终的形态，这样就增强了用户操作的盲感性！
另外，价格是非常重要的信息，所以同样使用了大输入框，以便用户更清晰的看清，减少失误，这些都属于细节上的优化。
小米商城首页banner
最终与旧版的来比，操作项至少减少了三分之一，逻辑更加清晰，排版整齐，操作上的提效显著。
最后
最后做个总结，从用户需求出发，不要线性罗列功能点，要从全局思维，合并同类项，优化细节。尤其工具类产品，一切从提效出发，就不会错！
文章转载：互联网设计帮，版权归原作者所有
原文链接：https://mp.weixin.qq.com/s/XN94RAYM2uv4RWZMeB8baA
版权声明：“IXDC”所推送的文章，除非确实无法确认，我们都会注明作者和来源，本公众号对转载、分享的内容、陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证，仅供读者参考。部分文章推送时未能与原作者取得联系，若涉及内容或作品等版权问题，烦请原作者联系我们，给出内容所在的网址并提供相关证明资料，我们会核查后立即更正或者删除有关内容！本公众号不承担任何责任，并拥有对此声明的最终解释权。
联系微信：18802086168
联系电话：18802086168
编排 | 罗家欢
终审 | 苏 菁
点这里，学习更多设计知识！