今天來聊一下情感化的UI設計。在用戶和UI之間建立情感聯系是構建用戶信任和依賴關系的關鍵因素，而實際上要做的事情比聽起來麻煩得多，因為需要考慮的因素更多。情緒是廣泛的、復雜的，它容易受到影響，但是也很難改變。

而這也是我們今天要思考的事情，什么是情感化的UI設計？如何創建一個能夠喚起用戶情感波動，構建情感紐帶的UI界面？這應該就是你的下一個設計項目中應該仔細考慮的事情。

阿里巴巴_BBC_UED：移動終端由于被用戶隨身攜帶，變成用戶身體的延伸，在每一個場景中，深度陪伴著用戶。也因此，移動終端獲得天然的優勢，得以針對用戶實際所在的場景來設計，以設計出更加貼心的體驗。 但是，由于設計師與用戶的空間相隔，無法看到用戶在真實場景中的使用情況。為了了解用戶的痛點及需求，我們需要通過場景設計的方法，對用戶使用場景進行分析或預期。基于場景的設計可以幫助設計師找到用戶與場景的內在聯系，探索新的功能及交互方式。 本文將以案例為主介紹基于場景的設計方法。

什么是基于場景的設計？

什么才是基于場景的設計呢？以看電影為例，在整個看電影的過程中，涉及到的主要場景有以下六個：線上買票－去電影院－線下取票－檢票入座－觀影－評論吐槽。基于看電影涉及到的場景，格瓦拉app設計了一個基于場景的功能：當用戶在格瓦拉購票成功后，首頁會出現一個人偶小浮標，在不同場景下點擊該浮標，會出現不同的內容，例如在去電影院的場景下顯示影院地理位置以及滴滴打車入口；線下取票場景顯示取票二維碼可以快捷取票；線下取票后再點擊小浮標顯示電影開始時間以及座位號；觀影后顯示別人的評論以及吐槽入口引導用戶去評論（如圖1）。

微軟也可以巨硬。

微軟也可以巨硬。

昨晚微軟在紐約發布了全新一體機Surface Studio、新一代Surface Book以及新操控配件Surface Dial等系列新品。

這里寫的不是一種規范，只是一種工作方法，大家在具體工作中，一定要靈活運用。另外，技術的更新是非常快的，我寫的這些可能某些東西已經和你們的工程師搭檔所用的方法不一樣了，所以，還是要靈活運用。

第三步：他開始關注生活投入生活和研究生活，他變成了一個感情細膩，生活灑脫的人，他開始意識到自己的人格境界，自己的生活方式和感情表達方式加上生命的目的正是自己鮮明的面貌，他意識到自己正走向一種境界，真正屬于自己的形式語言和符號圍繞者這種狀態應運而生，思想不再被形式所控制，他的設計中，形式真正的作為一種為表達環境的精神空間服務的手段而變的不再張揚和膚淺。在一段時間的摸索，自己的理論體系逐漸清晰并成熟之后，他具備了一種能力，用自己的理論和人格面貌去影響自己的客戶和周圍的人，并且引導他們進入那種境界。

第四步：這個時期的設計師是成熟和另人尊重的，因為他已經進入了他的灰色時代。他開始走出工作室第一次去關注人，關注自然，開始不完全依賴材料市場而是向生活要材料，他意識到應該注重自己的經歷積累，戲劇化的人生概念使他為此振奮。他的作品變的更穩定更嚴謹也更平淡，同時也具備了精神張力，這種精神狀態已經淘去了浮躁的形式感而進入了一種塵埃落定的心境，你會聽到時間流逝的聲音，和平靜的永恒的另人絕望而不可超越的幸福。這不是滄桑而是生活的最高境界。他征服客戶的方式不是眼花繚亂的形式手段而是心靈。

第五步：當一個設計師具備了大量的優秀案例，在社會上享有了崇高的聲譽和財富的時候，他開始憑著感覺和思想做事情。他已經看穿了人間事故，無論他的生活和作品都是他本人的化身，社會上開始推崇他的理論和著作，他變成了一個博學的德高望重的思想家，他的思想已經不僅僅對本行業具有指導意義，對很多其他的領域也具有杰出貢獻，他對世界對人類對設計對自己的生涯已經看的無比清晰和透徹，他進入了設計師最高階段白色時代，這個階段的設計師是真正的大師，他們擁有不朽的人格。

今天在微博上看到了 有人分享了下面的這段函數式代碼，我把代碼貼到下面，不過我對原來的代碼略有改動，對于函數式的版本，咋一看，的確令人非常費解，仔細看一下，你可能就暈掉了，似乎完全就是天書，看上去非常裝逼，哈哈。不過，我感覺解析那段函數式的代碼可能會一個比較有趣過程，而且，我以前寫過一篇《函數式編程》的入門式的文章，正好可以用這個例子，再升華一下原來的那篇文章，順便可以向大家更好的介紹很多基礎知識，所以寫下這篇文章。

先看代碼

這個代碼平淡無奇，就是從一個數組中找到一個數，O(n)的算法，找不到就返回 null。

下面是正常的 old-school 的方式。不用多說。

//正常的版本 function find (x, y) { for ( let i = 0; i < x.length; i++ ) { if ( x[i] == y ) return i;
  } return null;
} let arr = [0,1,2,3,4,5] console.log(find(arr, 2)) console.log(find(arr, 8))

交互設計階段都有哪些流程呢？一般來說，交互設計分為分析階段、設計階段、配合階段和驗證階段四個步驟。那么，每一個步驟都應該怎么去開展工作，具體怎么去執行呢，下面我們就來詳細的分享下每個階段的工作內容：

分析階段大致分為需求分析，用戶場景模擬和競品分析三塊。需求分析對于一個產品來說，是必須的。如果說設計原則是所有涉及的出發點話，那么用戶需求就是本次設計的出發點。用戶場景模擬，旨在了解產品的現有交互以及用戶使用產品的習慣等。競品分析是因為每個設計者的思維都會有局限性，看到別人的設計會有觸類旁通的好處，也能給自己的設計過程帶來啟發。

說起UI設計，就不得不提一提交互設計。交互設計是定義、設計人造系統的行為的設計領域，它定義了兩個或多個互動的個體之間交流的內容和結構，使之互相配合，共同達成某種目的。那么，交互設計師在整個交互的過程中需要遵循哪些設計原則呢？我們根據自身經驗總結了交互設計的六大設計原則如下：

（1）可視性：可視性，簡而言之就是指的看的程度。交互設計師在交互的過程中，這點是首先要規劃好的。功能可視性越好，越方便用戶發現和了解使用方法。功能可視性把握不好的話，也就很難達成良好的用戶體驗效果。也有可能直接導致整個設計的失敗。因此，交互設計的第一項原則就是可視性。

軟件界面設計作為互聯網的一個趨勢越來越被受到重視，那么軟件界面設計的過程都有哪些呢，下邊我們就來分享一下軟件界面設計的一個過程來供大家參考：

（1）通過調研，了解用戶群的基本情況（包括年齡、性別、心理情況、文化程度、個性、種族、社會背景等），在對用戶了解的基礎上建立用戶模型。同時，圖形界面設計人員還要了解軟件的功能模式以及采用的軟件交互方式等。 

Lava：最近在做toB類產品的時候，經常會被業務帶著跑從而忽略了可用性設計的基本原則，最后導致自己的方案被挑戰而說不出理由。所以當設計拿捏不準的時候，最好還好依照基本的原則進行設計。尼爾森的十大可用性原則是產品設計與用戶體驗設計的重要參考標準，值得深入研究與運用。

一、狀態可見原則

用戶在網頁上的任何操作，不論是單擊、滾動還是按下鍵盤，頁面應即時給出反饋。“即時”是指，頁面響應時間小于用戶能忍受的等待時間。

△ 開始時間、執行百分比動態顯示