不知道各位小伙伴有沒有用過「最美有物」這款A(yù)pp,反正北海用過之后便覺得愛不釋手，對于一個資深視覺控的未來設(shè)計師來說，她長得確實太好看了。不過呢，本著處女座細(xì)節(jié)控的特質(zhì)，我還是要好好分析一下這款「最美有物」的交互、視覺?細(xì)節(jié)?。其實呢，本來北海是打算寫一篇產(chǎn)品分析報告的，奈何北海能力尚淺，若落上一份「體驗報告」的名字，所輸出的一些內(nèi)容也配不上這報告的名字，索性就說是使用后的一些想法罷了。文中如若有紕漏，還請各位前輩多多指教...
一 . 先了解一下「最美有物」吧
最美有物是是一個全球原創(chuàng)設(shè)計品的發(fā)現(xiàn)平臺，在這里你可以發(fā)現(xiàn)來自紐約、巴黎、米蘭、倫敦等地的優(yōu)秀設(shè)計師的作品。自2016年上線以來，就斬獲「豌豆莢設(shè)計獎」「魅族魅斯卡獎」「小米商店金米獎」「應(yīng)用寶優(yōu)秀新應(yīng)用」等獎項，可以說是非常優(yōu)秀的產(chǎn)品。能夠斬獲這么多獎項要得益于優(yōu)秀的交互體驗和...顏值！
二 . 產(chǎn)品定位
需求分析：人們對美而小眾的產(chǎn)品的需求與日俱增，「不從眾」的審美標(biāo)準(zhǔn)逐漸深入人心
目標(biāo)用戶：設(shè)計師群體、時尚達(dá)人、白領(lǐng)
產(chǎn)品定義：為時尚達(dá)人提供一個發(fā)現(xiàn)全球好設(shè)計（不從眾的好設(shè)計）和優(yōu)秀設(shè)計師的平臺
產(chǎn)品目標(biāo):傳遞美學(xué)理念，設(shè)計師和用戶間的互利平臺
三 . 產(chǎn)品結(jié)構(gòu)
Button bar 規(guī)劃合理。有物中，「最美人物種草合集」不明白種草是什么意思，會讓用戶產(chǎn)生疑惑。
四 . 界面、交互分析
* 首頁采用卡片重疊的設(shè)計模式，用光和影來劃分空間，在平面中增加了應(yīng)用的空間感，同時給人以在上下翻動雜志的體驗。
*在翻動過程中，至多可以看到三個內(nèi)容標(biāo)題，極大的減少了其他文字的干擾，用戶視覺中點落在中間文章標(biāo)題。對于內(nèi)容類App來說，抓住用戶的注意力就意味著轉(zhuǎn)化。
* 打開畫報后，有UI占位符，好處在于給予心理預(yù)期，讓用戶對即將出現(xiàn)的內(nèi)容有預(yù)判。
* 畫報中，向下滑動「后退和設(shè)計師」兩個button消失，向上滑動出現(xiàn)。打造沉浸式的閱讀體驗，符合MD的設(shè)計規(guī)范。
* 畫報一欄的頁面邏輯自上而下為內(nèi)容、我來推薦、分享、設(shè)計師&作品、評價。用戶閱讀完文章后，如果文章寫得很走心，那么操作邏輯應(yīng)該是分享出去，在內(nèi)容和分享之間加入「我要推薦」不符合操作邏輯。所以?建議?更改頁面邏輯。
* 整欄頁面中，評論的入口有兩個，設(shè)計師主頁有兩個，分享的入口也要兩個。可見最美有物團(tuán)隊希望我們能夠最大化的了解設(shè)計師及設(shè)計師的產(chǎn)品并分享出去，時刻都在提醒我們進(jìn)行這些操作。建議?將分享的menu替換右上的設(shè)計師頭像，和商品詳情頁保持一致性。
* 點擊FAB彈出可購買物品列表
* 評論列表無法直接回復(fù)評論。點擊后跳轉(zhuǎn)才可回復(fù)，增加了用戶操作步驟，產(chǎn)生了一定的負(fù)擔(dān)。
* 1 有物App bar上有10個標(biāo)簽，觸控面積過小，容易造成誤操作。
* 2 交互形式很棒，左滑可查看全部產(chǎn)品。但該部分手勢操作與切換標(biāo)簽手勢操作重復(fù)，易造成誤操作。且該部分內(nèi)容還沒有找到存在邏輯。建議去除。
* 3 時間線，每天提供十個優(yōu)秀設(shè)計。
* 1 喜歡與不喜歡，趣味性設(shè)計。通過高矮表現(xiàn)支持率高低，喜歡用暖色。讓交互變得更有趣味性，令人愉快。
* 2 Today中喜歡的產(chǎn)品，會在這里選中。團(tuán)隊?wèi)?yīng)該是想表達(dá)，你是這些設(shè)計的決策者，就像皇上翻牌一樣。但這樣的設(shè)計是沒必要的，首先喜歡的產(chǎn)品會在我喜歡的中展示，并且在信息爆炸時代，就算點了喜歡，看到這些數(shù)字，也不一定記得我喜歡的是哪個，還要返回去重新看。因此，建議去掉。
* 1 時間線銜接
* 商品內(nèi)容頁，布局較為合理，時刻傳達(dá)設(shè)計師信息。分享和收藏設(shè)置在右上角button，評論可直接回復(fù)。
* 點擊品牌官網(wǎng)后，彈出價格和購買網(wǎng)店。將這兩個內(nèi)容層級藏這么深，也說明「最美有物」主要產(chǎn)品目標(biāo)在于傳遞設(shè)計而非商品買賣。
* 推薦提供標(biāo)簽分類，便于快速找到與自己匹配的設(shè)計師。關(guān)注button顏色醒目，對比強，利于轉(zhuǎn)化關(guān)注。
* 獨立設(shè)計師總也按照不同類別分類，利于快速查找。
* 錄入信息這里做的也是很以用戶為中心。并沒有采用傳統(tǒng)的具體年月的設(shè)計，而是采取年齡段和星座的設(shè)計，這也是考慮了，年輕群體關(guān)注星座的特質(zhì)。很贊！
* 單詞中的一些字母沒有統(tǒng)一，字重不同。
* 特殊狀態(tài)下的一些反饋，圖標(biāo)設(shè)計和icon保持風(fēng)格一直，趣味性強。
* 我的心愿單中的特殊反饋和網(wǎng)絡(luò)錯誤的反饋一致，就不符合了。建議重新設(shè)計。
* 此外，「最美有物」的默認(rèn)頭像是和圖標(biāo)「小鹿」是一樣的額，這樣的設(shè)計既保證了一致性，也傳達(dá)了品牌理念。
以上就是我在使用「最美有物」中發(fā)現(xiàn)的一些很棒的設(shè)計小細(xì)節(jié)，當(dāng)然也包含了一些不足之處?？偟膩碚f，「最美有物」這款A(yù)pp是一款設(shè)計優(yōu)良的App,整體感受很贊，黑色的背景色，有設(shè)計感的字體，精選的圖片都讓這款A(yù)pp設(shè)計感十足。但北海對于畫報的排版，一些設(shè)計細(xì)節(jié)等問題上還是持進(jìn)一步優(yōu)化的態(tài)度。希望最美團(tuán)隊可以進(jìn)一步優(yōu)化設(shè)計，讓「最美有物」變得更美。
