搜狗输入法安装包设计分享

3 评论 4099 浏览 4 收藏 7 分钟

项目背景

智慧版1.0推出之后,简单清新的安装包设计效果得到了广大用户的认可,有不少朋友给予了肯定这让我们很是感动,2012年10月份,在上一版版本 的基础上,我们开始着手智慧版2.0的开发。从功能上来讲,在继承1.0的基础上,这次新增了心有灵犀与变色龙等重量级功能,希望用户体验能有更大的提 升。从视觉风格上来说,我们继续延续之前的风格基调,在动画与交互上试图寻找新的表现方式,尽量给用户传达新鲜有趣的体验。这也契合了我们做输入法智慧版 的初衷。

时间周期

时间进度表

安装包设计分享

1从功能点的角度

此版本首次上线“心有灵犀”功能,这是输入法从工具性软件向服务性软件的重要跨越,用户可以在输入的过程中,直接获取到自己所需要的信息,这对广大 的用户来说,是前所未有的体验,此功能是这次版本的重点,那么在安装包的设计过程中,就希望能将这样的概念潜移默化的传达给用户,短短的20秒动画,我们 不期望能讲述的特别具体清晰,如果能给用户一定的好感,引发用户的兴趣,同时对功能有一个简单的了解就足够,为了尽量减少安装包动画中的信息量,我们对需 要表现的功能点进行了整理。

功能点总结

2从视觉风格角度

智慧版的安装包过程我们一直想在这里做出更多的尝试,第一版本的安装包通过场景化的故事给大家传达出了输入法的更多可能,这次新的安装包设计,是对 自我的超越,在没有对新项目了解之前,很难找到合适的切入点,再与产品详细沟通了智慧版2.0的特点与重点之后,问题也就随之解开,设计的切入点,往往就 在问题本身,深入的分析需求,理解智慧版2.0的功能诉求就为设计画出了大概的轮廓。智慧版2.0安装包从内容的角度来说,通过功能的分析已经基本确定, 那么就是选择什么方式表达的问题,在安装的过程形式感与进度条的设计中,尽量给用户意向不到的感觉,美好的第一感觉往往对产品有重要的影响。

安装包主要界面步骤。

A 草图

草图02

在本次安装包设计中,主要的创意切入点在这个平台的感觉,希望输入法给用户的感觉逐步的从简单的输入,形成一个更宽广的平台感受,通过输入法,我们还可以获得更多,那么结合这样翻转打开的效果就合适不过。 用户点击安装的一瞬间,这样的变化希望能让人耳目一新。

B:主要场景设定

对于几个场景的设定,经历很长的时间,这里也有与产品不断确定的过程,从产品的角度来说肯定是希望传达的更为清晰、全面,限于设计的形式与时间,在设计中,多与少,简与复的矛盾始终围绕,我们尽量合理有序的增加或者删减一些内容。

3从交互角度

作为一个安装包来说,用户对常见的安装过程已经基本形成了一个共识,在本次安装包设计中,与传统的安装包相比,我们将新手引导与设置页面做为一个重要的部分传达给用户。这里存在几次修改的过程,再尽量减少用户点击的前提下,完成这几个主要步骤。

几个安装包的交互方案变更

交互稿

这几次安装交互的修改直接导致安装包动画调整的时间周期,同时也给开发带来一定的重复劳动。从10月份开始接手设计,直到上线的前一周,还在进行一 些内容的调整,主要问题围绕几个点,新手引导与设置项的位置,与常见的安装包来对比,这是一个新的问题,我们进行了多样的尝试,最终确定了现在的方案,从 法律、 用户体验、多个方面进行权衡。

一些感悟

开始着手设计时,很难想到最终的结果,认真做好每一步才有可能收获一个较好的结果,解决问题的方法往往都在问题之中,设计的过程永远伴随着快乐与痛苦,平衡好心态就极为重要,希望智慧版2.0的设计能让你有更好的输入体验,感谢你对输入法的支持!

体验直通车: http://pinyin.sogou.com/zhihui/

搜狗设计团队原文:http://ued.sogou.com/?p=1461

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 设计原文的链接失效了

    来自广东 回复
  2. 我挺喜欢的智慧版的。之前帮别人安装软件是也会特意装一个智慧版[偷笑]

    来自广东 回复
  3. 这种东西, 做出来花费了巨大的精力, 但安装的时候用户可能根本不会留意和在乎, 挺悲情的

    来自辽宁 回复