一、设计背景:
360杀毒是一款免费杀毒软件,集云安全与本地查杀防护于一身。在经过不断地改进、优化后,360杀毒无论在功能、性能以及稳定性方面都已有较好的用户口碑。到开发4.0版本之前,已经推出到了3.2版本。360杀毒不但在各大软件站的软件评测中屡屡获胜,还多次通过VB100、AV-TEST和AV-C等国际高端认证。然而,由于各类功能入口的不断增加,主界面也日显拥挤,功能分类出现重叠现象,界面长时间没有更新,使其设计风格、界面布局和用户体验等方面已经无法满足现在用户的审美观,因此对其进行改版已经势在必行。
二、设计需求:
在360杀毒4.0“云动”中,采用简洁、清新、灵动、轻量级的设计风格,突出用户关注的重点——“扫描操作”和“系统防护状态”,并在不减少必要产品功能的前提下,轻量化界面,提供常用功能的快捷入口,优化交互方式。从而减少初级用户在使用产品过程中的学习成本,让用户易于操作、乐于操作和安全操作。
三、设计过程:
设计关键词:简洁、清新、灵动、轻量级
确定方案 在明确现有版本存在的不足以及新版本设计需求的基础上,尽可能广泛地搜集设计所需的信息资源,并通过对各种信息资源的归纳和分析,深入挖掘影响产品和设计的主要因素,提出了一系列可行的设计方案。在与杀毒团队的多次沟通和讨论后,大胆尝试新的设计风格,经过筛选,确定了最终的设计方案。
360杀毒4.0的主色调以蓝色为主,大面积留白的彩色搭配,减少材质和光效的运用,图标和控件基本都是单色无渐变。主要突出显示防御状态、保护时间和扫描模式功能,界面的整体风格简洁、轻薄、直观、平面化。
主界面 (图一)
界面优化 360杀毒4.0“云动”相对于3.2版本,取消Tab页导航,采用全新的界面布局,将智巧版和专业版统一,单界面内置导航。增加常用工具快捷入口,并提供快捷入口的替换操作逻辑,将图标、控件和弹出窗等风格统一化。
在设计之初,蓝色要比现在的浅一些,留白处为纯白色,界面整体感觉比较清爽,个人比较喜欢,但在内部测试时发现在较差的显示器上,效果会显得苍白、刺眼,为了兼顾各种不同的显示器,经过几次调试和优化,效果最终确定为目前的色调方案。
实时防护、工具栏展开界面 (图二)
实时防护设置和常用工具都采用菜单展开式设计,尽可能的减少页面之间的跳转。用户可以根据自己的使用习惯,通过拖拽的方式,自定义主界面上的常用工具项。在此,报个小料,除了点击下拉按钮以外,还可以通过其他方式展开实时防护设置界面,这是我们研发团队埋下的一个彩蛋,大家不妨找找看。
扫描过程 (图三)
在扫描界面中,增加了“当前扫描项”和“返回”功能,减少了标题栏的高度,使内容区域最大化。每个扫描项都有四种状态,并对应着相应的颜色,更直观的展示了当前扫描进度和安全状态。
扫描发现威胁 (图四)