FB設(shè)計(jì)團(tuán)隊(duì)設(shè)計(jì)的一款Gear VR（三星VR設(shè)備）平臺(tái)的全景應(yīng)用過(guò)程總結(jié)，其中包含一些很有價(jià)值的VR實(shí)戰(zhàn)經(jīng)驗(yàn)與設(shè)計(jì)原則。

FB的Immersive設(shè)計(jì)團(tuán)隊(duì)致力于提升人們身臨其境的體驗(yàn)。我們相信脫離了傳統(tǒng)的“容器”來(lái)講述和體驗(yàn)故事可以讓人們與情景和彼此更深入的聯(lián)結(jié)。

我們已經(jīng)在各個(gè)平臺(tái)搭建了360度全景照片與視頻服務(wù)，目前在FB上已經(jīng)有超過(guò)2500萬(wàn)張360全景照片和100萬(wàn)個(gè)全景視頻。盡管有如此多的全景內(nèi)容，然而用戶還是很容易在feed流中錯(cuò)過(guò)這些內(nèi)容。

Facebook 360介紹

過(guò)去的幾個(gè)月，我一直為下一步進(jìn)行設(shè)計(jì)：給予三星Gear VR平臺(tái)的Facebook 360應(yīng)用——使全景照片和視頻更容易被發(fā)現(xiàn)。這是FB第一個(gè)為Gear VR做的媒體應(yīng)用，一個(gè)通過(guò)VR瀏覽360全景照片和視頻的平臺(tái)。

對(duì)于設(shè)計(jì)師而言，移動(dòng)端設(shè)備屏幕上的每一寸空間都是寶貴的資源。為了在小屏幕上做更多的事情，設(shè)計(jì)師在設(shè)計(jì)導(dǎo)航系統(tǒng)的時(shí)候，通常需要花費(fèi)更多的時(shí)間來(lái)打磨。漢堡圖標(biāo)在過(guò)去幾年當(dāng)中，是最常見(jiàn)的一種設(shè)計(jì)策略，導(dǎo)航和選項(xiàng)被隱藏在這個(gè)小小的圖標(biāo)之后，但是實(shí)際上，雖然大眾已經(jīng)習(xí)慣了它的存在，但是它并不是最佳的導(dǎo)航設(shè)計(jì)方案。

在今天的文章當(dāng)中，我們會(huì)探討為什么漢堡菜單這樣的隱藏式導(dǎo)航影響用戶體驗(yàn)，以及可用性更強(qiáng)的替代方案。

為何漢堡圖標(biāo)會(huì)破壞用戶體驗(yàn)

在移動(dòng)端設(shè)備上，我們看到的可見(jiàn)式導(dǎo)航其實(shí)比漢堡圖標(biāo)這樣的隱藏式導(dǎo)航更多，前者大概是后者的2.5倍。

相信很多體驗(yàn)設(shè)計(jì)師在與產(chǎn)品需求方進(jìn)行設(shè)計(jì)提案的時(shí)候會(huì)遇到這樣的情景：

• 你闡述自己的設(shè)計(jì)推導(dǎo)過(guò)程，從產(chǎn)品目標(biāo)分析、問(wèn)題定位、設(shè)計(jì)目標(biāo)分析、設(shè)計(jì)思路闡述這樣的推導(dǎo)下來(lái)，在場(chǎng)的產(chǎn)品經(jīng)理們都點(diǎn)頭，表達(dá)認(rèn)可。
• 但是！當(dāng)?shù)搅嗽O(shè)計(jì)方案環(huán)節(jié)，你把方案放出來(lái)，各位就七嘴八舌挑戰(zhàn)了：￥#@%&*&*
• 這時(shí)候經(jīng)常會(huì)聽(tīng)到這樣一句話：“有沒(méi)有其他更好的方案?。俊?
• 這時(shí)候你是不是會(huì)想，我前面的推導(dǎo)和演繹過(guò)程那么完美那么富含邏輯，推導(dǎo)的肯定是最好的方案啦！

但是哦，這個(gè)時(shí)候，你還是會(huì)感覺(jué)沒(méi)底氣說(shuō)出這句話來(lái)。

于是你最后說(shuō)出一句妥協(xié)的話“好的好的，我回去改一下?！保ǜ魑焕习逦叶悸?tīng)你們的，你們說(shuō)啥就是啥）

專業(yè)度呢？設(shè)計(jì)價(jià)值呢？你的玻璃心要碎了：死了產(chǎn)品經(jīng)理們會(huì)不會(huì)覺(jué)得自己很水很不專業(yè)。

怎么辦？這就是今天想聊聊的主題：“思維框架”理論，讓我們更好地決策和解決問(wèn)題。

語(yǔ)音交互是一個(gè)全新的體驗(yàn)設(shè)計(jì)領(lǐng)域，目前各家機(jī)構(gòu)、公司、設(shè)計(jì)組織還處于摸索設(shè)計(jì)范式的階段，Google提供了一份非常成熟、系統(tǒng)的交互規(guī)范文檔，其中包含了核心概念的詮釋以及諸多可以指導(dǎo)設(shè)計(jì)的實(shí)踐原則。最近正在做的項(xiàng)目中涉及到語(yǔ)音交互的部分，所以順手將這份文檔翻譯出來(lái)，給需要的設(shè)計(jì)師參考。

我的譯文盡量的貼合文檔中原有的表意，同時(shí)基于我個(gè)人對(duì)語(yǔ)音交互的理解對(duì)表達(dá)文字進(jìn)行潤(rùn)色。其中有個(gè)別概念名詞比較抽象，所以我也旁邊附上了英文單詞，以便大家理解。

我們正在進(jìn)入一個(gè)有光明前景的全新計(jì)算領(lǐng)域，機(jī)器學(xué)習(xí)和人工智能激發(fā)著對(duì)話式界面和自然語(yǔ)言的進(jìn)步，同時(shí)使對(duì)話式交互成為一種新的交互模式。

交互思維是什么？網(wǎng)上的搜索結(jié)果大多是一些交互設(shè)計(jì)的方法。但是我這里要講的，是真正做交互設(shè)計(jì)所具備的思維方式。交互設(shè)計(jì)在國(guó)內(nèi)發(fā)展的并不成熟，還有很長(zhǎng)一段路要走。很多人，甚至包括交互設(shè)計(jì)師自身，對(duì)這一工作的性質(zhì)和價(jià)值都未必有足夠的了解。

交互設(shè)計(jì)，聽(tīng)上去是“設(shè)計(jì)”，但是其本質(zhì)和常見(jiàn)的UI和視覺(jué)設(shè)計(jì)相去甚遠(yuǎn)。“交互”指的是人類與機(jī)器之間的溝通，與美學(xué)、界面、按鈕什么的，其實(shí)沒(méi)有半毛錢關(guān)系。領(lǐng)域細(xì)分之前，也許我們考慮的東西越多越好，但是在細(xì)分之后的今天甚至未來(lái)，交互設(shè)計(jì)就要有它不一樣的價(jià)值。

由于目前的大環(huán)境對(duì)這一細(xì)分領(lǐng)域仍舊缺乏了解，所以我希望在這篇文章里，寫幾個(gè)做交互設(shè)計(jì)所需要的思維方式。

1. 先理解什么是業(yè)務(wù)需求、目標(biāo)、目的

1.1 什么是業(yè)務(wù)需求

業(yè)務(wù)需求是企業(yè)為了達(dá)到某些目標(biāo)和某種目的而制定的。它代表著企業(yè)希望下一輪產(chǎn)品的迭代能帶來(lái)什么收益，所以企業(yè)和 PM 在制定需求時(shí)必須謹(jǐn)慎且方向清晰。在工作中，交互要分析拿到的業(yè)務(wù)需求是否合理，所以就要理解在業(yè)務(wù)需求中的一些基本元素：

• 需求定位：產(chǎn)品或用戶，還有企業(yè)戰(zhàn)略
• 需求類型：功能類、數(shù)據(jù)類、設(shè)計(jì)類等
• 重要性：重要、暫不重要

拿到需求首先就要分析，定位是否清晰，屬于技術(shù)類、數(shù)據(jù)類、設(shè)計(jì)類等中的哪一類，篩選所有需求中哪個(gè)更重要，然后再去做相應(yīng)的工作。

1.2 什么是業(yè)務(wù)目標(biāo)

導(dǎo)語(yǔ)

隨著各類App的業(yè)務(wù)功能不斷豐富，小紅點(diǎn)已經(jīng)成為互聯(lián)網(wǎng)從業(yè)者們最常使用的運(yùn)營(yíng)工具之一，每當(dāng)有新的運(yùn)營(yíng)內(nèi)容或新功能上線，大家的做法往往是“在那放個(gè)紅點(diǎn)就行了”。然而簡(jiǎn)單粗暴的形式以及不加節(jié)制的投放，讓小紅點(diǎn)變成了人人厭煩的“小妖精”。本文從設(shè)計(jì)的角度出發(fā)淺談小紅點(diǎn)的一些設(shè)計(jì)細(xì)節(jié)，期望引起大家對(duì)小紅點(diǎn)的關(guān)注，在這里拋磚引玉，也期待感興趣的小伙伴一起探討。

煩人的小紅點(diǎn)

人類似乎天生對(duì)不對(duì)稱，不和諧的事物有厭煩心理，并且想要去糾正這些“錯(cuò)誤”，簡(jiǎn)而言之就是大家平時(shí)所說(shuō)的“強(qiáng)迫癥”。而小紅點(diǎn)則完美利用了這一人性的弱點(diǎn)，它就像白嫩臉頰上長(zhǎng)出的一顆小痘痘，讓人忍住不去要去擠破它。因此，小紅點(diǎn)也成為了一把產(chǎn)品運(yùn)營(yíng)利器，只要投放在某個(gè)業(yè)務(wù)入口，就幾乎沒(méi)有用戶會(huì)對(duì)它熟視無(wú)睹，而當(dāng)用戶忍不住要去輕觸消除它時(shí)，產(chǎn)品側(cè)為業(yè)務(wù)導(dǎo)流的目的也就達(dá)到了。

那么問(wèn)題來(lái)了，用戶喜歡小紅點(diǎn)嗎？在Google和必應(yīng)上搜索關(guān)鍵詞“App 小紅點(diǎn)”，幾乎有一半的搜索結(jié)果是“教你如何消除小紅點(diǎn)”。

在過(guò)去的幾年當(dāng)中，網(wǎng)絡(luò)上所流傳的各種設(shè)計(jì)和開(kāi)發(fā)資源，在素質(zhì)上有明顯的提升。其中有一些已經(jīng)幾乎成為了設(shè)計(jì)師和開(kāi)發(fā)者必備的工具，但是其中絕大多數(shù)由于其應(yīng)用范疇的局限，或者傳播不夠廣，導(dǎo)致它們大多并廣為人知。將這些素材集中到一起，很大程度上是希望它們的目標(biāo)用戶能夠明白，需要這些工具的時(shí)候，上哪兒找。

這次的前端干貨合集內(nèi)容也很齊全，仔細(xì)看看，總能找到幾款你所需要的。

MuzzleApp

表單設(shè)計(jì)中，各種設(shè)計(jì)模式和技巧已經(jīng)越來(lái)越成熟了。在諸多設(shè)計(jì)技巧當(dāng)中，懸浮標(biāo)簽這一設(shè)計(jì)手法，應(yīng)該是對(duì)于用戶體驗(yàn)提升最明顯的一種。早在2013年8月的時(shí)候，我第一次考慮在自己設(shè)計(jì)的表單中運(yùn)用懸浮標(biāo)簽，這個(gè)想法很簡(jiǎn)單，在占位符文本中，借助動(dòng)畫加入一個(gè)圖標(biāo)顯示，確保用戶不會(huì)在填寫過(guò)程中迷失。

不知道大家有沒(méi)有這樣的情況發(fā)生，自己設(shè)計(jì)的作品，“乍一看不怎么樣，仔細(xì)一看，還不如乍一看”！

其實(shí)不耐看，或者不敢放大看的原因都是細(xì)節(jié)做的不到位。

最近在做手機(jī)OS的主題圖標(biāo)，對(duì)細(xì)節(jié)的感觸很大，今天結(jié)合主題圖標(biāo)來(lái)和大家聊聊，我們可以從哪些方面注意自己的設(shè)計(jì)細(xì)節(jié)，大綱如下：

• 給造型加點(diǎn)細(xì)節(jié)
• 多加點(diǎn)質(zhì)感的細(xì)節(jié)
• 不要讓圖標(biāo)看著灰灰的
• 風(fēng)格特點(diǎn)的運(yùn)用

1. 給造型加點(diǎn)細(xì)節(jié)

造型是所有設(shè)計(jì)執(zhí)行的第一步，造型做不好，說(shuō)別的都沒(méi)用。

那如何能給造型加點(diǎn)細(xì)節(jié)呢？

打個(gè)比方，我們要畫一個(gè)圓角矩形：