国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導(dǎo)語(yǔ)：LOFT式交互結(jié)構(gòu)逐漸變得常見(jiàn)，那么這一交互結(jié)構(gòu)有哪些優(yōu)勢(shì)？一方面，這一交互結(jié)構(gòu)給用戶帶來(lái)了新鮮感，解除了用戶疲勞；另一方面，這一交互結(jié)構(gòu)也能一定程度上實(shí)現(xiàn)層級(jí)聯(lián)動(dòng)。本篇文章里，作者就LOFT式交互做了分析，一起來(lái)看一下。

還不知道什么是LOFT結(jié)構(gòu)的，可以查看我上一篇：百度竟然在APP里做起了空間設(shè)計(jì)？

最近在淘寶特色頻道和BOSS直聘也看到了同樣的結(jié)構(gòu)，可以隱約感覺(jué)到這種交互結(jié)構(gòu)逐漸成為主流設(shè)計(jì)趨勢(shì)的可能性。按照慣例，我們來(lái)逐步拆解分析一下該結(jié)構(gòu)對(duì)于產(chǎn)品/業(yè)務(wù)的價(jià)值增益。

一、信息架構(gòu)展平

以往界面在認(rèn)知層面構(gòu)建和用戶價(jià)值滲透之間，往往需要層級(jí)跳轉(zhuǎn)，跳轉(zhuǎn)就必然帶來(lái)操作成本和轉(zhuǎn)化漏損。

LOFT結(jié)構(gòu)針對(duì)該問(wèn)題進(jìn)行了框架層的全局調(diào)優(yōu)，在一個(gè)頁(yè)面中說(shuō)了三件事：我是誰(shuí)？我有什么？你能在我這做什么？極致壓縮了產(chǎn)品/服務(wù)的觸達(dá)路徑，和用戶的決策路徑。

二、層級(jí)聯(lián)動(dòng)，決策提效

我們?cè)诓蛷d點(diǎn)菜都會(huì)有這個(gè)體驗(yàn)：落座之后打開(kāi)點(diǎn)評(píng)去查看這家店的人氣top10菜品，然后喊服務(wù)員過(guò)來(lái)點(diǎn)單。

其中查看推薦榜單可以實(shí)時(shí)影響我們的下單決策，這是一種聯(lián)動(dòng)體驗(yàn)。

LOFT結(jié)構(gòu)亦如此，用戶在心智層（底層）捕獲的內(nèi)容可以實(shí)時(shí)影響其在決策層（浮層）的行為，比如在BOSS直聘浮層瀏覽職位時(shí)聯(lián)想到某些信息，促使用戶返回底層去查詢關(guān)聯(lián)信息，再回到浮層進(jìn)行二次篩選；或在豆瓣影評(píng)浮層中看到某些細(xì)節(jié)時(shí)，回到底層去搜索相關(guān)電影介紹，再返回浮層繼續(xù)瀏覽。

三、布局創(chuàng)新，提升用戶愉悅感

傳統(tǒng)的縱向堆疊式布局，易引起失焦和感官疲勞。LOFT結(jié)構(gòu)帶來(lái)的差異化創(chuàng)新體驗(yàn)可以緩解疲勞感，且由于底層和浮層兩種空間形態(tài)各司其職，使整體頁(yè)面的表達(dá)有重點(diǎn)有層次，頁(yè)面豐富性相比傳統(tǒng)布局大大提升，提升用戶愉悅度。

愉悅度的提升會(huì)直接帶來(lái)頁(yè)面瀏覽時(shí)長(zhǎng)的增長(zhǎng)，提高產(chǎn)品/服務(wù)觸達(dá)概率，間接利于運(yùn)營(yíng)轉(zhuǎn)化。

上一篇發(fā)出后，立馬有同學(xué)提問(wèn)：像淘寶商詳頁(yè)的評(píng)價(jià)區(qū)，是不是可以整個(gè)模塊做成LOFT浮層，嵌入商詳頁(yè)做成類(lèi)似的結(jié)構(gòu)？解決了看評(píng)價(jià)每次都要跳轉(zhuǎn)的問(wèn)題。

乍看之下想法挺好，但從產(chǎn)品邏輯層面推導(dǎo)，該場(chǎng)景下LOFT結(jié)構(gòu)缺乏合理性。

原因1：商詳頁(yè)的核心目標(biāo)是引導(dǎo)下單購(gòu)買(mǎi)，因此本身就是非常需要圖文、視頻多元信息去表達(dá)商品的重營(yíng)銷(xiāo)陣地，需要給予相當(dāng)?shù)钠琳急?，不適合再出讓空間給到L評(píng)價(jià)區(qū)浮層。加之運(yùn)營(yíng)活動(dòng)期間平臺(tái)和商戶會(huì)上線各種促銷(xiāo)banner、notice bar，導(dǎo)致原本擁擠的頁(yè)面更加捉襟見(jiàn)肘。

原因2：商詳頁(yè)底部具有最高優(yōu)先級(jí)的操作通欄，如評(píng)價(jià)區(qū)浮層與通欄并存，則兩者占據(jù)的高度基本覆蓋了大拇指的便捷操作區(qū)，導(dǎo)致上滑瀏覽商品圖文詳情的有效距離縮短，影響信息捕捉效率。且由于與通欄并列布局，拉起評(píng)價(jià)區(qū)浮層的動(dòng)作極容易引發(fā)誤觸操作，嚴(yán)重影響商品瀏覽體驗(yàn)。

原因3：商品評(píng)價(jià)區(qū)也是圖文、視頻傳播的多維內(nèi)容陣地，附帶的信息量并不少于商詳頁(yè)本身，如將兩者結(jié)構(gòu)層級(jí)拍平會(huì)導(dǎo)致整個(gè)頁(yè)面信息量過(guò)載，失去重心和對(duì)比度，影響用戶構(gòu)建產(chǎn)品心智。

以上，我認(rèn)為商詳頁(yè)場(chǎng)景并不適合LOFT式結(jié)構(gòu)的交互改造。

那什么樣的場(chǎng)景適用于該結(jié)構(gòu)呢？我們可以看一下百度百科小程序、豆瓣影評(píng)、BOSS直聘公司詳情、淘寶特色頻道這幾個(gè)產(chǎn)品的特征。

1）百度百科里底層內(nèi)容從屬于浮層

底層側(cè)重于對(duì)于明星/地點(diǎn)的圖文、視頻包裝，用直觀的內(nèi)容快速構(gòu)建用戶心智；浮層即原本的結(jié)構(gòu)化詞條釋義，提供最基礎(chǔ)的信息查閱功能，浮層不支持瀏覽位置記憶。插一句，百科或許未必適合這種交互，看最新版已經(jīng)把浮層占比大大提高，而且頂邊加了上滑引導(dǎo)，估計(jì)是收到了大量負(fù)面反饋。

2）豆瓣里影評(píng)和討論屬于電影關(guān)聯(lián)信息

底層是對(duì)電影評(píng)分、劇情、演職員、預(yù)告/花絮、短評(píng)等簡(jiǎn)介，甚至包含了選座購(gòu)票的場(chǎng)景化衍生功能；浮層是影評(píng)和討論，邏輯上影評(píng)也屬于電影關(guān)聯(lián)信息，因而底層下滑到底可以拉起影評(píng)浮層。從屬內(nèi)容的前置曝光——復(fù)雜的嵌套式拓?fù)浣Y(jié)構(gòu)在前端被簡(jiǎn)化。

3）BOSS直聘里JD列表從屬于公司詳情

底層是對(duì)公司發(fā)展沿革、業(yè)務(wù)、工商等基礎(chǔ)信息的介紹，甚至包含員工在社區(qū)發(fā)表的工作感受，以主客觀的信息構(gòu)建用戶心智；浮層即職位列表，也是用戶到達(dá)該頁(yè)面的核心目標(biāo)聚焦區(qū)域。BOSS比較好的一點(diǎn)在于，下滑瀏覽底層內(nèi)容的時(shí)候，底部的小塊浮層會(huì)隱去，不干擾沉浸式瀏覽，且浮層支持瀏覽位置記憶。

4）淘寶特色頻道里導(dǎo)購(gòu)模塊屬于SKU頻道

底層是為對(duì)應(yīng)頻道構(gòu)建產(chǎn)品心智的核心區(qū)域，幫助用戶在第一時(shí)間捕捉不同頻道的差異性，給用戶傳遞專(zhuān)屬感，甄選行業(yè)最核心的運(yùn)營(yíng)優(yōu)質(zhì)內(nèi)容進(jìn)行展現(xiàn)（摘自淘寶設(shè)計(jì)公眾號(hào)）；浮層整合了所有導(dǎo)購(gòu)模塊，形成高集中度的轉(zhuǎn)化區(qū)域。因?qū)з?gòu)非內(nèi)容傳播類(lèi)，底層和浮層的內(nèi)容多不需要聯(lián)動(dòng)觀察，浮層也可以舍棄瀏覽位置記憶的功能點(diǎn)。

其他一些諸如導(dǎo)航、打車(chē)、外賣(mài)類(lèi)產(chǎn)品界面也會(huì)采用地圖層+功能浮層的類(lèi)似結(jié)構(gòu)，但由于浮層的內(nèi)容側(cè)重相關(guān)推薦和付費(fèi)運(yùn)營(yíng)，與地圖層非強(qiáng)關(guān)聯(lián)，在信息架構(gòu)上并非從屬關(guān)系，與上文的LOFT案例存在差異，大家在研究&設(shè)計(jì)的時(shí)候須重點(diǎn)區(qū)分。

本文由 @賞酒二兩 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于CC0協(xié)議