兰亭妙微原创案例:金融行业UE|UI解决方案

用户头像
北京/UI设计师/16小时前/374浏览
兰亭妙微原创案例:金融行业UE|UI解决方案
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTIzOTg0) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
       金融行业UI设计过程中,兰亭妙微通过深入了解用户需求和行为,优化软件的操作流程和功能布局,不断优化界面视觉设计,采用简约、现代、科技感的设计风格,让用户感受到更加顺畅、高效、愉悦的软件使用体验;视觉语言传承和创新公司品牌的特色和风格,并形成UI规范-系统化的设计语言,兰亭妙微参与的重点软件项目有:人民银行征信系统、数据报送、反洗钱、1104、east、审计、财务资金等软件。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTIzOTg4) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
痛点和问题
  • 页面内容很多,流程复杂
       页面内容多,信息杂,需要梳理和区别使之条理化,重点突出。流程复杂,需要分步进行任务或在长页上有索引锚点 。
  • 缺乏引导,缺乏有效提示
      功能入口不清晰,缺少首页引导、缺乏操作步骤和动线提示,用户难以连贯操作。当前位置状态不够突出。
  • 缺乏全局观的首页
       首页不是操作起始页,用户无法看到各重要信息汇集的页面。只能单个功能查看,操作不直观易用。
  • 配置方式混乱
      系统配置和后台配置混淆,配置方式混乱。界面图标容易点不准或者点错,状态的提示性不强。
  • 与日常操作使用习惯不符
      列表显示过多的不必要信息,有横向滚动,缺少步骤的暂存或者是状态的保存,缺少当前页面的直接编辑功能。
  • 交互常见问题
多子系统如何方便流畅切换?
弹框层级比较多,怎么优化?
有些表单特别长,内容多,怎么优化?
如何布局灵活,满足不同分辨率的布局?
  • 视觉常见问题
怎么设计出适合自己公司的一套UI设计体系?让用户对我们的产品有一定认可度和辨识度?
好多页面是表格表单,视觉效果怎么提升?
当前流行的设计风格趋势是什么?
  • 后期沿用常见问题
操作的流程怎么标准化?
后续开发怎样沿用UI规范保持一致性?
设计好的组件、样式怎么沿用到其他产品线?
设计如何做到5年左右的市场主流不过时?
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTIzOTky) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
      增加协作流程的功能,增强全局菜单、全局搜索等跨系统功能,增强不同角色的协作和业务流转针对金融细分行业的创新功能。
      一致性全局菜单导航,更好的操作定位,设置高频操作的快捷入口及每日任务汇总,增强符合用户习惯的信息查找检索,所见即所得的页面显示和编辑,方便用户操作,更多的提醒和显示,减少操作错误,提升业务效率流程化的信息显示, 增加操作步骤和动线提示,帮助连贯操作,考虑不同角色的使用和操作简便性,去除不必要的操作和界面。
      从单一经办变成一站式业务工作站,将数据的在线浏览编辑变成所见即所得的编辑操作,将记录报送变成业务流程的融合工作空间,针对金融细分行业提供关键场景应用创新。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTIzOTk2) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
用户研究
1、代入典型用户角色进行讨论,围绕业务场景流程,明确角色权限,梳理业务规则
2、梳理操作任务和使用流,梳理系统交互操作和用户交互操作,并进行区分
3、体系化梳理已有交互体验和易用性问题,讨论并补充新问题
4、提出新的设计建议
交互优化
1、了解软件业务及功能,从整体信息架构上梳理整合菜单及功能
2、梳理系统平台首页不同角色所用业务,针对用户需求取舍内容,概要展示
3、画出全流程页面交互原型,优化操作流程,提升用户体验,提高用户的工作效率。
4、满足目标用户的需求和习惯,建立人性化的交互引导。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDAw) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
UI视觉优化升级
1、系统UI视觉要符合主流设计审美趋势、符合行业特性、具备品牌特色
2、需要支持国际化,符合国际化UI设计规范
3、整个系统需要形成一套完整的UI设计规范
4、布局灵活,适配不同布局要求
规范沿用
1、后续的UI规范更好的沿用到其他子系统
2、提升优化用户体验的方法论和知识
3、系统风格沿用至少5年不被淘汰
4、开发中建立对应的组件代码库和主题库
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDA0) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDA4) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
方案亮点:
十年积累,对征信系统、数据报送、反洗钱、1104、east等软件业务的理解
      兰亭妙微持续关注征信系统、数据报送、反洗钱、1104、east等软件的细分领域,通过和多家公司合作此类项目的经验,对业务功能及用户喜好有一定了解。
参加金融、银行的各种工作坊,关注国外行业领先者产品,不断学习和提升,形成先进的方法论,并在项目中已验证落地。
      可以整合系统架构,画出软件整体全流程页面交互原型,合并或展开任务步骤页面,优化操作流程,提升用户满意度和工作效率。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDEy) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
专业的研究设计和研究方法:
从用户体验设计的角度
      了解现有用户对系统的日常使用情况及使用习惯,梳理产品体验和系统可用性问题,用户对系统的使用场景和需求。
提问:您通常使用哪些功能?为什么这些功能对您很重要?
询问:您认为目前软件哪些方面做得好?哪些方面可以改进?
探讨:使用中是否遇到了任何困难或挑战?有什么建议?
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDE2) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
邀约最终典型用户和内部用户,倾听洞察用户的观点,开展工作坊
内部用户条件
来自咨询部、交付中心的工作同事
熟悉业务场景要求,熟悉任务操作流程要求
熟悉界面功能以及用户操作,了解典型性问题和代表性问题。
代表系统的典型用户,分角色参与讨论
每个参与者有一个指定的身份(分别以操作员、审查员的身份)代入参与小组座谈会+工作坊讨论。
外部用户条件
来自终端银行的业务部门的典型用户,熟悉业务场景要求,熟悉任务操作以及流程要求
为日常高频使用系统的用户,熟悉系统/子系统,熟悉界面功能以及系统操作,了解典型性问题和代表性问题
操作角色(以数据录入和上报等操作为主),审查角色(以业务审批、业务管理设置等操作为主) = 1:1
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDIw) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
全流程交互原型设计,对关键及复杂任务场景创新改变原有布局和工作流程
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDI0) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
用仪表盘搭建管理驾驶仓,让用户秒懂整个平台工作运行情况
      全局首页主要功能地位为让用户了解整个平台工作运行情况,当天任务情况;并将用户分流引导至关注的子系统中。
      用多维表格仪表盘快速搭建了丰富的管理看板,它可以帮助管理者快速查看业务数据,管理者也可以根据自己的需求自定义配置图表,随时、全面地从多维度了解业务进展状况,及时调整业务策略,提高业务效率和业绩。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDI4) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
微动效信息折叠收纳,界面空间利用更合理
      金融业务的复杂性直接影响了产品设计中的信息量和展示方式,这对设计师提出了严峻挑战,在有限的视觉空间内如何高效、清晰地传达关键信息。以便携式笔记本为例,一屏看到的内容有限,往往导致页面布局拥挤,影响用户体验。
      面对这种信息过载的问题,我们提出了“折叠收纳”的设计策略。通过合理的信息层次划分和交互设计,将大量信息进行有序的组织和隐藏,使得用户在需要时能够方便地展开获取,而在不需要时则保持页面的简洁和清晰,实现信息与美观的双重优化。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDMy) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
多维表格解决表格内容过多,打破旧有表现形式,直观生动传达数据
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDM2) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
优化卡片内容,寻求每个场景下的极致体验
     卡片式设计包含图片以及文案并且有明显边界的信息区块,本身可以是一个完整的信息区块,也可以作为更多具体内容的一个入口,同时也能承载丰富的互动方式。同时卡片的里面内容的层级关系,以及信息的主次在设计时是要特别注意的,否则会让信息显得杂乱。所以卡片设计作为一个独立的容器,可以在内容上进行良好的布局组织,将信息分块,突出重点,让用户快速找到感兴趣的内容,避免在繁杂的信息集中浪费时间。需要展示给用户的第一要素是『这是什么应用』,每个独立卡片中承载的图标和名称可以以最生动形象的感知传达给用户。 注重功能化导向设计,让用户愉悦的完成任务,注重感知和情绪设计会让用户更加喜欢。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDQw) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
输入表单的美观提升,易用增强
       在金融数字中台产品设计中,由于业务体量庞大、信息复杂。对于信息的准确性也要求非常高。那么,对于承载信息录入的表单来说,表单的设计就变得尤为的重要。如何快速的让用户在最短的时间内录入好正确的信息。是我们在设计表单时常常值得思考和深究的问题,为用户减负为目标,在完成数据采集任务的时候尽量给用户带来最小的操作负担;表单效率是衡量表单设计优劣的重要指标,通过合理的信息输入组件与页面布局和交互方式可以使用户快速完成表单页的信息填写任务。
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDQ0) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDQ4) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
更多的提醒和显示,减少操作错误,提升业务效率
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDUy) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDU2) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
金融案例
兰亭妙微原创案例:金融行业UE|UI解决方案(图ZNDA2OTI0MDYw) - 交互/UE - 站酷设计师兰亭妙微设计公司原创素材 - 站酷ZCOOL
收藏
      兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供大数据可视化界面设计、B 端界面设计、桌面端界面设计、APP 界面设计、图标定制、用户体验设计、交互设计、UI 咨询、高端网站设计、平面设计,以及相关的软件开发服务。如有相关需求,请咨询我们,电话:010-6333-4945
0
举报
|
收藏
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
登录注册