大家好！今天我想和大家分享一下最近我们团队在做一个项目时遇到的一些问题，以及如何通过从用户角度出发来进行改进的经验。这篇文章会偏技术，但更重要的是它也牵涉到产品设计、UI设计这些我们往往容易忽视但又至关重要的部分。
背景介绍最近，我们团队接手了一个涉及分销功能的项目。在这个项目中，用户可以通过分享产品链接来获取佣金，简单来说就是实现了一个典型的“分销”功能。通常，分销的收入就是通过订单的佣金来计算的，佣金数额直接关系到用户的利益和参与度。
作为开发人员，我们的工作通常是确保系统功能稳定，数据准确。但在这个过程中，我们发现一个问题，尤其是在UI设计方面，存在一些明显的瑕疵。具体来说，分销佣金页面的设计非常不符合用户的直觉，甚至可以说非常“丑陋”。
问题出在哪儿了呢？让我来给大家一一分析。
佣金和订单显示的优先级错乱首先，我们来看看这个分销佣金页面的UI设计。打开页面后，用户最关心的肯定是自己能赚多少钱——也就是自己当前的佣金。而在最初的UI设计中，页面的焦点却更多地放在了订单详情上，比如订单金额、订单状态等。这些信息当然重要，但并不是用户进入页面后最关心的内容。
我们自己试了一下，用户进来之后看到的首先是“订单金额”，再看到佣金数额。而“总佣金”和“我的佣金”这两个信息反而被放在了一个不起眼的位置，字体也不够突出。
问题所在：
作为分销用户，他们最关心的就是自己赚到了多少佣金，特别是总佣金。
佣金信息的字体应该足够大，颜色要醒目，不能被订单金额这些次要信息抢了风头。
总佣金信息应该放在最显眼的位置，作为用户一进页面就能看到的第一条信息，而不是等到下滑页面后才能看到。
解决方法： 我们重新设计了这个页面，确保佣金信息是页面的焦点。具体来说：
字体加大：我们将佣金的字体放大了一倍，颜色也用了更加醒目的金色，以突出它的重要性。
总佣金：总佣金的位置从中间的列表中挪到页面顶部，并放置在页面最显眼的位置。
订单信息：订单金额的字体和颜色做了些微调整，让它虽然存在但不会抢占过多的视觉焦点。
通过这种方式，用户一进页面就能立即看到自己赚了多少佣金，而不是被繁杂的订单信息所干扰。这个改动看似简单，但却能极大提升用户的使用体验，减少他们寻找佣金信息的时间。
总佣金显示字体太小接下来说说一个更让人不解的问题——“总佣金”这个信息的字体竟然比“我的佣金”还小。相信每个做分销的用户都会想知道自己赚到了多少总佣金，毕竟这是他们付出努力后的直接回报。但是设计师却把“总佣金”显示得非常隐蔽，甚至有些字比“我的佣金”还要小。
我想很多人都有这样的体验，打开页面后，看到“总佣金”那一行，觉得自己好像漏掉了什么重要的东西，但找了半天才发现原来总佣金就藏在那儿，字体大小也不给力，根本不会吸引用户去注意它。
问题所在：
总佣金的数额对用户来说非常重要，应该作为页面的重点展示内容之一。
但设计上没有给“总佣金”足够的重视，导致用户很难在第一时间注意到。
解决方法： 这一次，我们直接调整了总佣金的显示方式。通过增大字体、加粗字形、调整颜色以及放置在更显眼的位置，我们确保了“总佣金”成为用户打开页面后的第一眼焦点。
而“我的佣金”则稍微做了缩小调整，依旧保证信息不丢失，但不再喧宾夺主。
技术与设计的融合：我们不能只关注功能作为开发人员，我们往往更加关注技术实现上的问题。比如，如何通过接口获取用户佣金数据，如何确保系统在高并发情况下正常运行，如何处理数据的准确性等。对我们来说，技术实现是一切的基础。
但是在这个过程中，我深刻体会到，单纯的技术思维有时是有限的。我们必须跳出代码的框架，站在用户的角度来思考产品设计、UI设计，甚至是整体的用户体验。技术不仅是实现功能的工具，它应该是为了服务于用户需求而存在的。
正如这次佣金页面的优化一样，技术和设计本不应该是割裂的。在我们与UI设计师的合作中，我们充分发挥了技术的优势，通过合理的数据呈现和交互设计，帮助UI设计实现了更符合用户需求的界面。
这让我想到一个重要的观点——做技术不能仅仅是为了实现功能而功能，功能背后的用户需求才是最重要的。
用户体验至上的设计理念在这次的调整过程中，我们明确了一个原则，那就是用户体验至上。不论是开发者还是设计师，都需要时刻站在用户的角度去思考问题。特别是在分销这个领域，用户的体验直接影响到他们的活跃度和忠诚度，因此我们必须注重每一处细节。
从用户角度出发，我们可以做出以下几条优化：
视觉层级清晰：确保重要信息在视觉上占据主导地位，避免无关信息的干扰。
信息清晰易懂：避免用复杂的术语或者小字来显示关键信息，保持页面简洁明了。
交互设计简洁流畅：用户不需要经历复杂的操作流程就能获取自己需要的信息。
技术与设计的协同工作在我们的团队里，开发人员和设计人员的合作是无缝衔接的。我们会定期沟通，确保技术实现能够顺利配合设计思路。每一次设计的调整和优化，都在技术的支持下得以实现。
我认为，技术和设计之间并不是对立的，而是相辅相成的。只有两者共同努力，才能真正提升用户体验，推动产品的成功。
结语：设计不止是看起来好看经过这次的改进，我们的分销佣金页面变得更加清晰、直观、易用。用户能够更加轻松地找到自己关心的信息，而不是迷失在各种订单细节中。
作为开发者，我们要不断提醒自己：做技术不能只关注代码实现的部分，更要关注技术背后所带来的用户体验。UI设计、交互设计都是我们工作的一部分，站在用户角度看问题，才能做出真正有价值的产品。
每一处细节，甚至是字体的大小、颜色的选择，都可能对用户体验产生深远的影响。所以，作为开发者，我们不仅要解决技术问题，更要关注设计，站在上帝（也就是用户）的角度来审视我们的作品。
END感谢大家阅读，如果你也在做类似的项目，欢迎和我分享你们的经验，让我们一起进步！
熬夜码字不易，一杯奶茶续命！看完文章别忘了顺手点开图片广告，让作者攒点奶茶基金，感激不尽！
我是小米，一个喜欢分享技术的31岁程序员。如果你喜欢我的文章，欢迎关注我的微信公众号“软件求生”，获取更多技术干货！
