软件商店 UI 升级之旅 - 带来视觉极致享受

2021-06-02 20:30:12

2020年是个特别的一年，我们重新定义了系统桌面的UI环境，基于更加扁平、轻量的设计理念去诠释优麒麟整个系统设计生态，同时，秉持着对用户的诉求以及对产品的全面提升，我们此次对软件商店进行了整体功能优化。UI升级，这次，我们“大有不同”。

图1.png

改版初衷是什么？

从麒麟系统问世，从 1.0 到 3.0 的对系统不断打磨，麒麟系统逐渐受到很多人的青睐和喜爱，爱好者也逐渐从能用到好用有了自己的评判标准，大家越来越关注系统的流畅性、易用性、美观性以及安全性，在整个对系统以及自研应用的研发过程中，我们遇到过很多问题，从系统的能用，到现在的好用，我们用了太多的时间和精力在上面，为的就是能让用户有一个良好的使用体验。

由此，在我们对软件商店重新布局 4.0 改版时候，我们对上个版本进行了问题分析，许多问题也日渐凸显，功能的缺失、不够完善、页面阅读、操作性低等问题，为了能更好的迎合用户，更好的提升用户使用体验，我们对软件商店整体框架，布局，功能进行了重构，让软件商店能够继续的为广大用户提供优质服务，增加归属感。

改版步骤是什么？

当然，产品改版是有明确目标的，所以我们为软件改版总结归纳了“五步改版法”来辅助软件商店进行质的输出。

图2.png

从软件层面来说，我们从市场、用户角度出发，对产品重新规划，梳理功能、UI等遗留问题，进行改版升级（UI、功能重新定义），到最后的规范输出，直至软件上线，达到验收和最佳使用标准。

调整整体布局，优化阅读性

图3.png

一、全新首页华丽转身

图6.png

为了方便用户阅读理解，我们将零碎的常规页面进行布局整合：

减少非必要设计

⬇

增加维度

⬇

过渡体验

⬇

提升美观

我们将老版本的推荐页用首页取代，新版本软件商店内容包含了 banner 位，最新应用、热门应用、下载排行等首屏模块，以卡片的形式替代传统的臃肿排版布局，进行良好的视觉区分，优化页面层级，为用户带来最佳的视觉体验。丰富首页的内容，提高页面利用率，放大用户在首页信息获取度，同时我们优化了下载的流程，真正意义上做到可以续点传送，做到随时可以暂停、下载、取消等操作。

二、全新风格功能重构

图5.png

我的页面

我们通过调研用户的需求，模拟用户真实操作场景，对页面的功能进行删选、组合、不断的推敲优化、把用户常用的操作归类到我的标题里，并做统一的操作流程及通用的页面交互逻辑，如：正在下载、应用更新、应用卸载、历史安装。真正意义上让用户快速认识页面，提高用户的操作效率，同时增加了全选、反选、一键升级、一键卸载等便捷性功能，减少用户频繁操作，以达到更好的留存以及增加用户的粘性。

三、登录重写页面升级

图6.png

在进行多应用使用的同时，我们发现了登录的诸多问题，比如账号体系的不完善，登录形式单一，为此我们将短信验证登录添加到了软件商店里，方便用户去以多形式的方式登录。并且我们今年建立了麒麟ID统一用户管理中心，与系统账号类相关应用正式接轨，用户可以在多设备之间共享同一个账号，且麒麟软件商店也提供历史下载入口，登录账号即可同步多设备历史应用。真正意义上提高了账号的使用效率、实用性。

四、全新插画呼应主题