首頁 > 移動互聯 > Material Design實戰!FEEDLY創始人再聊改版實戰經驗

Material Design實戰!FEEDLY創始人再聊改版實戰經驗

2015-04-14 admin 移動互聯 0人評論 38902

Material Design實戰!FEEDLY創始人再聊改版實戰經驗  移動互聯  第1張

3分快3 幾周之前,我們(Feedly團隊)在谷歌總部參加了一個Material Design的研討會,在那里我們探索了一下如果Feedly遵循Material Design的設計規范會是什么樣子,并隨后撰寫了一篇關于MATERIAL DESIGN的實戰文章,做了簡單的經驗分享。

2月10日,我和我的團隊成員Edwin與Sean 再次回到了Google總部,同Material Design團隊更深入地探討了設計技巧。坦率的講,谷歌的藝術總監Rachel Been 真心是我們的良師益友,她同我們詳細講述了Material Design 的幾個核心設計原則。

3分快3 通過在Google的車庫長達2年的交流,我們為Feedly真正意義上完成了一個可運行可交互的設計原型。通過幾周時間的打磨細化之后,我們最終完成了第一次符合 Material Design 的產品。現在你已經可以在Google Play上下載最新版的Feedly了。(國內的朋友可以在諸如酷市場這樣的APP軟件商店下載到來自Google Play 的原版應用)

情感化體驗設計

3分快3 在Google的這兩天,我們專注于重新思考用戶探索體驗的視覺設計。當用戶剛剛使用Feedly的時候,會看到APP的介紹,并且通過逐步引導開始構建適合用戶自己的新聞和信息源,而這個過程就是我們所說的用戶探索體驗。

面對這個環節,Rachel 主要的設計方向是讓這個過程的體驗更富于情感,更加身臨其境,所以她提出了以下倡導:

3分快3 視覺設計高于文本:如何用圖像替代單純的文本標簽更好地呈現每個元素? 策劃優于算法:我們能否基于人的策劃和想法來提供搜索結果,而非使用單一的算法來推薦最優結果? 精選而非扁平的列表:讓搜索結果以不同層級呈現,顯示推薦的元素或內容,而不是單純的列表,讓用戶能獲取最優的內容。 文章排版優于圖片堆疊:使用動態的視覺設計而非簡單的靜態堆疊。這樣的設計尤其適用于“話題卡片”。 推薦優于基本的搜索:如何在構建核心用戶體驗的時候,向用戶推薦相關內容,而不是讓用戶專門去搜索特定內容。

我們寫將這些原則寫在白板上,并且將其納入到原型設計中。我們并非要將所有原則一一實現,而是要借助它們獲取靈感。

我們將這些想法納入到Feedly的發現體驗設計中,這部分的界面由兩屏組成:

“探索”

3分快3 在這個地方,用戶可以搜索他們感興趣的內容,也可以搜索他們向關注的特定站點。另外我們也為他們推薦了一些話題,幫助他們獲取靈感,找到他們想要的內容。

“搜索結果”

搜索結果界面展示了那些與話題或搜索關鍵詞相匹配的博客與網站。

Material Design實戰!FEEDLY創始人再聊改版實戰經驗  移動互聯  第2張

3分快3 使用紙模來制作發現體驗環節的原型。

探索

在“探索”這一屏,我們使用了柵格和圖片來代表一系列話題,我們將這一部分成為“Starter Kit(新手工具箱)”。但是設計這一界面有一些里痛點:

并列的三個卡片擠在一起讓它們難于被瀏覽

3分快3 話題的可讀性較差

整個體驗算不上身臨其境

所以我們決定更大膽的視覺設計和更大的卡片。我們還為每個卡片列出了子話題,確保用戶在選擇卡片的時候,能夠明白他們所探索的站點的類型。舉個例子,我們在“設計”的卡片下面會列出“建筑”、“平面設計”和“UI設計”。為了防止列表太長并難于瀏覽,我們參考最初的6個原則,為這些子話題設計了更小的卡片。

Material Design實戰!FEEDLY創始人再聊改版實戰經驗  移動互聯  第3張

搜索結果

3分快3 通過選擇話題或者關鍵詞來搜索之后,我們習慣于使用扁平化的列表來呈現結果,但是這一會存在以下缺陷:

3分快3 這個列表并不會讓用戶有參與感,更不會身臨其境;

用戶很難知道搜索出來的網站和源到底是干什么的;

我們很難向某些小眾讀者推薦那些真正炫酷的網站。

3分快3 上面的這些問題最終導致讀者很難決定將哪些網站添加到他們的Feedly源中。

3分快3 其實我們也很想看看,如果完全遵循Rachel的原則和建議,使用更多策劃和推薦的內容與情感化設計之后,整個應用會是什么樣的。實際上,這些設計原則與我們一直在做的“收藏分享”功能不謀而合。于是,我們在設計過程中,納入了這一功能,使得搜索結果更加有趣了。

3分快3 舉個例子,如果你選擇了“食物”話題,那么你將看到一個一組常見食物網站的合集,后面會跟著一組精心挑選的子話題:素食、健康、烘焙、雞尾酒,等等等等。所有的這些子話題都是由業界的意見領袖來策劃并創建的,比如來自 Smitten Kitchen 的 Deb Perelman,來自Food 52 的Amanda Hesser ,以及來自Love & Lemons 的 Jeanine Donofrio ,等等等等。這些專業和業界名人的策劃會使得推薦更加人性化,優質內容更容易被發現。

最后,你可以使用“Add All”按鈕一鍵添加所有推薦內容,幫你加快個性化閱讀列表的構建。

Material Design實戰!FEEDLY創始人再聊改版實戰經驗  移動互聯  第4張

策劃這些話題和內容需要投入大量的工作,但是在我們看來,這些專業的推薦能夠迎合用戶探索的需求,最終會使得整個服務和之前截然不同。目前,這種運作模式我們僅僅在食品這個分類中推行了,不過今后你會在更多的分類中看到這一的內容推薦!

標簽:

發表評論

◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

官方微信公眾號
70755559
09:00 - 22:00
QQ客服: 70755559
客服郵箱: 678128@qq.com
2分快3-推荐 1分快3-官网 好运快3-欢迎您 幸运快3-安全购彩 网投app-Welcome 分分快3app-Home 1分快三平台-3分快3 彩票代理-推荐 五福彩票-官网 彩票大赢家-欢迎您