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

最近在討論其他童鞋的設(shè)計(jì)方案時(shí)，發(fā)現(xiàn)兩個(gè)共性問(wèn)題——操作結(jié)果有一定的界面暗示，但不太符合用戶的直覺(jué)預(yù)期。因此，我歸納總結(jié)了這條設(shè)計(jì)法則：為顯性信息設(shè)計(jì)響應(yīng)，進(jìn)行設(shè)計(jì)優(yōu)化。

最近在討論其他童鞋的設(shè)計(jì)方案時(shí)，發(fā)現(xiàn)兩個(gè)共性的問(wèn)題，都是操作結(jié)果有一定的界面暗示，但不太符合用戶的直覺(jué)預(yù)期。因此，我歸納總結(jié)了這條設(shè)計(jì)法則：為顯性信息設(shè)計(jì)響應(yīng)，以此來(lái)建議他們進(jìn)行設(shè)計(jì)優(yōu)化，也希望這條法則能對(duì)你的設(shè)計(jì)有所啟示。

【為顯性信息設(shè)計(jì)響應(yīng)】這條法則的涵義是：為界面上用戶主觀視覺(jué)最容易獲取到的信息優(yōu)先設(shè)計(jì)響應(yīng)。

原因在于，我們的界面布局其實(shí)是會(huì)影響用戶的認(rèn)知的，當(dāng)界面設(shè)計(jì)確定以后，信息的主次關(guān)系也就確定了，用戶的視覺(jué)流和對(duì)界面的視覺(jué)印象也隨之形成。當(dāng)用戶對(duì)一個(gè)界面采取手勢(shì)或全局操作時(shí)，我們應(yīng)優(yōu)先響應(yīng)用戶操作位置上最醒目的界面暗示，并給出與界面暗示相一致的操作反饋，這樣才更符合大多數(shù)用戶的預(yù)期。

（PS：在我明確了這條原則的含義后，我翻閱核對(duì)了《設(shè)計(jì)的125條通用設(shè)計(jì)法則》，及我之前整理的《設(shè)計(jì)師專業(yè)表達(dá)指南——法則篇》確實(shí)沒(méi)有找到對(duì)應(yīng)的法則來(lái)概括，如果大家有已知的相似法則，請(qǐng)留言告訴我喲~~）

下面我們來(lái)看看這兩個(gè)案例：

案例一：手勢(shì)響應(yīng)

Page1：小米瀏覽器海外版首頁(yè)

在講述項(xiàng)目背景之前，我先請(qǐng)你仔細(xì)觀察一下這個(gè)頁(yè)面，然后回答我的問(wèn)題：如果讓你在這個(gè)頁(yè)面，用手指向左滑動(dòng)，你會(huì)期待頁(yè)面發(fā)生什么樣的反饋？

·請(qǐng)先觀察3秒鐘，看一看你的直覺(jué)反饋是怎樣的？……

按照大多數(shù)人的反饋，向左滑動(dòng)頁(yè)面，都會(huì)期待新聞Tab從當(dāng)前的For you，變成Video。因?yàn)檫@是移動(dòng)端系統(tǒng)對(duì)于多tab非常典型的手勢(shì)操作響應(yīng)，多數(shù)用戶已經(jīng)被培養(yǎng)出來(lái)了這樣的習(xí)慣和預(yù)期。

現(xiàn)在，我們?cè)賮?lái)看看前兩天，項(xiàng)目組A同學(xué)提出的設(shè)計(jì)方案：

為了凸顯新聞信息流的豐富性和多樣性，提升新聞信息流的轉(zhuǎn)化率，A同學(xué)提出：希望直接在首頁(yè)，將無(wú)Tab的新聞信息流變成多Tab的形式（如上圖Page1所示）（她參考的即是小米瀏覽器海外版，所以我直接在這里截圖給大家示意一下）

如果說(shuō)，我們目前的首頁(yè)，左右滑動(dòng)沒(méi)有其他響應(yīng)，我認(rèn)為這個(gè)設(shè)計(jì)是完全OK的。但背景是，我們目前的版本在首頁(yè)是沒(méi)有多Tab的，用戶在首頁(yè)向左滑動(dòng)，可以切換到更多站點(diǎn)頁(yè)（如下圖所示）；再向右滑動(dòng)，又可以回到首頁(yè)。這是一個(gè)雙首屏的設(shè)計(jì)，一直以來(lái)都是依靠用戶左右滑動(dòng)手勢(shì)來(lái)進(jìn)行切換的。

Page2：小米瀏覽器海外版站點(diǎn)頁(yè)

A同學(xué)認(rèn)為，可以仿效小米瀏覽器，直接在首頁(yè)增加多Tab導(dǎo)航欄，然后保持向左滑動(dòng)進(jìn)入站點(diǎn)頁(yè)，再向右滑動(dòng)回到首頁(yè)的設(shè)計(jì)。這樣既可以保持用戶的手勢(shì)操作習(xí)慣，又可以達(dá)到自己引入多Tab新聞的功能目標(biāo)，你覺(jué)得呢？

如果你在前面3秒給出的直覺(jué)反饋，是左右滑動(dòng)頁(yè)面，切換新聞Tab，相信你就會(huì)認(rèn)為這樣的設(shè)計(jì)是有問(wèn)題的。

一直以來(lái)雖然首頁(yè)采用的是雙首屏的設(shè)計(jì)，我們也做過(guò)新手引導(dǎo)，但其實(shí)知道首頁(yè)可以左右滑動(dòng)，并真正會(huì)左右滑動(dòng)切換雙首屏的用戶都是比較少的。

因?yàn)橄鄬?duì)于首頁(yè)豐富而密集的信息來(lái)說(shuō)，底部?jī)蓚€(gè)小點(diǎn)的頁(yè)面指示器的暗示，其實(shí)是在是太微不足道了。如果在此基礎(chǔ)之上，我們?cè)黾恿嗣黠@的新聞多Tab，左右滑動(dòng)切換Tab的界面暗示就太強(qiáng)烈了，畢竟在我們自己瀏覽器的新聞頁(yè)，以及所有的用戶熟知的新聞App，甚至Android設(shè)計(jì)規(guī)范，都是提倡左右滑動(dòng)進(jìn)行Tab切換的。

在如此有這強(qiáng)烈手勢(shì)預(yù)期結(jié)果的情況下，如果只是簡(jiǎn)單地引入多Tab，并保持左右滑動(dòng)手勢(shì)切換首頁(yè)和站點(diǎn)頁(yè)，這樣的設(shè)計(jì)顯然是行不通的。

因?yàn)槎郥ab是一個(gè)非常顯性的信息，而頁(yè)面指示器則是一個(gè)相對(duì)很弱的信息（不知道你在第一次觀察頁(yè)面的時(shí)候是否注意到了？），本著為【顯性信息設(shè)計(jì)響應(yīng)】的設(shè)計(jì)法則，這種直接引入多Tab的設(shè)計(jì)方案顯然是不可取的。

案例二：緩存視頻編輯

Page1：緩存視頻頁(yè)面

在這個(gè)案例中的頁(yè)面是一個(gè)緩存頁(yè)面，用戶到這個(gè)頁(yè)面后，可以看到正在緩存的視頻文件夾，和已緩存完成的視頻列表。如果此時(shí)點(diǎn)擊頁(yè)面右上角的編輯按鈕，你認(rèn)為頁(yè)面會(huì)發(fā)生什么變化呢？

請(qǐng)先設(shè)想3秒鐘，看一看你的直覺(jué)是怎樣的？……

按照系統(tǒng)標(biāo)準(zhǔn)的反饋，應(yīng)該是文件夾和視頻列表左側(cè)同時(shí)出現(xiàn)復(fù)選框，如下圖所示，這也是目前多數(shù)視頻軟件采用的標(biāo)準(zhǔn)處理方式（圖片來(lái)自愛(ài)奇藝下載視頻截圖，請(qǐng)恕我偷懶，沒(méi)有重新繪制上述頁(yè)面）。

Page2：愛(ài)奇藝下載視頻截圖

但是，A童鞋指出，這樣的設(shè)計(jì)存在一個(gè)問(wèn)題：緩存視頻是一個(gè)文件夾，用戶無(wú)法看到具體的正在緩存視頻，無(wú)法做出明確的刪除決策，所以為了用戶刪除的直觀性和便捷性，A童鞋改良了這個(gè)設(shè)計(jì)方案，當(dāng)用戶點(diǎn)擊編輯時(shí)，正在緩存的視頻文件夾會(huì)直接展開(kāi)，所有的正在緩存視頻和已緩存視頻都可以一覽無(wú)余，用戶可以直接針對(duì)任意視頻進(jìn)行編輯（如下圖所示），看起來(lái)這樣的設(shè)計(jì)確實(shí)是為用戶著想，對(duì)不對(duì)？

Page3：正在緩存視頻自動(dòng)展開(kāi)后的編輯頁(yè)面

現(xiàn)在讓我們?cè)倩氐絇age1_緩存視頻頁(yè)面，設(shè)想一下用戶使用這個(gè)頁(yè)面的場(chǎng)景。

在一個(gè)只能看到正在緩存視頻的文件夾（一個(gè)）和已緩存視頻列表（多個(gè)）的頁(yè)面里，用戶點(diǎn)擊編輯，他大概率的意圖是什么？

如果他是想整體編輯正在緩存的文件夾，或者編輯任意一個(gè)已緩存視頻列表，他都可能會(huì)去點(diǎn)擊編輯。

但如果他只是想編輯正在緩存的文件夾中的一個(gè)視頻，而且這個(gè)視頻可能從封面上根本都看不到，那么他還有多大概率會(huì)在這個(gè)界面點(diǎn)擊編輯呢？

從環(huán)境影響人的感知，感知決定人的行為的角度來(lái)說(shuō)，這種情況相對(duì)來(lái)說(shuō)是非常少的，用戶不太會(huì)在一個(gè)看不見(jiàn)某個(gè)元素的界面里，發(fā)起一個(gè)對(duì)這個(gè)元素的操作行為。如果以【為顯性信息設(shè)計(jì)響應(yīng)】這條法則來(lái)看，為一個(gè)折疊的文件夾（隱形的信息）設(shè)計(jì)這樣的反饋，顯然是不可取的。

下面，我們?cè)賮?lái)分析一下上面的改良方案除了不太符合預(yù)期（系統(tǒng)標(biāo)準(zhǔn)反饋）之外，是否會(huì)存在什么其他的問(wèn)題？

如前所說(shuō)，在當(dāng)前的界面暗示中，如果用戶想對(duì)整體正在緩存的文件夾進(jìn)行編輯，或者對(duì)已緩存列表中的幾個(gè)視頻進(jìn)行編輯，用戶都有可能會(huì)點(diǎn)擊編輯按鈕，那么改良的方案會(huì)用戶的操作帶來(lái)什么影響呢？

我們拆分成兩種情況來(lái)看：

第一，如果用戶是想對(duì)整體正在緩存的文件夾進(jìn)行編輯，正在緩存的文件全部展開(kāi)，但卻沒(méi)有一個(gè)全選按鈕，會(huì)導(dǎo)致用戶必須手動(dòng)勾選全部正在緩存的視頻，操作成本增加了好幾倍，對(duì)不對(duì)？

第二，如果用戶是相對(duì)已緩存的某個(gè)（某幾個(gè)）視頻進(jìn)行編輯，點(diǎn)擊編輯按鈕后，因?yàn)檎诰彺嬉曨l的展開(kāi)，會(huì)導(dǎo)致用戶原來(lái)準(zhǔn)備要?jiǎng)h的那幾個(gè)視頻突然移動(dòng)位置，甚至完全消失在用戶的可是范圍之內(nèi)（正在緩存的文件太多，展開(kāi)后超過(guò)一屏）。

顯然，這兩種情況都不是用戶期望的結(jié)果。這樣分析來(lái)看，我們改良后的自動(dòng)展開(kāi)，不僅沒(méi)有達(dá)到更方便用戶便捷的選擇與編輯的初衷，反而給用戶帶來(lái)了額外的認(rèn)知和操作成本。

（更有一種極端情況，用戶只是想刪除某一個(gè)已緩存視頻，然后他通過(guò)長(zhǎng)按操作來(lái)進(jìn)入編輯態(tài)，結(jié)果長(zhǎng)按后，用戶原來(lái)選中的那個(gè)視頻會(huì)突然位移，不再繼續(xù)顯示在用戶長(zhǎng)按的位置上，這會(huì)大大打破用戶的控制感，讓用戶感覺(jué)到不解甚至憤怒。）

那按照目前的情況來(lái)說(shuō)，是不是想要在這個(gè)界面里完成對(duì)某個(gè)正在緩存的視頻的編輯，就完全不能考慮了呢？

筆者認(rèn)為，雖然這種情況出現(xiàn)的概率會(huì)小一點(diǎn)，但還是可以考慮的。畢竟這是一個(gè)全局編輯頁(yè)面，用戶想要在這里同時(shí)實(shí)現(xiàn)對(duì)正緩存視頻和已緩存視頻的全局編輯，我們還是可以滿足的。只是不建議采用自動(dòng)展開(kāi)這樣激進(jìn)的設(shè)計(jì)方式，而是可以大參考系統(tǒng)桌面對(duì)于單個(gè)應(yīng)用和文件夾的處理方式進(jìn)行相應(yīng)的設(shè)計(jì)，聰明如你這樣的設(shè)計(jì)師，是不是也已經(jīng)在心中有答案了呢？（容我在這里繼續(xù)偷個(gè)懶，先不去畫(huà)我的設(shè)想方案了）

今天的兩個(gè)案例就講述完了，你是否也已經(jīng)能理解我所歸納的【為顯性信息設(shè)計(jì)響應(yīng)】的設(shè)計(jì)原則了呢？如果你有更好的設(shè)計(jì)方案，或者想知道我設(shè)想的方案是怎么樣子，歡迎留言一起交流哦~~

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

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