WEB开发网
开发学院图形图像心得技巧 美图秀秀设计分析:在Android,iPhone上的交互设计 阅读

美图秀秀设计分析:在Android,iPhone上的交互设计

 2011-07-24 08:41:09 来源:WEB开发网   
核心提示:出于职业习惯,使用一款产品时总会不自觉地对其设计进行分析,美图秀秀设计分析:在Android,iPhone上的交互设计,当打开美图秀秀时,我知道,以上只是自己对于美图秀秀这款产品在设计上的一些想法,权当抛砖引玉,我又开始了,美图秀秀是厦门美图科技有限公司旗下的一款产品

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

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

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


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

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

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

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

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

Tags:交互设计 用户体验

编辑录入:coldstar [复制链接] [打 印]
赞助商链接