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

发布时间:2021-06-02 20:30:12 点击次数:305

2020年是个特别的一年,我们重新定义了系统桌面的UI环境,基于更加扁平、轻量的设计理念去诠释优麒麟整个系统设计生态,同时,秉持着对用户的诉求以及对产品的全面提升,我们此次对软件商店进行了整体功能优化。UI升级,这次,我们“大有不同”。1麒麟软件商店是什么?集全库的应用搜索、应用下载、应用升级、海量的资源库、排行功能、新品推荐等功能于一体,增加了麒麟ID账号系统,打通多台电脑账号关联应用。相较于

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统一用户管理中心,与系统账号类相关应用正式接轨,用户可以在多设备之间共享同一个账号,且麒麟软件商店也提供历史下载入口,登陆账号即可同步多设备历史应用。真正意义上提高了账号的使用效率、实用性。

四、全新插画 呼应主题

aaa.jpg

ddd.jpg

在设计上,我们将 UKUI 3.0 设计理念和应用接轨,将更多新鲜的设计元素植入到软件商店里,打破常规应用一贯的呆板设计风格,将年轻化、多元化、国际化的设计情感注入到我们整个设计环节,哪怕它仅仅是个缺省状态。

五、严格输出 视觉规范

制定产品的控件、规范标准化,有利于增强一致性,塑造品牌的专业度,提升视觉的统一,简化、优化、纠正执行错误,增加友好度和使用体验。


图9.png

结语

至此,软件商店经过多年的不断优化升级,已经博得许多用户的喜爱,优麒麟社区希望优客们在今后的产品使用过程中能多给我们一些建议和反馈,在未来的产品设计过程当中,我们依然会秉承着对设计、体验的卓越追求,以用户为中心,继续为系统 UI 生态赋能,打造属于优麒麟开源操作系统的设计语言。