起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識百度竟然在APP里做起了空間設(shè)計？
編輯導(dǎo)語：你們有沒有發(fā)現(xiàn)，在百度百科小程序中上線了一個驚艷的小功能：Loft。Loft原為房屋中的一種房型，在百度百科中的功能本質(zhì)上是一個分屏。作者就此功能進(jìn)行了體驗，并反思了其中的設(shè)計理念。我們一起來看看吧。
很久沒有發(fā)現(xiàn)令人眼前一亮的交互了。
前陣聽說《叛逆者》不錯，到百度里搜朱一龍，發(fā)現(xiàn)百度百科小程序上了一個驚艷的小功能，官方叫l(wèi)oft。
loft大家都知道，普遍意義上指那種層高4~5米、可以搭建閣樓的屋子，通過上下層不同的功能分區(qū)來實現(xiàn)理想居住的目的，是國內(nèi)的酒店公寓最喜歡的物業(yè)形態(tài)之一。
百度百科小程序這個創(chuàng)新，是將線下的空間體驗移植到線上，其間學(xué)習(xí)成本幾乎為零，用戶只需要滑動測試兩下就完成了心智轉(zhuǎn)移。
在我看來，這種取材于現(xiàn)實物理世界的移情設(shè)計，才是真正的擬態(tài)，令出身空間設(shè)計背景的我瞬間心動。
一、功能概要
這個功能給我的第一體感是，我竟仿佛在同時操作兩塊大屏。
沒錯，說到底本質(zhì)上就是一個分屏：一屏是loft多功能模塊，一屏是百科基礎(chǔ)詞條模塊。移動互聯(lián)網(wǎng)在國內(nèi)崛起這么多年，我們始終繞不開一個話題——屏效比。如何在單位像素內(nèi)傳遞出更多有效信息。
loft空間模式在誕生之初也肩負(fù)著如此使命，才有后繼者不斷解構(gòu)重組，將臥室、工作室、起居室、餐廳廚衛(wèi)等功能組團(tuán)拼裝成如今商業(yè)地產(chǎn)中我們看到的樣子。
根據(jù)百度MEUX官文和我自己的測試，目前上線的loft功能只覆蓋了部分明星百科以及地點百科的垂類內(nèi)容，沉浸式的loft底層為不同的垂類詞條賦予不同功能的模塊組件。
例如明星百科，loft層里包含了寫真圖、視頻介紹、［百家號］同步過來的明星動態(tài)、粉絲UGC搭建的安利墻等。這幾部分內(nèi)容構(gòu)成了輕量版微博應(yīng)援會，用戶在搜索了解明星的同時，也參與到輕社區(qū)的運營氛圍中，共建這個loft，逐步完善富媒體的形態(tài)。
而地點垂類不需要明星垂類所需的輕社交應(yīng)援會，百科loft層承載的內(nèi)容偏向于圍繞地點本身的介紹。以“巴特羅之家”為例，詞條摘選了不同參觀點的視頻介紹，來立體地塑造用戶對該地點的認(rèn)知。
說回到這個需求場景本身，百科內(nèi)容包羅萬象，為什么選明星百科這個垂類做loft？答案簡單，明星和電影一樣是個商業(yè)IP，既存在客觀現(xiàn)實又包含大量主觀認(rèn)知。
傳統(tǒng)的百科詞條釋義屬于PGC，來源各大官方渠道、文獻(xiàn)資料和資深會員的積累，是客觀信息；而loft層里粉絲安利的評論屬于UGC，包含各種信仰宣泄、情感釋放，是主觀信息。
客觀信息的構(gòu)建 + 主觀內(nèi)容的包裝，組成了人對事物的立體認(rèn)知。
二、體驗類比
前面提到電影，豆瓣“書影音”的資深老鐵可能對這個loft似曾相識。坦白說，在交互與視覺展示層面，這確實與豆瓣影評/書評/樂評界面的下拉浮層非常接近，甚至與用戶動態(tài)的評論彈層很相仿；而從體驗層面觀察，有兩點最明顯的區(qū)別。
區(qū)別1 -明星百科loft層側(cè)重傳遞主觀信息，詞條層側(cè)重傳遞客觀信息；而豆瓣相反，底層為電影/圖書/音樂的客觀介紹，浮層為用戶的主觀評價。
考慮到底層展示的屏占比超過80%，可以看出從這個功能的上游目標(biāo)來說，明星百科更希望用戶先參與到社區(qū)，再了解釋義；豆瓣則希望用戶先了解介紹，再關(guān)注周邊信息。
區(qū)別2 -不知百度是故意為之還是正在排期迭代，百科loft兩層內(nèi)容都做了沉浸式，底層滑動可以定位而詞條層滑動無法定位，導(dǎo)致用戶在詞條層看到一半想去底層loft互動，再回來時又得從頭看起；
豆瓣這一點細(xì)節(jié)考慮得非常周到，無論是影評/書評/樂評的下拉浮層，還是社區(qū)動態(tài)的評論彈層，都支持瀏覽定位。從哪離開，就打哪回來，不浪費用戶一分一秒。
三、設(shè)計反思
這種在APP常規(guī)頁面里蓋樓的思維，似乎是一種破局的體驗創(chuàng)新模式，同時少不了開發(fā)、運營、審核等對應(yīng)的資源支撐。
以往是主頁頂部下拉進(jìn)入二樓，以后可能會出現(xiàn)但凡是內(nèi)容運營、內(nèi)容包裝、場景營銷等不涉及邏輯跳轉(zhuǎn)的頁面，都紛紛蓋起loft，用有限的物理像素承載內(nèi)容。
雖然有輕微打擾用戶在傳統(tǒng)的單層頁面中瀏覽的固有體驗，但確實增加了信息觸達(dá)用戶的入口，并在特定場景中可以實現(xiàn)層與層信息之間的聯(lián)動，形成多維認(rèn)知，讓這個本身學(xué)習(xí)成本不高的交互行為，深入人心。
作為體驗設(shè)計師，看到這樣的交互創(chuàng)新非常心怡，希望能看到loft這個概念在未來更多的衍生形態(tài)。
本文由 @賞酒二兩 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自 Unsplash，基于CC0協(xié)議
贊~