关于github:重磅兼顾好用与高颜值ShowMeBug-UI20-重磅上线

2次阅读

共计 1338 个字符,预计需要花费 4 分钟才能阅读完成。

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

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

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

首先是色调的扭转,从爽朗的实色,到明快高级的浅色。除了颜值晋升,从整体性能上也更分类清晰、重点突出,让你一眼能够找到本人想要操作的性能。

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

其次,整个产品的色调字体大小做了对立标准,给到用户一种对立感。

ShowMeBug 的图标也做了整体的对立设计,防止了简短文字的表白,整个页面更简洁清晰。

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

层级更清晰,性能高深莫测

以前老有这种状况产生:明明咱们性能都有了,然而用户就是没发现。起因原来是性能层级不清晰。

当初通过咱们全新 UI 降级之后,各功能模块归类划分,左右信息均衡,层级显著,重点突出,性能让用户高深莫测。

考试大厅:

以考试大厅为例,考试场次、数据详情、实时监考,3 大板块通过两头的灰色色块辨别,其中数据详情分成数据和图标两块,突出视觉重点,让你高深莫测。

面试列表

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

上面的题目列表中【状态】栏,从之前的纯文字,变成了带有色彩辨别的标签,整个页面的视觉重点定位在【状态】,让 HR 对候选人面试状态高深莫测。

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

层级的调整和突出,体现的是产品设计者对用户应用逻辑的把控,重点性能高深莫测,让用户操作更疾速,应用更棘手。


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

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

比方试卷治理,以前的页面是性能的简略重叠,当初做到了列表向左对齐,同一试卷的考试归类清晰,也可一眼看到详情,进行【考试大厅】和【评卷核心】的操作,同时高频的【预览】和【创立试卷】的操作也前置了,不便用户 5 秒创立一套试卷。

去发卷的页面也进行了性能重构,文字大小和色彩对立依照标准设计。字体色彩用于辨别信息,重点信息用彩色,补充信息用灰色。

其中,【限度开考工夫】从点选框,变成了开关款式,让用户能感触到这是一个必选的性能。

每个页面的重构,每个细节的更改,背地都体现了咱们对用户应用习惯的深刻思考,对兼顾性能与体验的执着保持。

版本新启,咱们对产品的打磨永不止息。
以前,咱们 114 次迭代,为的是满足用户的性能需要;
当初,咱们全面降级 UI,为的是交付体验更晦涩。

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

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

正文完
 0