【重磅】兼顾好用与高颜值，ShowMeBug|【重磅】兼顾好用与高颜值，ShowMeBug UI2.0 重磅上线
新年焕新颜，在 2022 新年到来之际，ShowMeBug 对产品 UI 进行全面升级，为你带来高颜值的享受和更舒畅的体验。
文章图片
颜值即正义，视觉焕然新享受
ShowMeBug 全新UI升级，整体感觉就是：产品更好看了。
首先是色彩的改变，从沉闷的实色，到明快高级的浅色。除了颜值提升，从整体功能上也更分类清晰、重点突出，让你一眼可以找到自己想要操作的功能。
以笔试题库为例，标签色彩从灰、蓝的实色，变成了红、黄、绿、紫等浅色，整体视觉给人清晰明快的感觉，也能够一眼看出哪些题目是原创、哪些题目是来自公共题库、哪些是带有测试用例可以支持自动评卷，HR和面试官选题更迅速了。
文章图片
其次，整个产品的色彩字体大小做了统一规范，给到用户一种统一感。
ShowMeBug 的图标也做了整体的统一设计，避免了冗长文字的表达，整个页面更简洁清晰。
文章图片
最后，ShowMeBug 从之前功能的堆砌，到组件统一化，让用户感到整齐划一。
文章图片
文章图片
层级更明晰，功能一目了然
以前老有这种情况发生：明明我们功能都有了，但是用户就是没发现。原因原来是功能层级不清晰。
现在经过我们全新 UI 升级之后，各功能模块归类划分，左右信息平衡，层级明显，重点突出，功能让用户一目了然。
考试大厅：
以考试大厅为例，考试场次、数据概况、实时监考，3大板块通过中间的灰色色块区分，其中数据概况分成数据和图标两块，突出视觉重点，让你一目了然。
文章图片
面试列表
ShowMeBug 控制台有很多列表页面。其中在面试列表中，顶部主操作、搜索、过滤等功能进行了模块重构，【全部面试】和【全部创建人】的过滤框，移到左侧，搜索移到右侧，跟主功能【创建新面试】区分开了，更简洁高效地呈现界面信息，便于用户快速定位功能，让用户在筛选面试的时候操作更顺手了。
下面的题目列表中【状态】栏，从之前的纯文字，变成了带有颜色区分的标签，整个页面的视觉重点定位在【状态】，让 HR 对候选人面试状态一目了然。
同时最右侧的【操作】栏，多余操作收进最右的三个点里，只留下【进入面试】的高频操作，整个页面更简洁了。
文章图片
层级的调整和突出，体现的是产品设计者对用户使用逻辑的把控，重点功能一目了然，让用户操作更快速，使用更顺手。
文章图片
体验更舒畅，用起来更爽了
新版UI上线后，用户体验明显更舒畅了。
比如试卷管理，以前的页面是功能的简单堆叠，现在做到了列表向左对齐，同一试卷的考试归类清晰，也可一眼看到详情，进行【考试大厅】和【评卷中心】的操作，同时高频的【预览】和【创建试卷】的操作也前置了，方便用户5秒创建一套试卷。
文章图片
去发卷的页面也进行了功能重构，文字大小和颜色统一按照规范设计。字体颜色用于区分信息，重点信息用黑色，补充信息用灰色。
其中，【限制开考时间】从点选框，变成了开关样式，让用户能感受到这是一个必选的功能。
文章图片
每个页面的重构，每个细节的更改，背后都体现了我们对用户使用习惯的深入思考，对兼顾功能与体验的执着坚持。
文章图片
版本新启，我们对产品的打磨永不止息。
以前，我们 114 次迭代，为的是满足用户的功能需求；
现在，我们全面升级 UI，为的是交付体验更流畅。
我们始终秉持一个理念：产品创新，体验至上，作为下一代技术评估与在线 Coding 面试平台，作为技术招聘的新基建，好用和高颜值，我们全都要！
【【重磅】兼顾好用与高颜值，ShowMeBug|【重磅】兼顾好用与高颜值，ShowMeBug UI2.0 重磅上线】是不是觉得 ShowMeBug 更好看了？好看你就点赞转发吧~
推荐阅读
- 宽容谁
- 我要做大厨
- 增长黑客的海盗法则
- 画画吗（）
- 2019-02-13——今天谈梦想（）
- 远去的风筝
- 三十年后的广场舞大爷
- 叙述作文
- 20190302|20190302 复盘翻盘
- 学无止境，人生还很长