92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

?如果你曾使用Airbnb預訂過地方，那么你會在這個過程中，逐步發現這個企業擁有著頂尖的產品設計團隊。這個正在改變整個行業的企業，正在為用戶提供著順滑無縫的體驗，而這也是今天我撰寫這篇文章的初衷。

作為一個喜歡研究用戶體驗、交互設計、UI的產品設計師，我尤其喜歡剖析成功的產品，尋找其中隱藏的交互和用戶體驗設計。無論這些設計是用來提升整體的用戶體驗，還是激勵產品增長，你會發現這些設計都非常有意思，并且值得分享。

事不宜遲，一起來看看我從Airbnb中發現了什么吧：

1. 情緒感染（用戶體驗）

首先，你的產品文案不僅僅是一句友好的問候，它還解釋了這個網站的性質。其次，無論是建議注冊，或者直接跳轉到能夠吸引用戶的內容，文案還起到了引導用戶第一步操作的作用。如同我們經常說的，交互設計需要被當做一次交談來對待，所以這是你創造人性化體驗的第一次機會。

下圖是旅行租房網站 AirBnB 的案例，文案極簡，但同時深入人心。標題 Just for the Weekend 和 Explore the World 讓用戶在去往特定目的地之前看到 AirBnB能夠帶來的體驗。這個交互很微妙，通過文字的暗示，它構建了產品體驗的框架 – 讓用戶距離一 次愉快的旅程更近一步。

從實習的第一天起，我就數著日子在過，時間走的太快攔也攔不住，要做要學的事情又太多。轉眼七月已經過去，總覺得還是有點后知后覺，花了一個月的時間去適應新環境和新工作，慢慢才知道尋求突破點的重要性，所以今天來聊聊我所理解的交互設計師的核心競爭力。

格式塔原理解釋了人們如何以視覺方式感覺物體，以及圖像的結構，視角，大小等要素是如何影響我們的視覺的。

在下面這篇文章中，我們首先會簡單介紹一下格式塔原理中的基本概念，然后再詳細探討一下如何將它們應用于今日的UI設計中。

在設計網站的時候，圖片資源會在很大程度上幫助你設置站點，以及顏色，排版或者更多內容的基調。如果圖片視覺元素沒有和設計正確的結合，他很可能會破壞你原本想呈現的感覺。

移動應用的設計中，最容易被忽視的地方就是空白或者異常情況的設計。從傳統PC時代web的異常頁面如404，502等頁面的設計體驗遷移過來，移動應用的空頁面，網絡故障頁面等展示也有相似的設計模式。從以前的純文本的排版設計，到后來404成為設計師們
展示圖形創意的舞臺，移動應用的空白情況頁面的設計也從純文本提示到后來精彩紛呈。然而在移動應用的設計中，空白頁面的的作用不僅僅在于給用戶以溫柔或者
精彩的提醒，安撫用戶焦急或是疑惑的情緒，更重要的是，空白情況頁面可以引導用戶去填補“空白”。人都是害怕空虛寂寞冷的，當你面對一個空虛寂寞冷的頁面
的時候，善意的指點迷津的一些語言和畫面告訴你咱們還是可以有方法來填補你的寂寞空虛冷，這時候，用戶的操作行為就會被觸發，潛移默化中指引用戶完成填補
空白的工作，那么，無論從用戶個體的活躍度上還是整體的留存率，活躍度上，你設計的空白頁面做到了拉升的作用，對電商產品和社交產品等來說，這些頁面可謂
是自己展示產品調性，曝光功能，加深引導的黃金地段。

1. 用戶不同，數據不同

任何時候設計一套復雜的系統，都不可避免要為很多用戶和角色進行設計。總裁、經理和分析師是幾個常見角色，每個都有自己的工作流程和對數據的需求。

定義好角色，產生不同視角，這本身就是一種藝術。我就不在此詳細解釋了。如果你對此有興趣，請看Cooper的這篇有用的文章。

關于角色，重要的一點是預先確定好，圍繞它們來組織信息結構與線框圖。

下面是我們去年做的一款健康報告應用的最終成品。這套系統有著不同的用戶群，他們各自都需要不同的數據管理。創建了關鍵角色后，我們每次評審會將它們放在旁邊。

4. All wireframe 全部界面線框圖

主要負責人：交互設計師

此環節交互設計師要完成全部界面的線框圖（1:1的）設計并且團隊確認。

*做完全部的線框圖，一般會出一個總結構圖。如果有足夠大的場地，也可以逐頁打印出來貼到一面墻上。方便團隊隨時參考。

譯者紀：本片文中包含大量的動態頁面（原網站是視頻鏈接，本網站上傳視頻不能排序，故人工轉為動圖），加載較緩慢，請各位多點耐心，么么噠

---

一個好的交互設計師可以很容易的解釋設計里面的決定背后的邏輯。這包含著信息架構，頁面內容的層次結構，流程和所做的解釋。

遲早，動效將會應用到線框圖原型中，這個時候，再去對設計做決定或者是解釋，將會變的難一些。例如一些這樣的理由：太狂拽酷炫了……太潮了……太雞凍了……這將是設計失去其力度的領域（Reasons such as “It will be cool!” or “It’s trendy” or ”exciting” are exactly the areas where a design starts to lose its strength.）在我們的設計中，動效理應占到更多的比重。我們應該去定義動效，并且闡述他們的目的——像我們闡述一個設計中其他的元素一樣。

什么是功能動效？

一個好的用戶界面具有較高的轉化率和易用性。換句話說，它既能滿足商業用途也便于使用。以下是我們發現的一些想法清單。

上一篇：交互設計技巧：創造好的用戶體驗（1）(翻譯)

21. 嘗試平滑過渡而不是突兀呈現

當用戶進行操作的時候，界面元素經常會有出現、隱藏、移動、轉換以及大小調整的動作。作為對操作的回應，為元素變化適當添加時間延遲有時候讓用戶更容易理解剛剛發生了什么。以動畫或者過渡的形式刻意制造的延時，給了用戶理解元素大小或者位置變化的必要的反應時間。當然了，你也要記住，我們應該將過渡的時間控制在0.5s之內，時間太久的話，用戶可能就會感到不適。對于那些只想快點完成任務的用戶，太長時間的延時當然會成為一種負擔。

 22. 嘗試循序漸進的引導而不是草率地讓用戶注冊

與其要求用戶立馬注冊，何不讓用戶先體驗一些已示范的有價值的操作呢？在最初的交互過程中，不僅能展現產品的價值，也能顯示出產品的個性。一旦用戶開始看到你的產品的價值，了解產品對自己的用處，他們將更樂于與你分享更多的信息。這種循序漸進的引導是一種盡可能推遲注冊過程的方法，同時還可以讓用戶使用和自定義你的應用或產品。