美圖秀秀之交互設計

作者:
2011-08-03
2846
關(guān)鍵詞:美圖,秀秀,之交,出于,交互,職業(yè),UI,習慣,欣賞,使用,一款,產(chǎn)品時,總會

美圖秀秀是廈門美圖科技有限公司旗下的一款產(chǎn)品,分別有 PC 客戶端, Android, iPhone 應用。公司旗下還有其它幾款產(chǎn)品:美圖看看——免費看圖軟件,美圖拍拍——攝像頭自拍軟件,美圖淘淘——網(wǎng)店圖片批理處理軟件,美圖化妝秀——強大的上妝軟件。個人非??春妹缊D淘淘,依托淘寶這個大平臺,它為廣大淘寶店家們解決了開店過程中必須面對的問題,這個需求是非常剛性的,而且目標用戶的使用頻率還非常高。

但是,今天我重點分析是美圖秀秀這款應用在 Android, iPhone上的交互設計。這是一款典型的工具型應用,用戶在開啟應用時就面臨著選擇:美化圖片,拼圖。下面是具體的操作流程:

在使用過程中,通過設計引導,很輕松地完成了任務,目標導向非常明確。然而,這樣一款完全工具化的應用用戶粘度有多大呢?當用戶的新鮮度過后,他們開啟此應用的頻率還有多高呢?不知美圖秀秀的產(chǎn)品設計者是否有想過建立自己的圖片社區(qū),正好與 PC 上的 美圖秀秀、美圖看看聯(lián)系在一起,無論在手機上,還是在 PC 上,用戶都可以方便地把圖片同步的云端。

具體到交互設計上,我們只能在圖片瀏覽器中查看美圖秀秀美化過的圖片,而要調(diào)起美圖秀秀時只能通過退出圖片瀏覽器或多任務管理,無論哪種方式都不夠方便。經(jīng)常會遇到這個的使用情景:用戶向朋友展示他用美圖秀秀美化過的圖片,朋友詢問這個是如何做到的,這時用戶就得去啟動美圖秀秀,演示給朋友看。那么我們?yōu)槭裁床辉O計成直接在應用內(nèi)就可以查看美化過的圖片呢,當要再次美化時可以迅速切換呢?

為此,我對美圖秀秀的整體信息架構(gòu)進行了調(diào)整,按照自己的想法進行了原型設計 。如下:

我在程序界面下方加入了導航欄,把原來在界面中間的功能選項:“美化圖片”,“拼圖” 移到了導航欄上,還加入了 “圖片” 選項,用戶可以通過切換 Tab 項來方便地查看圖片,“新手幫助”、 “關(guān)于”、 ”設置” 這些都放入到了 “更多” 中。通過此設計,用戶可以選擇各 Tab 項來進行相應的操作,對整個應用的交互有個全局的把控。

以上只是自己對于美圖秀秀這款產(chǎn)品在設計上的一些想法,權(quán)當拋磚引玉,還請指點。

0
7
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號