美图秀秀交互再设计

出于职业习惯，使用一款产品时总会不自觉地对其设计进行分析。当打开美图秀秀时，我知道，我又开始了。

美图秀秀是厦门美图科技有限公司旗下的一款产品，分别有 PC 客户端， Android, iPhone 应用。公司旗下还有其它几款产品：美图看看——免费看图软件，美图拍拍——摄像头自拍软件，美图淘淘——网店图片批理处理软件，美图化妆秀——强大的上妆软件。个人非常看好美图淘淘，依托淘宝这个大平台，它为广大淘宝店家们解决了开店过程中必须面对的问题，这个需求是非常刚性的，而且目标用户的使用频率还非常高。

但是，今天我重点分析是美图秀秀这款应用在 Android, iPhone上的交互设计。这是一款典型的工具型应用，用户在开启应用时就面临着选择：美化图片，拼图。下面是具体的操作流程：


在使用过程中，通过设计引导，很轻松地完成了任务，目标导向非常明确。然而，这样一款完全工具化的应用用户粘度有多大呢？当用户的新鲜度过后，他们开启此应用的频率还有多高呢？不知美图秀秀的产品设计者是否有想过建立自己的图片社区，正好与 PC 上的 美图秀秀、美图看看联系在一起，无论在手机上，还是在 PC 上，用户都可以方便地把图片同步的云端。

具体到交互设计上，我们只能在图片浏览器中查看美图秀秀美化过的图片，而要调起美图秀秀时只能通过退出图片浏览器或多任务管理，无论哪种方式都不够方便。经常会遇到这个的使用情景：用户向朋友展示他用美图秀秀美化过的图片，朋友询问这个是如何做到的，这时用户就得去启动美图秀秀，演示给朋友看。那么我们为什么不设计成直接在应用内就可以查看美化过的图片呢，当要再次美化时可以迅速切换呢？

为此，我对美图秀秀的整体信息架构进行了调整，按照自己的想法进行了原型设计 。如下：

我在程序界面下方加入了导航栏，把原来在界面中间的功能选项：“美化图片”，“拼图” 移到了导航栏上，还加入了 “图片” 选项，用户可以通过切换 Tab 项来方便地查看图片，“新手帮助”、 “关于”、 ”设置” 这些都放入到了 “更多” 中。通过此设计，用户可以选择各 Tab 项来进行相应的操作，对整个应用的交互有个全局的把控。

以上只是自己对于美图秀秀这款产品在设计上的一些想法，权当抛砖引玉，还请指点。

源地址：http://www.uipig.com/archives/285