兼顾好用与高颜值,ShowMeBug UI全新版本上线

新年焕新颜,在 2022 新年到来之际,ShowMeBug 对产品 UI 进行全面升级,为你带来高颜值的享受和更舒畅的体验。

颜值即正义,视觉焕然新享受

ShowMeBug 全新UI升级,整体感觉就是:产品更好看了。

首先是色彩的改变,从沉闷的实色,到明快高级的浅色。除了颜值提升,从整体功能上也更分类清晰、重点突出,让你一眼可以找到自己想要操作的功能。

笔试题库为例,标签色彩从灰、蓝的实色,变成了红、黄、绿、紫等浅色,整体视觉给人清晰明快的感觉,也能够一眼看出哪些题目是原创、哪些题目是来自公共题库、哪些是带有测试用例可以支持自动评卷,HR和面试官选题更迅速了。

其次,整个产品的色彩字体大小做了统一规范,给到用户一种统一感。

ShowMeBug 的图标也做了整体的统一设计,避免了冗长文字的表达,整个页面更简洁清晰。

最后,ShowMeBug 从之前功能的堆砌,到组件统一化,让用户感到整齐划一。

层级更明晰,功能一目了然

以前老有这种情况发生:明明我们功能都有了,但是用户就是没发现。原因原来是功能层级不清晰。

现在经过我们全新 UI 升级之后,各功能模块归类划分,左右信息平衡,层级明显,重点突出,功能让用户一目了然。

考试大厅:

以考试大厅为例,考试场次、数据概况、实时监考,3大板块通过中间的灰色色块区分,其中数据概况分成数据和图标两块,突出视觉重点,让你一目了然。

面试列表

ShowMeBug 控制台有很多列表页面。其中在面试列表中,顶部主操作、搜索、过滤等功能进行了模块重构,【全部面试】和【全部创建人】的过滤框,移到左侧,搜索移到右侧,跟主功能【创建新面试】区分开了,更简洁高效地呈现界面信息,便于用户快速定位功能,让用户在筛选面试的时候操作更顺手了。

下面的题目列表中【状态】栏,从之前的纯文字,变成了带有颜色区分的标签,整个页面的视觉重点定位在【状态】,让 HR 对候选人面试状态一目了然。

同时最右侧的【操作】栏,多余操作收进最右的三个点里,只留下【进入面试】的高频操作,整个页面更简洁了。

层级的调整和突出,体现的是产品设计者对用户使用逻辑的把控,重点功能一目了然,让用户操作更快速,使用更顺手。


体验更舒畅,用起来更爽了

新版UI上线后,用户体验明显更舒畅了。

比如试卷管理,以前的页面是功能的简单堆叠,现在做到了列表向左对齐,同一试卷的考试归类清晰,也可一眼看到详情,进行【考试大厅】和【评卷中心】的操作,同时高频的【预览】和【创建试卷】的操作也前置了,方便用户5秒创建一套试卷。

去发卷的页面也进行了功能重构,文字大小和颜色统一按照规范设计。字体颜色用于区分信息,重点信息用黑色,补充信息用灰色。

其中,【限制开考时间】从点选框,变成了开关样式,让用户能感受到这是一个必选的功能。

每个页面的重构,每个细节的更改,背后都体现了我们对用户使用习惯的深入思考,对兼顾功能与体验的执着坚持。

版本新启,我们对产品的打磨永不止息。
以前,我们 114 次迭代,为的是满足用户的功能需求;
现在,我们全面升级 UI,为的是交付体验更流畅。

我们始终秉持一个理念:产品创新,体验至上,作为下一代技术评估与在线 Coding 面试平台,作为技术招聘的新基建,好用和高颜值,我们全都要!

是不是觉得 ShowMeBug 更好看了?好看你就点赞转发吧~

猜你喜欢

转载自blog.csdn.net/ShowMeBug/article/details/122537248
今日推荐