如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

藍設(shè)計( www.dzxscac.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

天氣類界面欣賞！

藍設(shè)計( www.dzxscac.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

常見的頁面跳轉(zhuǎn)方式有直接跳轉(zhuǎn)、左右跳轉(zhuǎn)、上下跳轉(zhuǎn)等，再設(shè)計時需要考慮好其中的關(guān)聯(lián)性，給出最符合用戶心理預(yù)期的過渡方式，從而做出最合適的設(shè)計。

頁面跳轉(zhuǎn)在APP中屬于最常見，也是最基礎(chǔ)的一個交互細節(jié)點。

我們常見的跳轉(zhuǎn)方式：直接跳轉(zhuǎn)、左右跳轉(zhuǎn)、上下跳轉(zhuǎn)、翻轉(zhuǎn)、聯(lián)動；其它酷炫的效果我們看過很多，但是現(xiàn)實中能做到的又有幾個呢？

先講一下：視覺順序

首先我們看一下，我們的視覺順序「閱讀順序」是：左→右，上→下。因此延伸出目前APP最常見的兩種頁面跳轉(zhuǎn)方式：左右跳轉(zhuǎn)，上下跳轉(zhuǎn)。

直接跳轉(zhuǎn)

最原始、最簡單的跳轉(zhuǎn)方式，web端常見，在APP中出現(xiàn)較少，標簽切換常見，這個比較簡單，沒什么講的。

常用于快速開發(fā)，Android中常用。

實現(xiàn)難度：無；

維護成本：無。

左右跳轉(zhuǎn)

最常見的跳轉(zhuǎn)方式。（ios原生效果）

實現(xiàn)難度：簡單 ；

維護成本：低；

運用場景：夫級→子級→子子級，依次類推。

常用場景：

1. 對應(yīng)功能的展開：常以導(dǎo)航形式的存在，如美團首頁的美食、電影、住店等分流入口。
2. 對于內(nèi)容的展開：如聊天列表>聊天窗；文章列表>到文章詳情。
3. 對于活動廣告的展開：banner圖廣告、彈窗廣告等，比較常見。

這里有個細節(jié)要注意，就是我們的返回鍵在左上角，也就養(yǎng)成了用戶一種習(xí)慣，左上角的鍵，與點擊之后的效果，往往就應(yīng)該是頁面從右側(cè)退出的樣子，與進入時反向的效果。

這也是為什么大部分APP不會把入口按鈕放在左上角的原因。

那么左上角這個位置，除了給返回鍵當做固有的位置外。還常常用于抽屜式導(dǎo)航，因為抽屜式導(dǎo)航的方向，與返回時的移動方向是一致的。常見抽屜式導(dǎo)航APP如：滴滴打車、摩拜單車等。

上下跳轉(zhuǎn)

相對于左右跳轉(zhuǎn)，上下跳轉(zhuǎn)就比較難理解了。

實現(xiàn)難度：簡單 ；

維護成本：低。

這種跳轉(zhuǎn)方式也很常見，但是大部分人不清楚什么時候用，這里我們簡單分析下。

運用場景：

1. 對當前頁面創(chuàng)建新的條目時；

2. 獨立啟動的一個子內(nèi)容。（如小程序：微信/支付寶等）

比如我們在微信聊天頁，發(fā)起一個聊天的時候：

還有我們新添加群人員時，新建筆記本時，新建地址時等。

我們用微信聊天頁面在舉例：點擊＋號離的內(nèi)容時：圖片、拍照、位置、紅包、收藏等，都是采用下到上的方式呈現(xiàn)，因為這些創(chuàng)建都是對當前聊天窗口一次性產(chǎn)生內(nèi)容。（大家可以去感受一下這些細節(jié)）

下面我們看下百度的設(shè)置>地址管理>添加地址：左右>左右>上下。

翻轉(zhuǎn)

實現(xiàn)難度：中等；

維護成本：低；

運用場景：完全切換內(nèi)容，換到一個全新的內(nèi)容集合里。

常見的有平安好醫(yī)生中間的按鈕，一級大姨媽APP中間的商城。

聯(lián)動性

實現(xiàn)難度：高 ；

維護成本：高；

運用場景：元素之間從上級到下級關(guān)聯(lián)性強。

如APP store 每日推薦到介紹頁。類似的還有Behance APP的作品展示。國內(nèi)APP很少有這種聯(lián)動效果，因為一旦頁面結(jié)構(gòu)改變，整個效果基本無法復(fù)用。

類似于這種強聯(lián)動，我們會在很多概念設(shè)計稿中看到，但是在實際的APP是很少見到的。因為開發(fā)成本/維護成本都很高。

搜索頁面打開

這里強調(diào)一下搜索頁面。搜索頁面的進入往往有兩種形式。一直是icon做入口，另一種是搜索框做入口。

icon做入口：更像是上下級關(guān)系，常用左右跳轉(zhuǎn)來實現(xiàn)。比如：抖音。

搜索框做入口：點擊就給與獲取光標的感知，所已做好做簡單的聯(lián)動過渡效果。比如：微信、云音樂。

其它方式

關(guān)于其它方式，基本上只有極個別的APP中可以看到。

其它的方式，要結(jié)合實際的情況來考究。一定要注意關(guān)聯(lián)性。比如微信新出的浮動展開效果，因為元素要浮動，為了更加貼合所以有了收縮的效果。

結(jié)語

形式上其實就是上下左右內(nèi)外。考慮好之間的關(guān)聯(lián)性，給出最符合用戶心理預(yù)期的過渡方式，就可以幫助我們找到最合適的設(shè)計。

藍藍設(shè)計( www.dzxscac.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

UXRen

打造有價值產(chǎn)品的首要規(guī)則是，它應(yīng)該對某些人有真正的使用價值。也就是說，一個真實的人(或許多個人)會因為你的工作而解決了某些問題或?qū)崿F(xiàn)了某些需求。

這個道理是顯而易見的，但是，如果你去聽一聽這些產(chǎn)品設(shè)計們的日常用語，就會發(fā)現(xiàn)，在日常生活中，我們不常這樣說。

反而，在語言交流中，設(shè)計師經(jīng)常會“走捷徑”。有時會直接使用行業(yè)語言或?qū)＜倚g(shù)語來提高表達度，但大多數(shù)情況都是為了避免廢話。

舉例來講：

• 我們要如何增加用戶對這種功能的使用？
• 為什么這兩方面看起來不夠統(tǒng)一？
• 這里的點擊率這么低，可能我們太過強調(diào)了。
• 我感覺這里干擾信息太多了，要怎么解決這個問題？
• 這個設(shè)計需要更多“呼吸空間（留白）”。
• 我們應(yīng)該將這點設(shè)計地更簡潔一些。
• 這一指標需要提升，現(xiàn)在的曲線走向并不理想。

想象一下，當用戶聽這些話時，他們能相信我們的最終目的是為他們創(chuàng)造價值嗎？

當然，我們在使用語言捷徑時，其實是在把我們腦海中的各個點連接起來，這種基于對內(nèi)容的理解，在腦海中將一個概念與另一個概念聯(lián)系起來的思考方式——就像是火車在有序的系統(tǒng)中飛馳而過，直到停留在人們期待的站臺上一樣。

但在實際交流中，有可能出現(xiàn)兩種完全預(yù)料不到的結(jié)果：

第一種情況是，當與一個認知和你不太一致的人交流時，你認為重要的事情，對方有可能完不理解為什么這樣。

比如說，作為一個設(shè)計師，當我說“為什么這些東西不一致”的時候，我自己的邏輯是這樣的：

不夠一致=> 這些東西雖然看起來很像，但當點擊的時候，可能有人會選A，也有人會選B=>這就會使用戶困惑，并且影響他們從我們構(gòu)建的內(nèi)容中獲得最大的價值。

其他精通設(shè)計語言的人，一般而言都會跟我一樣的思考問題。比如，讓東西“簡潔”其實是指讓它專注于最重要的點，以便人們能一眼就知道如何使用它。讓界面“可以呼吸”則是指讓人們在閱讀或者瀏覽時能更輕松愉悅。

但如果你并沒有建立這些認知連接，你可能會不解：一致性、簡潔性和可呼吸空間為什么這么重要呢，這些價值觀看起來是不是有點隨意？而且這些疑惑有可能是對的，為了一致性而保持一致也許并沒有必要。如果這世上沒有人會對兩個看起來相似但反應(yīng)不同的事物感到困惑的話（假設(shè)開發(fā)成本投入不算很大的話），那么這不會是一個問題。

許多工程師和產(chǎn)品經(jīng)理跟我講過，關(guān)于“一致性”的討論經(jīng)常意見很難統(tǒng)一，但當我說“目標是讓用戶感覺沒有困惑”時，爭議就不存在了。

使用“語言捷徑”的第二個意想不到的后果是，我們有可能會忽視真正的最終目標。你看待問題的方式和角度會更多地從公司出發(fā)而不是用戶真正面臨的問題。

舉個例子，我們要如何提高這一功能的使用率？這可能并不是任何一個你的用戶會關(guān)心的問題，在討論這一問題的時候，你有可能會開始從公司角度思考解決方案，比如讓功能更顯眼，不斷提醒用戶這一功能的存在等。

但其實這些做法只有在強調(diào)的功能的確很重要的時候，才會起作用。但如果這一功能的使用率本來就低，那么更有可能說明這一功能對用戶而言沒那么重要。如果你沒有真正以人為中心來思考問題，很難發(fā)現(xiàn)這一點。

歸根結(jié)底，雖然語言只是一個小的方面，但我相信它是非常重要的。多關(guān)注一點在工作時使用的談話方式，如果你是為人設(shè)計的，那么請用人們更熟悉的語言。

舉例來講：

• 我們要如何增加用戶對這個功能的使用？=> 是什么讓這個功能對人們更有價值？
• 為什么這兩方面不夠統(tǒng)一？=> 讓我們確保，用戶不會因為這兩個看起來相似但有不一樣功能的東西而感到困惑。
• 點擊率真的很低，可能是因為強調(diào)得不夠。=> 人們可能會意識不到這個功能的存在，因為這實在太容易被忽略了。
• 我們發(fā)現(xiàn)很多用戶流失，我們該怎么辦？=> 那些試用過我們產(chǎn)品的用戶不會再回購，為什么會這樣呢？
• 這個設(shè)計需要更多的呼吸空間。=> 用戶閱讀瀏覽信息的體驗應(yīng)該更輕松、愉悅。
• 我們應(yīng)該將這點設(shè)計地更簡潔一些。=> 用戶應(yīng)該能在第一眼就注意到最重要的信息，并知道他們應(yīng)該做什么。不該用過多的選擇給用戶壓力。
• 這一指標需要提升，現(xiàn)在的曲線看起來并不理想。=> 我們的產(chǎn)品還沒能讓用戶覺得足夠有用，從而進一步回購，所以我們應(yīng)該提升我們所提供的價值。

• 藍藍設(shè)計( www.dzxscac.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

  
  

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

該報告是百度人工智能交互設(shè)計院基于過去一年多對AI領(lǐng)域前沿技術(shù)、產(chǎn)品和設(shè)計的深入研究和洞察，結(jié)合產(chǎn)業(yè)界和學(xué)術(shù)界的經(jīng)驗探析而來。AI賦能的人機交互革新了大眾的生活形態(tài)，未來，AI加持的人機交互模式又會呈現(xiàn)出什么樣的態(tài)勢呢？

《報告》從“人機交互介質(zhì)”、“交互對象”、“AI應(yīng)用場景”、“人機關(guān)系”等方面總結(jié)了AI人機交互的八大趨勢。

趨勢一：語音交互技術(shù)進步，更趨向人類自然對話體驗

研究公司Ovum預(yù)測稱，到2021年，地球上的語音助手的數(shù)量會和人類一樣多，人們會越來越傾向于向語音助手尋求情感上的幫助。在AI人機交互中，語音交互技術(shù)在用戶終端上的覆蓋最為廣泛。

以智能音箱為例，有數(shù)據(jù)顯示，2018年全球智能音箱市場同比增長200%。其中，中國智能音箱市場增速達到罕見的5370%。谷歌、亞馬遜、蘋果等全球巨頭企業(yè)均加速了用語音交互技術(shù)開啟大眾智能生活的步伐。截止2018年12月31日，搭載百度對話式人工智能操作系統(tǒng)DuerOS的智能設(shè)備激活量也已超2億。

目前，語音交互技術(shù)已經(jīng)加速在智能家居、手機、車載、智能穿戴、機器人等行業(yè)的滲透和落地。《報告》指出，未來隨著語音技術(shù)的不斷完善，語音交互的自然度將進一步提升，并愈加趨向人類自然對話的體驗。具體表現(xiàn)為：語音交互將從機械的單輪對話進階到更流暢的多輪對話；合成語音更自然、真實，接近真人水平；語音交互具備聽覺選擇能力，提升多人對話體驗；語音交互將支持多種方言，并針對細分群體進行差異化設(shè)計。

趨勢二：人臉、手勢等通道更多出現(xiàn)在產(chǎn)品中，多通道融合交互成為主流交互形式

媒介學(xué)家雷吉斯·德布雷（Régis Debray)曾提出：“技術(shù)能實現(xiàn)不同區(qū)域里不同文化的人之間的連接”。隨著技術(shù)的發(fā)展，人與人之間的連接早已不成問題。當前，AI技術(shù)更是拓展了人與智能體交互的通道。除語音交互外，計算機視覺技術(shù)的發(fā)展已使得智能體實現(xiàn)了通過識別人臉、指紋、面部表情、肢體動作等人體信息，而更加快捷多元地與人類進行交互。但是不同的交互通道在有其獨特優(yōu)勢和場景適用性外，也有一定的局限性。

《報告》認為，未來，人與智能體的交互將融合語音、人臉、手勢、生理信號等多種方式，為人類打開更多的交互空間和應(yīng)用場景。具體表現(xiàn)為：人臉檢測及識別聚集更細維度的面部特征，拓展更多的交互空間和場景；空中手勢交互將成為新熱點；觸控、語音、手勢、人臉最有可能成為多通道融合的主流通道；生理信號、觸覺、嗅覺等也將成為輔助通道融入多通道交互中。

趨勢三：智能體開始擁有明確的人設(shè)

近期，明星“人設(shè)”崩塌已成大家茶余飯后的熱門話題。但是你想過，智能體也將擁有明確的“人設(shè)”么？《報告》認為，未來，用戶可以更加明顯地感知到智能體鮮活的“人設(shè)”。

所謂智能體的“人設(shè)”是指，用戶在與智能體的互動過程中，根據(jù)感知到的綜合特征推斷出一種具有一致性的角色形象，一般由性格（如外向、善良等）、關(guān)系（如助手、朋友等）和基本屬性（如性別、年齡等）構(gòu)成。《報告》指出，目前，智能體人設(shè)的設(shè)計和表達主要聚焦在語音（如音色、語調(diào)等）和語言層面（如表達方式），并且通常局限在部分場景、部分話術(shù)上，缺少一致性和全局感。

《報告》提出，未來，智能體人設(shè)將從語音、產(chǎn)品外觀、虛擬形象等多維度進行設(shè)計，甚至聘用編劇設(shè)計具有統(tǒng)一形象特點的話術(shù)，利用混合現(xiàn)實（MR）、全息投影等技術(shù)將人設(shè)具象化，讓用戶在不同場景下均感受到智能體一致、明顯的人設(shè)特征。換句話說，未來，智能體的人設(shè)會具有很明顯的特征，但不會輕易崩塌。

此外，《報告》還認為，打造用戶喜愛的人設(shè)也將成為企業(yè)在市場競爭中形成差異化、吸引更多用戶的重要方式。

趨勢四：智能體在被動交互外，開始出現(xiàn)主動交互行為

技術(shù)的發(fā)展雖然革新了我們的生活方式，但是長久以來，人機交互一直延續(xù)著人類“輸入”，機器“反饋”的循環(huán)模式，人類始終是主動的，機器始終是被動的。

《報告》認為，人工智能賦予了機器情境感知和自主認知能力，使我們有機會構(gòu)建機器主動服務(wù)于人的交互模型。智能體出現(xiàn)主動交互行為的具體表現(xiàn)為：主動交互越來越“貼心”；主動交互在“家”和“車”的場景下率先商用落地；主動交互將提升公共場景下人機協(xié)同的效率。

趨勢五：智能體開始擁有情感判斷及反饋智能

2014年在北美上映的動畫片《超能陸戰(zhàn)隊》中的機器人大白，以對主人公關(guān)懷備至的暖萌形象收獲了大批影迷的喜愛。觀影后的每個人都希望自己能夠擁有一臺如大白一樣忠心耿耿又溫柔體貼的機器人。令人欣喜的是，具有情感判斷和應(yīng)對能力的智能體正逐漸成為現(xiàn)實。

過去20年，在人機交互中，機器基于表情、文本等方式的的情感識別能力已有很大的提升。目前市面上出現(xiàn)的如情感陪護機器人、智能音箱、智能汽車等已經(jīng)初步具備一些情感識別能力，可以根據(jù)不同的場景、對象，進行適當?shù)那楦薪换ァ?

《報告》指出，未來，情感計算技術(shù)的提升及硬件升級將賦予智能體在“視”“聽”等方面更強的情感識別能力；同時智能體對于人類思維理解、情景理解能力也將更加完善，情感交互能力將更智能、更體貼。

趨勢六：AI對特定人群的關(guān)懷得到快速發(fā)展和應(yīng)用

人機交互的發(fā)展為兒童、老人、殘障人士等群體更便捷地利用機器獲得服務(wù)，提供了充分可能。當前市面上已經(jīng)出現(xiàn)大量針對兒童教育的AI產(chǎn)品。搭載DuerOS的小度智能音箱也針對以兒童為中心的家庭語音互動需求，特別開發(fā)了兒童語音識別引擎，并定制兒童語音播報音色及對話邏輯，陪伴兒童一起成長。在養(yǎng)老領(lǐng)域，為老人提供陪聊、提醒等陪護服務(wù)的智能產(chǎn)品也被AI企業(yè)提上了日程。此外，少數(shù)AI產(chǎn)品也開始專注殘障、病患等更加細分的人群，如2018年11月，百度推出了AI眼底篩查一體機，幫助患者快速篩查眼底疾病，為基層醫(yī)療帶去了極大的便利。

《報告》提出，未來，AI對人類的關(guān)懷將得到快速發(fā)展和應(yīng)用，覆蓋更加細分的人群和更深入的場景。為兒童，AI將從易于交互到提供心智陪伴的服務(wù)；為老人，AI將縮小他們與科技的鴻溝，助推他們開啟品質(zhì)生活；為感官殘障人士，AI將幫助他們重獲對世界的立體感知；為特殊疾病人群，AI將提供預(yù)測、診斷和康復(fù)服務(wù)。

趨勢七：智能設(shè)備互聯(lián)互通，多場景銜接

以BAT為首的互聯(lián)網(wǎng)企業(yè)，在2018年紛紛調(diào)整組織架構(gòu)，轉(zhuǎn)向To B。巨頭重提產(chǎn)業(yè)互聯(lián)網(wǎng)戰(zhàn)略成為當前市場新現(xiàn)象。此現(xiàn)象背后，正是AI、5G、云計算等新興技術(shù)的發(fā)展與升級。2018年的政府工作報告，進一步強調(diào)了“產(chǎn)業(yè)升級的人工智能應(yīng)用”。“產(chǎn)業(yè)化”和“應(yīng)用化”成為未來幾年人工智能的兩大發(fā)展方向。

《報告》指出，隨著AI技術(shù)的進一步成熟和落地，及其與大數(shù)據(jù)、IoT的結(jié)合，AI將從單品智能、獨立場景到互聯(lián)智能，場景融合進階。智能設(shè)備將互聯(lián)互通，場景將進一步融合，實現(xiàn)多場景銜接；VR/AR將促進線上和線下、虛擬和現(xiàn)實的聯(lián)結(jié)，未來，VR會加速拓展到更多的產(chǎn)業(yè)和實體，AR中的現(xiàn)實與虛擬將從簡單疊加到有機融合，實現(xiàn)用戶可以源自自然意識進行人機互動。

趨勢八：人機開始走向深度協(xié)同，信任構(gòu)建成為首要突破點

2018年6月，百度研究院發(fā)布并開源“神經(jīng)條件隨機場”的AI算法。該算法擁有強大的腫瘤病理切片檢測能力，可以大幅提升醫(yī)生閱讀病理切皮的效率和準確率。人機協(xié)同即，通過人工智能增強人類智能，讓人工智能成為人類智能的自然延伸和擴展。

目前，人機協(xié)同已在工業(yè)領(lǐng)域初步實現(xiàn)，而隨著智能體從工業(yè)生產(chǎn)領(lǐng)域向商業(yè)服務(wù)、社會服務(wù)和家居服務(wù)領(lǐng)域拓展，人機將走向深度協(xié)同。《報告》認為，人機深度協(xié)同可以最大化發(fā)揮雙方優(yōu)勢，實現(xiàn)合作共贏。

而人們對AI的信任，是智能體全面進入人類工作和生活，實現(xiàn)真正人機協(xié)同的前提。即，信任構(gòu)建成為了實現(xiàn)人機深度協(xié)同的首要突破點。與此同時，AI倫理道德將更加細化，成為所有從業(yè)者需遵守的行業(yè)準繩。AI行業(yè)的發(fā)展在帶給大眾便利生活之時，避免算法歧視、保護人類隱私、尊重人類價值等也變成了從業(yè)者們亟需重視的問題。

最后，《報告》指出，AI時代的人因工程是一個真正的系統(tǒng)工程。而每個人機交互行業(yè)的從業(yè)者都需要擁有AI思維。最重要的是，中國的人機交互設(shè)計和研究者們將首次和發(fā)達國家站在同一起跑線上，我們有機會去定義這些體驗標準，而不再是追隨或遵守。

AI時代大門緩緩開啟，屬于中國和中國企業(yè)引領(lǐng)世界前沿的新時機已到來。

藍藍設(shè)計( www.dzxscac.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

分享車內(nèi)交互界面設(shè)計

藍設(shè)計( www.dzxscac.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計