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

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

 2011-07-24 08:41:09 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌i弴鐐测偓鍦偓姘炬嫹闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘e亾妤犵偛顦甸弫鎾绘偐閹绘帞鈧參姊哄Ч鍥х仼闁诲繑鑹鹃悾鐑藉蓟閵夛妇鍘甸梺瑙勵問閸犳牠銆傛總鍛婄厱閹艰揪绱曟牎闂侀潧娲ょ€氫即鐛幒妤€绠f繝闈涘暙娴滈箖鏌i姀鈶跺湱澹曟繝姘厵闁绘劦鍓氶悘杈ㄤ繆閹绘帞澧涚紒缁樼洴瀹曞崬螖閸愬啠鍓濈换娑樼暆婵犱胶鏁栫紓浣介哺閹瑰洤鐣烽幒鎴僵闁瑰吀鐒﹂悗鎼佹⒒娴g儤鍤€闁搞倖鐗犻獮蹇涙晸閿燂拷濠电姷鏁告慨鐑藉极閸涘﹥鍙忔い鎾卞灩缁狀垶鏌涢幇闈涙灈鐎瑰憡绻冮妵鍕箻鐎靛摜鐣奸梺纭咁潐濞茬喎顫忕紒妯肩懝闁逞屽墮宀h儻顦查悡銈夋煏閸繃鍋繛宸簻鎯熼梺瀹犳〃閼冲爼宕濋敃鈧—鍐Χ閸℃鐟愰梺鐓庡暱閻栧ジ宕烘繝鍥у嵆闁靛骏绱曢崢顏堟⒑閹肩偛鍔楅柡鍛⊕缁傛帟顦寸紒杈ㄥ笚濞煎繘鍩℃担閿嬵潟闂備浇妗ㄩ悞锕傚箲閸ヮ剙鏋侀柟鍓х帛閺呮悂鏌ㄩ悤鍌涘闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌i弴鐐测偓鍦偓姘炬嫹  闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨堕妴鍐川閺夋垹鍘洪悗骞垮劚椤︻垶宕¢幎鑺ョ厪闊洦娲栨牎闂佽瀵掗崜鐔奉潖閾忓湱纾兼俊顖氭惈椤矂姊洪崷顓涙嫛闁稿妫濋幆鈧い蹇撴祩濡嫰姊洪崫鍕拱婵炲弶岣块幑銏犫攽婵犲嫮鏉搁梺鍝勬川婵兘鎮伴妷鈺傗拻濞达絽鎼敮璺侯熆閻熷府鏀荤紒鍌氱Т楗即宕煎锝呬壕闁哄啫鐗嗙粈鍐┿亜韫囧海顦﹀ù婊堢畺閺屻劌鈹戦崱娑扁偓妤€顭胯閸犳牠婀侀梺缁樕戦悷銉р偓姘煎枤缁粯銈i崘鈺冨幈濡炪倖鍔戦崐鏇㈠几鎼淬劍鐓熼煫鍥ь儏閸旀粓鏌曢崶褍顏€殿喗娼欒灒闁告繂瀚濠碉紕鍋戦崐鎴﹀垂濞差亝鍋¢柍鍝勬噹缁犳牠鏌嶉埡浣告殲闁稿海鍠栭弻鏇㈠炊瑜嶇花濠氭煙閸戙倖瀚�
核心提示:出于职业习惯,使用一款产品时总会不自觉地对其设计进行分析,美图秀秀设计分析:在Android,iPhone上的交互设计,当打开美图秀秀时,我知道,以上只是自己对于美图秀秀这款产品在设计上的一些想法,权当抛砖引玉,我又开始了,美图秀秀是厦门美图科技有限公司旗下的一款产品

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

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

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


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

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

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

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

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

Tags:交互设计 用户体验

编辑录入:coldstar [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接