FB設計團隊設計的一款Gear VR（三星VR設備）平臺的全景應用過程總結，其中包含一些很有價值的VR實戰經驗與設計原則。

FB的Immersive設計團隊致力于提升人們身臨其境的體驗。我們相信脫離了傳統的“容器”來講述和體驗故事可以讓人們與情景和彼此更深入的聯結。

我們已經在各個平臺搭建了360度全景照片與視頻服務，目前在FB上已經有超過2500萬張360全景照片和100萬個全景視頻。盡管有如此多的全景內容，然而用戶還是很容易在feed流中錯過這些內容。

Facebook 360介紹

過去的幾個月，我一直為下一步進行設計：給予三星Gear VR平臺的Facebook 360應用——使全景照片和視頻更容易被發現。這是FB第一個為Gear VR做的媒體應用，一個通過VR瀏覽360全景照片和視頻的平臺。

對于設計師而言，移動端設備屏幕上的每一寸空間都是寶貴的資源。為了在小屏幕上做更多的事情，設計師在設計導航系統的時候，通常需要花費更多的時間來打磨。漢堡圖標在過去幾年當中，是最常見的一種設計策略，導航和選項被隱藏在這個小小的圖標之后，但是實際上，雖然大眾已經習慣了它的存在，但是它并不是最佳的導航設計方案。

在今天的文章當中，我們會探討為什么漢堡菜單這樣的隱藏式導航影響用戶體驗，以及可用性更強的替代方案。

為何漢堡圖標會破壞用戶體驗

在移動端設備上，我們看到的可見式導航其實比漢堡圖標這樣的隱藏式導航更多，前者大概是后者的2.5倍。

相信很多體驗設計師在與產品需求方進行設計提案的時候會遇到這樣的情景：

• 你闡述自己的設計推導過程，從產品目標分析、問題定位、設計目標分析、設計思路闡述這樣的推導下來，在場的產品經理們都點頭，表達認可。
• 但是！當到了設計方案環節，你把方案放出來，各位就七嘴八舌挑戰了：￥#@%&*&*
• 這時候經常會聽到這樣一句話：“有沒有其他更好的方案啊？”
• 這時候你是不是會想，我前面的推導和演繹過程那么完美那么富含邏輯，推導的肯定是最好的方案啦！

但是哦，這個時候，你還是會感覺沒底氣說出這句話來。

于是你最后說出一句妥協的話“好的好的，我回去改一下。”（各位老板我都聽你們的，你們說啥就是啥）

專業度呢？設計價值呢？你的玻璃心要碎了：死了產品經理們會不會覺得自己很水很不專業。

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

語音交互是一個全新的體驗設計領域，目前各家機構、公司、設計組織還處于摸索設計范式的階段，Google提供了一份非常成熟、系統的交互規范文檔，其中包含了核心概念的詮釋以及諸多可以指導設計的實踐原則。最近正在做的項目中涉及到語音交互的部分，所以順手將這份文檔翻譯出來，給需要的設計師參考。

我的譯文盡量的貼合文檔中原有的表意，同時基于我個人對語音交互的理解對表達文字進行潤色。其中有個別概念名詞比較抽象，所以我也旁邊附上了英文單詞，以便大家理解。

我們正在進入一個有光明前景的全新計算領域，機器學習和人工智能激發著對話式界面和自然語言的進步，同時使對話式交互成為一種新的交互模式。

交互思維是什么？網上的搜索結果大多是一些交互設計的方法。但是我這里要講的，是真正做交互設計所具備的思維方式。交互設計在國內發展的并不成熟，還有很長一段路要走。很多人，甚至包括交互設計師自身，對這一工作的性質和價值都未必有足夠的了解。

交互設計，聽上去是“設計”，但是其本質和常見的UI和視覺設計相去甚遠。“交互”指的是人類與機器之間的溝通，與美學、界面、按鈕什么的，其實沒有半毛錢關系。領域細分之前，也許我們考慮的東西越多越好，但是在細分之后的今天甚至未來，交互設計就要有它不一樣的價值。

由于目前的大環境對這一細分領域仍舊缺乏了解，所以我希望在這篇文章里，寫幾個做交互設計所需要的思維方式。

1. 先理解什么是業務需求、目標、目的

1.1 什么是業務需求

業務需求是企業為了達到某些目標和某種目的而制定的。它代表著企業希望下一輪產品的迭代能帶來什么收益，所以企業和 PM 在制定需求時必須謹慎且方向清晰。在工作中，交互要分析拿到的業務需求是否合理，所以就要理解在業務需求中的一些基本元素：

• 需求定位：產品或用戶，還有企業戰略
• 需求類型：功能類、數據類、設計類等
• 重要性：重要、暫不重要

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

1.2 什么是業務目標

導語

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

煩人的小紅點

人類似乎天生對不對稱，不和諧的事物有厭煩心理，并且想要去糾正這些“錯誤”，簡而言之就是大家平時所說的“強迫癥”。而小紅點則完美利用了這一人性的弱點，它就像白嫩臉頰上長出的一顆小痘痘，讓人忍住不去要去擠破它。因此，小紅點也成為了一把產品運營利器，只要投放在某個業務入口，就幾乎沒有用戶會對它熟視無睹，而當用戶忍不住要去輕觸消除它時，產品側為業務導流的目的也就達到了。

那么問題來了，用戶喜歡小紅點嗎？在Google和必應上搜索關鍵詞“App 小紅點”，幾乎有一半的搜索結果是“教你如何消除小紅點”。

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

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

MuzzleApp

表單設計中，各種設計模式和技巧已經越來越成熟了。在諸多設計技巧當中，懸浮標簽這一設計手法，應該是對于用戶體驗提升最明顯的一種。早在2013年8月的時候，我第一次考慮在自己設計的表單中運用懸浮標簽，這個想法很簡單，在占位符文本中，借助動畫加入一個圖標顯示，確保用戶不會在填寫過程中迷失。

不知道大家有沒有這樣的情況發生，自己設計的作品，“乍一看不怎么樣，仔細一看，還不如乍一看”！

其實不耐看，或者不敢放大看的原因都是細節做的不到位。

最近在做手機OS的主題圖標，對細節的感觸很大，今天結合主題圖標來和大家聊聊，我們可以從哪些方面注意自己的設計細節，大綱如下：

• 給造型加點細節
• 多加點質感的細節
• 不要讓圖標看著灰灰的
• 風格特點的運用

1. 給造型加點細節

造型是所有設計執行的第一步，造型做不好，說別的都沒用。

那如何能給造型加點細節呢？

打個比方，我們要畫一個圓角矩形：