在軟件界面設(shè)計(jì)過程中，交互設(shè)計(jì)也起著至關(guān)重要的作用，那么交互設(shè)計(jì)都有哪五大要素呢？

①  為目標(biāo)群設(shè)計(jì)（Goal-driven Design）：為你的目標(biāo)用戶群做設(shè)計(jì)。像調(diào)研或者訪談形式的用戶研究，能幫助你塑造目標(biāo)用戶群的人物特征。這可以讓你為用戶目標(biāo)定制app的工作流程，以滿足他們的需求。

設(shè)計(jì)師績效評價(jià)主要來自幾個(gè)維度：設(shè)計(jì)產(chǎn)出、項(xiàng)目結(jié)果、工作態(tài)度、專業(yè)技能、能力成長、設(shè)計(jì)展現(xiàn)、用戶滿意度、客戶滿意度、業(yè)務(wù)方滿意度等。所以業(yè)務(wù)方滿意度是設(shè)計(jì)師績效評價(jià)的一個(gè)輸入項(xiàng)。

針對業(yè)務(wù)方滿意度這個(gè)輸入項(xiàng)，最近幾周我做了比較詳細(xì)的設(shè)計(jì)師績效訪談，和數(shù)十位與我們團(tuán)隊(duì)設(shè)計(jì)師直接合作的業(yè)務(wù)方同事進(jìn)行了認(rèn)真討論。訪談的業(yè)務(wù)方同事包括：SE、設(shè)計(jì)師、開發(fā)、項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、技術(shù)專家、主管、一線代表、SA等。訪談的內(nèi)容包括對設(shè)計(jì)師這些維度的評價(jià)：工作態(tài)度、專業(yè)技能、特殊價(jià)值、優(yōu)點(diǎn)、進(jìn)步點(diǎn)等。

1，工作態(tài)度
工作態(tài)度已經(jīng)不是優(yōu)勢競爭力，因?yàn)榇蠹叶己苷J(rèn)真。從訪談結(jié)果來看，大家的工作態(tài)度都得到了業(yè)務(wù)方同事的高度肯定。工作態(tài)度好，響應(yīng)快，積極，基本是每個(gè)設(shè)計(jì)師都得到的評價(jià)。
所以工作態(tài)度已經(jīng)成為一個(gè)基準(zhǔn)。如果工作態(tài)度都不好，那起步都沒有了。

軟件界面設(shè)計(jì)不同于其他設(shè)計(jì)，它的科學(xué)元素居多，軟件界面設(shè)計(jì)其實(shí)是一個(gè)非?？茖W(xué)的推導(dǎo)公式，它既需要一個(gè)設(shè)計(jì)師美工繪畫能力的要求，又需要對藝術(shù)的理解感悟。所以在整個(gè)設(shè)計(jì)過程中需要好多工作的每一步。一個(gè)通用消費(fèi)類軟件界面的設(shè)計(jì)大體可分為五個(gè)步驟：需求階段、分析設(shè)計(jì)階段、調(diào)研驗(yàn)證階段、方案改進(jìn)階段、用戶驗(yàn)證反饋階段。

很多剛接觸Sketch 的同學(xué)驚嘆它的好用強(qiáng)大，不過它還有很多鮮為人知的實(shí)用功能，今天我們將一一為你說明這些特別好用的技巧，幫你加快設(shè)計(jì)流程 >>>

等一等，什么是 Sketch？

至去年 Sketch 第2版新舔的顏色設(shè)定后，越來越多的設(shè)計(jì)師已經(jīng)切換用 Sketch 了。它的簡單的界面和性能使它比 Photoshop 更好用（不要忘了，Photoshop 最初是專為編輯和處理圖像以設(shè)計(jì)的），而其繪圖工具也很適用在向量圖形（vector） 上。Sketch 不是位圖影像（bitmap） 編輯工具。它配備了一個(gè)像素（pixel） 預(yù)覽，讓你更容易設(shè)計(jì)界面和圖標(biāo)。

如何利用動(dòng)效提升用戶體驗(yàn)

動(dòng)畫可以講述故事。不是很長很復(fù)雜而是很簡單的故事，而像是 "嘿，你現(xiàn)在要看看這個(gè)！" 或 "哇，你競爭成功了！"。然而，動(dòng)效的目的不是娛樂用戶，而是幫助他們理解發(fā)什么什么事，或者如何有效的使用你的軟件。在Zurb的敘述中很清晰的表明了：

前言

React 好像已經(jīng)火了很久很久，以致于我們對于 Virtual DOM 這個(gè)詞都已經(jīng)很熟悉了，網(wǎng)上也有非常多的介紹 React、Virtual DOM 的文章。但是直到前不久我專門花時(shí)間去學(xué)習(xí) Virtual DOM，才讓我對 Virtual DOM 有了一定的理解，以致于要懷疑起很久之前看過的那些文章來。倒不是這些文章講得不對，而是現(xiàn)在在我看來角度不太好，說得越多，越說不清。

讓我能夠有所開竅（自認(rèn)為）的，是這篇文章：

Change And Its Detection In JavaScript Frameworks
Monday Mar 2, 2015 by Tero Parviainen

作者看問題的角度很棒，從數(shù)據(jù)變更與UI同步的角度來介紹各個(gè)典型框架，特別是對于 React 的 Virtual DOM，從這個(gè)角度理解起來更容易些。

可用性測試定義

可用性測試是讓一群有代表性的用戶（目標(biāo)用戶）對產(chǎn)品界面或者原型進(jìn)行典型操作，通過觀察、聆聽、記錄用戶執(zhí)行一列任務(wù)的過程，找出制約產(chǎn)品可用性的問題清單，從而評估分析解決問題。

李田莉：用戶經(jīng)常會(huì)從手頭上的事情分心，提供建議，利用約束條件以及設(shè)計(jì)更靈活的方案能夠防止無意識的差錯(cuò)產(chǎn)生。今天這篇譯文討論了6個(gè)防止用戶無意識犯錯(cuò)的方法，專業(yè)干貨收。

十種啟發(fā)式可用性方法中有一條建議：優(yōu)雅地、可操作地并且清晰地與用戶溝通錯(cuò)誤是很重要的。不過，第一時(shí)間防止用戶犯錯(cuò)或許更好。

在討論用戶錯(cuò)誤時(shí)關(guān)鍵點(diǎn)是錯(cuò)誤的責(zé)任在哪里?！坝脩翦e(cuò)誤”這個(gè)詞意味著用戶應(yīng)該為做錯(cuò)事負(fù)責(zé)。其實(shí)并不是這樣的，設(shè)計(jì)師應(yīng)該為設(shè)計(jì)了易讓用戶犯錯(cuò)方案而負(fù)責(zé)。因此，用戶錯(cuò)誤的解決方案不是責(zé)怪用戶，讓用戶努力嘗試或者給他們更多的培訓(xùn)，而是重新設(shè)計(jì)更不易犯錯(cuò)的系統(tǒng)。

企業(yè)應(yīng)用的復(fù)雜性決定了在用戶使用過程中難免會(huì)需要通過幫助來解決用戶遇到難題或者通過幫助的設(shè)計(jì)來引導(dǎo)用戶順利開始任務(wù)。接下來讓我們共同類型以及該如何設(shè)計(jì)這些幫助。

三、建立過濾與保護(hù)機(jī)制，讓批評為己所用

過濾與保護(hù)機(jī)制聽起來也很簡單，但其實(shí)沒那么容易。但你可以通過以下 5 個(gè)步驟，來幫助自己建立這樣一個(gè)機(jī)制。

第一步：你要意識到，沒有批評是 100% 正確的。如前面所說，批評微妙而復(fù)雜，且常?；谀承┝鲋?。因此，在你接受某些人的批評之前，先暫停，花時(shí)間處理一下這些批評中所攜帶的信息。

第二步：批評者所批評你的每一句話，其實(shí)也都映射了批評者本身。每個(gè)人都是通過自己的視野和經(jīng)驗(yàn)來觀察世界的，沒有人能夠 100% 地做到完全基于事實(shí)和真相做出評判。

第三步：當(dāng)批評襲來時(shí)，在它傷害到你之前阻止它。你需要問一些問題，來幫助自己處理這些批評。

• 這個(gè)批評者是誰？他有多了解我？他有多值得信任？

  
  

• 批評者的目的是什么？他們有沒有要故意傷害你的緣由？他們是在憤怒嗎？

  
  

• 還是在試圖幫助你？他們是不是度過了很糟糕的一天？他們是不是有夸大事實(shí)的嫌疑？

  
  

• 批評者有沒有遺漏哪些信息？而這些可能是會(huì)改變他們觀點(diǎn)的？

  
  

• 批評中的某些信息是不是要比其他的更準(zhǔn)確？

  
  

• 在回答上述這些問題時(shí)，你是否需要更多的信息？