UI 的美不只体现在表面，更藏在内在的体验中。
兰亭妙微在项目中经常遇到这样的情况：运营同学提需求说 "界面太乱、很难用，改得好看舒服一点"。但 "好看舒服" 背后，是对业务逻辑、用户场景和信息层级的系统性梳理。今天我们用一个真实的 H5 问卷后台改版案例，解析从需求到设计的完整过程。
接到需求后，第一步不是打开设计软件，而是提前把产品从头到尾用一遍，从视觉和交互上感受体验，标记出有疑问的地方。这样对产品有了基本概念，为后续沟通做好铺垫。
接下来请需求方讲解业务逻辑：产品涉及哪些角色、使用场景是什么。通过沟通我们了解到，这是一个 H5 问卷后台，业务上用来查看问卷统计结果，使用人群是公司运营人员，产品时常打包卖给客户，客户使用场景不定，多数用户会用手机端查看统计结果。
需求方的描述很简单："界面太乱，很难用，需要改得好看舒服好用。" 这时候要追问：是不是用了其他体验好的产品做参考？了解后发现并非如此，只是一直以来不好用、没时间改而已。于是我们和需求方一起逐页探讨，把 "不好用" 落实到具体的页面和元素中，总结出优化方向。
旧版首页有三个突出问题：A 处用了页面唯一的橘黄色题号，本意是区分上下题目，却成了视觉干扰项；B 处答题比例的进度条设计过于突出，与文字没有良好的视觉比重；C 处图表切换功能仅仅是为了截取图表做 PPT，使用频率极低，却占据了显眼位置。
用户觉得页面不舒服，本质原因是：想看的元素被弱化，不该看的却过度设计，获取信息时要躲开视觉干扰。
改版方案：将每道题设计为卡片式，用卡片边界区分题目，题号从橘黄色改为黑色，页面视觉不再跳跃；弱化并变细进度条，与文字视觉比重相当，排版从上下改为左右排列，缩减表格高度，一屏显示更多内容；图表切换作为弱功能，放到卡片右上角弱化处理。
排版细节同样关键。旧版元素间距几乎没有规律，这是 "乱糟糟" 印象的根源。改进后用间距表达元素关系 —— 相关元素用周边 0.5 倍距离表达亲密关系（五分原则），或用黄金比例控制间距，页面质感立刻提升。
第一个页面设计完成后，先给需求方评审并附上简单的设计注解，确认没问题再继续后续页面，避免方向性返工。
这个页面让我们心疼运营人员。A 处本可以切换项目，却设计成不可点击的状态；B 处总金额统计排版色彩杂乱且拥挤；C 处奖品属性信息没有层次；D 处按钮没有主次关系；E 处 "增加奖品" 按钮位置不合理。
改版延续首页卡片风格保持一致性：A 处 "子入口切换" 文案晦涩，改为 "项目切换" 或直接去掉（运营对项目很熟悉，无需注解）；B 处重新排版，动态金额用颜色突出，未配置金额用灰色表示次要信息；C 处改变排版样式，视觉有主有次，"配置数量" 和 "个数" 是重复信息，只留一个；D 处按钮拆分，"已启动点击禁用" 拆为 "点击下线" 按钮和 "进行中" 状态标签，"展开" 与 "编辑" 并列；E 处 "新增奖品" 设计为悬浮按钮，避免列表增加后按钮被挤出可视区域，加号图标延续用户已有认知。
点开 "展开" 后，最严重的问题是灰色注释不符合逻辑。比如奖品名称已设为 "幸运红包"，展开后却有灰色提示 "用户中奖后，用于显示给用户看"—— 如果发现理解错了，这个页面也不能修改。提示应该出现在 "新增奖品" 的编辑场景中，而非查看已配置内容时。此外还有时间等重复信息。
改版后去掉重复属性和灰色提示（提前与需求方确认），用最少空间展示所有信息，更清晰明了。实际上展开后内容不多，完全可以考虑去掉 "展开 / 收起" 功能，直接展示。
A 处的 "子入口""IP" 信息，需求方说是给开发人员查询刷红包行为用的。但这对运营用户毫无用处，还造成认知负担 —— 如果存在不良行为，提供编号信息即可。B 处设计让页面没有条理，是信息干扰项。
改版沿用卡片式设计，去掉 "子入口""IP""昵称" 等多余属性（问卷一般不会获取用户昵称）；"中奖" 和 "未中奖" 卡片做明显的视觉比重差异，去掉未中奖的绿色标示，只突出中奖者信息。
这个页面的弹窗偏小，使用起来很憋气；A 处信息含义不明，询问后可直接去掉；B 处 "确定" 按钮用词错误 —— 这是查看信息的页面，没有执行任务操作，应该叫 "关闭"。
改版后加大弹窗尺寸，去掉多余元素和颜色，上下题目用留白间距隔开，去掉占面积的 "确定" 大按钮，改为右上角 "关闭" 按钮。
当我们看到一个页面时，如果只看到美与丑，那是不客观的 —— 这可能是对 UI 设计最大的误解。UI 的美不只体现在表面，还有内在的体验中。
UI 设计一般都带着目的进行，目的绝不只是好看，更多是创造良好的产品体验，同时助力业务、实现产品价值。兰亭妙微始终认为：UI 设计师要积极了解业务，对需求不要总被动接收，要有意识地探讨和挖掘。对业务的熟知、对需求的准确拿捏，是开始设计前最好的基石。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。