银行ui设计测试题及答案.docxVIP

银行ui设计测试题及答案

一、基础概念题（每题10分，共30分）

1.银行类产品UI设计需重点平衡“功能性”与“用户体验”，请结合老年用户（60岁以上）的使用场景，说明在登录界面设计中如何通过UI细节实现二者的平衡。

答案：针对老年用户，登录界面需优先保障功能性：①增大输入框（如手机号/密码框高度≥52px），配合高对比度文字（文字与背景对比度≥4.5:1，符合WCAGAA标准），降低输入错误率；②保留“短信验证码登录”“密码登录”双入口，避免因生物识别（如指纹/人脸）失败导致无法登录的情况。同时优化体验：③在输入框下方增加“手机号格式示例”（如“1381234”），用浅灰色小字标注，既不干扰主流程又提供即时提示；④登录按钮文字使用“立即登录”而非抽象图标，按钮区域增加0.5px外边框强化点击反馈；⑤错误提示采用“红色文字+振动反馈”双模式（如“密码错误”文字弹出时伴随手机短震），提升老年用户对异常状态的感知。

2.银行APP首页通常需展示“账户总览”“常用功能”“营销活动”三类核心模块，请从信息层级设计角度，说明如何通过UI手段确保用户3秒内定位到“账户余额”信息。

答案：①视觉权重分配：账户总览模块采用“上置+无卡片间距”设计（位于首页顶部，与状态栏衔接），背景色使用品牌主色（如蓝色0052CC），与下方模块形成20px留白分隔；②关键信息突出：余额数字使用48px超大号字体（iOS系统字体），字体加粗（700字重），颜色为纯黑色（000000），小数点后两位用24px小号字体弱化；③辅助信息简化：隐藏“可用余额”“冻结金额”等次级信息，仅保留“总资产”主标题（16px灰色666666），通过“展开”箭头（向下三角形图标）引导深度查看；④交互防干扰：模块内禁止浮动广告或动画，避免用户视线被分散；⑤视觉动线引导：通过左对齐排版+从大到小的字体层级（标题→余额→单位），符合用户“从左到右、从上到下”的阅读习惯。

3.银行UI设计中“一致性原则”的核心价值是什么？请举例说明在“消息通知”模块中如何实现跨页面的一致性设计。

答案：一致性原则的核心价值是降低用户学习成本，建立信任感。在消息通知模块中：①图标统一：所有通知类型（如交易提醒、活动通知、风险提示）使用相同风格的图标（如线性图标，尺寸24x24px，主色0052CC），仅通过图标内小元素区分类型（如交易提醒加“￥”符号，风险提示加“！”符号）；②信息结构统一：每条通知均采用“标题（16px加粗）+摘要（14px灰色666666）+时间（12px浅灰999999）”的三层结构，标题与摘要间距8px，摘要与时间间距4px；③交互反馈统一：点击任意通知均跳转至详情页，跳转前均触发0.1秒的按钮按压效果（背景色变浅10%），返回时均通过左滑手势或“←”图标实现；④文案风格统一：所有通知标题使用“【交易提醒】您尾号1234的账户收入500元”的标准化格式，避免“温馨提示”“重要通知”等模糊表述；⑤视觉边界统一：模块上下均采用1px浅灰E5E5E5分隔线，与首页、我的页面的列表分隔线保持相同样式。

二、交互设计题（每题15分，共30分）

4.某银行APP“信用卡还款”功能当前流程为：首页→信用卡→还款→选择还款账户→输入金额→确认还款→验证密码→完成。用户调研显示，30%用户在“输入金额”步骤放弃操作，主要反馈“不知道该还多少”“怕输错金额”。请从UI设计角度提出3项具体优化方案，并说明设计依据。

答案：优化方案及依据：

①智能预填金额：在“输入金额”页面顶部增加“建议还款金额”模块（占屏幕宽度80%），默认显示“全额还款（￥5,000）”“最低还款（￥500）”两个选项，点击后自动填充至输入框。依据：减少用户主动计算成本（符合“减少认知负荷”原则），同时通过默认选项引导用户完成操作（利用“默认效应”）。

②金额输入辅助：输入框右侧增加“计算器”图标（24x24px），点击后弹出简易计算器（支持加减运算），用户可通过“应还金额-已还金额”快速计算需补还金额。依据：降低输入错误率（Fitts定律：目标越大、越近，操作越容易），满足部分用户“核对明细”的深层需求。

③实时校验提示：输入金额后立即显示“当前输入金额是否超过可用额度？”“是否低于最低还款额？”的提示（绿色√或红色×图标+14px文字），错误金额输入时输入框边框变为红色（FF3B30）并伴随0.5秒的微幅抖动动画。依据：即时反馈原则（用户需要在操作后100ms内获得结果反馈），通过视觉+动效强化错误感知。

5.银行APP“转账”功能需支持“手机号转账”“银行卡号转账”“收款人列表转账”三种方式。测试发现，新用户首次使用时，38