发布时间：2020-7-22 分类： 行业资讯
中UX设计1到2的优化摘要本文总结了如何改进设计和用户体验，如何从1过渡到2.享受〜
通常，刚刚抵达新公司的用户体验设计师会遇到两种情况：
该公司的产品愿景框架，包括规格和施工团队，非常完整。乍看之下，产品体验非常好，而且只有少数优化的地方。
与第一种情况相反。
所以，让我们从第二个糟糕的情况开始，弄清楚如何从1过渡到2，以改善设计和用户体验。
一，基本问题梳理
面试官经常喜欢问这样的问题吗？:您认为我们的应用可以优化什么？
1.一致性原则
一致性原则是Jacob&Bulll十大互动设计原则之一;尼尔森在实际项目实践中具有强大的指导作用。
由于各种原因，一些产品的视觉设计不规范，并且由不同批次的设计者完成，导致APP中许多界面的视觉风格不一致。
（1）一致性方面
控制结构：例如，卡底部的操作区域显示的均匀性（甜/评/共享固定控制方式）。
可视化规范：每个界面中原色和其他二次色的均匀性，文本样式的均匀性和主文本的大小。
操作反馈：统一使用APP的相同功能时用户的操作，获得统一的反馈。例如，单击弹出窗口关闭按钮将具有统一的滑落反馈。
（2）一致性的重要性
由于相同的控制风格/操作反馈对用户触发相同的事情，因此不同的界面可视语言会破坏用户界面的惯性并损害产品的可用性。
同时，视觉不规则性只会影响后续版本的设计团队对迭代视觉规范的管理，同时也对产品的品牌化产生一定的影响，给产品带来不满的感觉。
2.视觉品牌
通常，我们通过视觉优化产品体验来定义UI设计的角色，以传达品牌概念。 APP产品与我们常见的离线产品不同，用户感觉几乎完全依赖于在线界面提供的信息。因此，除了自己的产品LOGO之外，整个APP UI正在向用户传达该产品的定位和品牌色调。
因此，如果APP没有自己的色调并且类似于N级竞争像素级别，那么产品本身将难以从众多小屋中逃脱。
3.用户体验漏洞
我们不是在这里提到用户体验的改善，更不用说简单地说存在差距。您可能认为只有刚刚完成1.0版本的APP才会有这样的差距，而成熟的APP则不会。
这是一个成熟的基于工具的APP——墨水天气的一个例子。
照片/选择图像部分调用iOS本机控件。显然这部分是一个设计缺陷。
另外，我想知道这个页面右上角的图标将是一个粗略的界面。有几个孩子的鞋子可以猜测（尽管应用程序在第一次使用时有一个黄色条）。
最后，让我们回到首页，我第一次使用应用程序时有点惊讶，没有提示屏幕可以观看接下来5天的天气详情。
*当然，也许墨水天气有其数据考虑因素，我们只能从视觉用户体验水平稍微分析一下。
每个人都应该发现，在这部分中，我没有提到大框架上的界面设计优化，因为事实上，在实际让产品经理获取APP的特定数据之前，要了解他们所针对的实际用户组和目前的发展方向，APP的设计优化也只是在浅层视觉优化层面。因此，真正的设计改进优化仍然必须从了解产品本身开始。
2.如何进行设计优化
从“可以使用”到“ld”的设计;它有多远？
1.“学会打包”
当然，这里提到的包装并不意味着您将各种模拟和印刷包装的作品放入blingbling显示器中。
车站里还有儿童鞋。我向采访者询问了整条街道的原因。在阅读了TA的作品后，我发现一个非常严重的问题是作品没有落地，太多的作品停留在视觉包装而不是内容上。包。
如果您是在公司工作的UX设计师，那么工作中的真正问题是没有人会轻易同意您的设计（除非您是行业认可的大咖啡），从产品经理到设计经理。开发可能会开始使您的设计从颜色匹配变为风格。那么你如何从一开始就获得主动权呢？
（1）用完整的思路替换结果
无论是颜色匹配还是图标风格，我相信会有你自己的思维过程，将它们添加到证据分析中，最后用完整的分析代替它。一个简单的单页设计草案。
即使会有消息，但至少让自己站在早期阶段才能获得主动权，并且非常有说服力。
以下是每个人为公司提供基金详情页面优化的参考路径。
用户体验修订后，基金详情页面增加了3个百分点
（2）提供更多解决方案
正如我们在0-1文章中所说，设计师正在解决问题，因此在找到解决问题的过程中，不可能隐藏单个结果。
建议通过思考制作各种解决方案（不要太多，我的经验直觉是太多的程序混乱，我不知道如何取得好成绩）。这里也是一个与大家分享的例子。
2.设计同理心
这个概念也是我在分享腾讯大咖啡设计师后听到的概念。我觉得我受益匪浅。
为了简化，学会考虑用户对场景的使用，从用户的角度使用场景，考虑设计可能性，并将设计从可用变为有用。让我们谈谈例子：
这是在对腾讯共享的手机票的APP进行修订之前。它似乎也很好用
这是APP优化的最终结果。
个人觉得这是一个特别完美的例子。在比较之前和之后，我们可以清楚地看到，这不仅仅是视觉优化的过程，而是更多关于信息的集成和存储。
同时，它模拟用户的使用情况，模拟实体票快线上的票务信息，并使用不同的地铁线路对地铁站进行分类，而不是难以点击的字母分类（虽然个人觉得这件作品可以重新优化，目前它也是少搜索功能）。
这些变化大大提高了用户的使用效率，并且从UI级别真正接近地铁票购买APP的核心：方便购票。
3.培养产品思维
（1）数据思考
许多受过良好教育的设计师儿童鞋专注于设计创意和互动理论的积累，很容易忽视数据分析的重要性。这可能需要在实际工作项目中体验。
在整个项目中，数据分析基本上可以分为：
以前的研究数据
中期测试数据
后期结果数据
以下是清理猎豹中的母版时遇到的数据更改设计示例。
因为中期测试反馈中的一些数据在主页修订后显得很明显（因为APP已经很长时间未经过重新设计，旧版本的主色更深），因此修订版的主要颜色是-adjusted，使用亮度更接近原始的蓝色。
（2）营销思维
在关注数据后，我们可以根据基础设计，而不是如何设计好，但如何设计用户更容易付费。最近的一篇文章很受欢迎《5个丑出新高度的代购源码网站，为什么那么多人夸》，让我想起了Expedia以前在日本市场的销售代购源码网站。
左边是美国的Expedia，右边是日本的Expedia。 2014。
日本是一个非常重视信贷的国家。美国版的Expedia对大多数日本人来说内容太少，而且没有足够的信任。
这个例子实际上告诉我们，所有UI设计都应该基于实际数据，而不是设计师的美学或外国书中讲述的互动法。设计意识和法律（不同国家的不同国情，不一定适用，如欧洲人和美国人的阅读习惯和中国人不同）是一个参考，但它是产品开发策略和实际数据。
误解了互动
在许多人的眼中，效果与辅助效果相同。它真的是这样的鸡吗？
1.互动的目的是有区别的
可以在APP中使用的交互式效果现在根据其用途分为几种类型：
（1）反馈型互动
在使用某个功能后，反馈用户当前APP功能状态切换的交互效果。覆盖范围也很广，例如下拉加载，tabbar上的微动，等等。
（2）功能互动效应
特定工具，现场直播等所需的元素效果，例如在直播期间飞过的飞机，在清洁应用程序时转向的风扇。这种动态效果通过准物理设计增强了与用户的交互，以实现特定的重要功能，这是显示功能的最佳方式。
（3）过渡互动效应
在页面跳转和功能融合中起重要作用的交互。良好的过渡效果避免了界面快速切换时用户的损失，给人以极佳的舒适感。
（4）有趣的互动效果
互动效果增添了锦上添花，增添了乐趣和品牌色调。
上面的例子都来自运球，这对我来说很方便。
在这里，我们打开了暴涨的草稿和纯艺术创作，说在实际项目中交互式效果的应用并不是越多越好。
在实际项目中，不同类型的APP对动态效果有不同的要求。与新闻和深度阅读产品类似，过度和不必要的动态效果会干扰阅读。我们应该考虑实际情况的影响。第一选择。
2. Lottie开源动画库
通常我们会做很多复杂的app效果，在实际登陆过程中会遇到很多问题，比如：Gif乱码，占用内存太多，开发成本太高。
然后Airbnb开源动画库Lottie有效地解决了这一系列问题。 Lottie可以直接使用AE导出的JSON动画文件，将它们解析为本机代码，并在iOS和Android设备平台上运行它们。
大约一年前，我以前的公司在APP版本中应用了Lottie动画库，但当时Lottie仍然非常不完美，并且位图或3D-fx的效果无法使用Lottie动画库。因为公司现在的动态效果很小，我不知道这些功能性错误现在是否完美。
有很多Lottie使用儿童鞋的发展来分享经验，而有兴趣的儿童鞋也可以舔他们的技术文章。
本文最初由@Nana柒发表。未经许可，禁止复制。
该地图由作者提供
