4. All wireframe 全部界面線框圖

主要負(fù)責(zé)人：交互設(shè)計(jì)師

此環(huán)節(jié)交互設(shè)計(jì)師要完成全部界面的線框圖（1:1的）設(shè)計(jì)并且團(tuán)隊(duì)確認(rèn)。

*做完全部的線框圖，一般會(huì)出一個(gè)總結(jié)構(gòu)圖。如果有足夠大的場(chǎng)地，也可以逐頁(yè)打印出來(lái)貼到一面墻上。方便團(tuán)隊(duì)隨時(shí)參考。

譯者紀(jì)：本片文中包含大量的動(dòng)態(tài)頁(yè)面（原網(wǎng)站是視頻鏈接，本網(wǎng)站上傳視頻不能排序，故人工轉(zhuǎn)為動(dòng)圖），加載較緩慢，請(qǐng)各位多點(diǎn)耐心，么么噠

---

一個(gè)好的交互設(shè)計(jì)師可以很容易的解釋設(shè)計(jì)里面的決定背后的邏輯。這包含著信息架構(gòu)，頁(yè)面內(nèi)容的層次結(jié)構(gòu)，流程和所做的解釋。

遲早，動(dòng)效將會(huì)應(yīng)用到線框圖原型中，這個(gè)時(shí)候，再去對(duì)設(shè)計(jì)做決定或者是解釋，將會(huì)變的難一些。例如一些這樣的理由：太狂拽酷炫了……太潮了……太雞凍了……這將是設(shè)計(jì)失去其力度的領(lǐng)域（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.）在我們的設(shè)計(jì)中，動(dòng)效理應(yīng)占到更多的比重。我們應(yīng)該去定義動(dòng)效，并且闡述他們的目的——像我們闡述一個(gè)設(shè)計(jì)中其他的元素一樣。

什么是功能動(dòng)效？

一個(gè)好的用戶界面具有較高的轉(zhuǎn)化率和易用性。換句話說(shuō)，它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現(xiàn)的一些想法清單。

上一篇：交互設(shè)計(jì)技巧：創(chuàng)造好的用戶體驗(yàn)（1）(翻譯)

21. 嘗試平滑過(guò)渡而不是突兀呈現(xiàn)

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

 22. 嘗試循序漸進(jìn)的引導(dǎo)而不是草率地讓用戶注冊(cè)

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

一個(gè)好的用戶界面具有較高的轉(zhuǎn)化率和易用性。換句話說(shuō)，它既能滿足商業(yè)用途也便于使用。以下是我們發(fā)現(xiàn)的一些想法清單。

  1. 嘗試使用一列布局代替多列

一列布局會(huì)讓你對(duì)全局有更好的掌控。它也能讓你的用戶預(yù)先對(duì)整體的內(nèi)容從上到下有一個(gè)大致的了解。然而多列布局則會(huì)讓用戶從頁(yè)面的核心內(nèi)容上分散注意力從而增加額外的風(fēng)險(xiǎn)。最好的方法是用一個(gè)有邏輯的敘述然后在文末加上一個(gè)行動(dòng)的口號(hào)來(lái)引導(dǎo)用戶。 

  2. 嘗試用禮物代替直接銷售

前方高能，鑒于譯者是處女座，所以感覺本文的原作者也是處女座，文章沒(méi)有高深的策劃理論，但是把平常我們覺得很簡(jiǎn)單的表單
設(shè)計(jì)思路挖得很深很透徹，將小小的最平常的一個(gè)選項(xiàng)設(shè)計(jì)應(yīng)該采用哪種方案一一列出，在理之余，也把用戶的一些思維模式放出來(lái)。很多時(shí)候感覺我們經(jīng)常在思考
一些大的華麗的東西，卻不知道其實(shí)每一個(gè)小的設(shè)計(jì)其實(shí)都可以鉆研、都可以有不同的設(shè)計(jì)方案。與喜歡鉆研交互設(shè)計(jì)的朋友們共勉~~英語(yǔ)能力有限，歡迎吐槽指
正

真正的用戶體驗(yàn)設(shè)計(jì)師并不是由畫線框圖的能力所造就的，更重要的是，他們懂得怎樣處理回饋信息，怎樣驗(yàn)證想法，他們懂得做調(diào)研和迭代。他們知道草圖和線框原型只是整個(gè)設(shè)計(jì)流程當(dāng)中的一小部分，它們是調(diào)研工作的結(jié)論產(chǎn)出，是用來(lái)做溝通的信息載體；它們有可能被放到演示文檔當(dāng)中供產(chǎn)品、設(shè)計(jì)、技術(shù)開發(fā)等相關(guān)人員進(jìn)行交流溝通，也有可能以高保真或紙面原型的形式被用作可用性測(cè)試。

作為交互設(shè)計(jì)師的你，可能會(huì)聽產(chǎn)品經(jīng)理說(shuō)過(guò)：“我們的產(chǎn)品支付成功率很低，很多用戶下了單，但沒(méi)有完成付款，好郁悶?！被蚴恰奥牭接脩舴答佌f(shuō)很難用，操作很復(fù)雜，我該怎么辦？” 今天就來(lái)介紹幾個(gè)簡(jiǎn)化復(fù)雜操作的好方法 >>>

如果你看了很多優(yōu)秀的設(shè)計(jì)，但是自己卻仍然還覺得有所欠缺。來(lái)看看作者梳理的掌握交互設(shè)計(jì)的方法吧。

最近兩個(gè)月給公司的伙伴們做交互設(shè)計(jì)的分享，這是第一期分享的內(nèi)容。在這次分享中，我認(rèn)真梳理了交互設(shè)計(jì)師掌握和精通這門技藝的方法。我認(rèn)為，如果想成為拔尖的設(shè)計(jì)師，只有這條路可走。

什么是交互設(shè)計(jì)

用戶界面有兩部分的設(shè)計(jì)：交互設(shè)計(jì)和視覺設(shè)計(jì)。在下圖中，左邊和右邊分別是微信的交互設(shè)計(jì)和視覺設(shè)計(jì)。

交互設(shè)計(jì) vs. 視覺設(shè)計(jì)

做交互設(shè)計(jì)也有好幾個(gè)年頭了，最近一直在思考一個(gè)問(wèn)題，我們這些俗稱線框仔的交互設(shè)計(jì)師，如何保持自己的競(jìng)爭(zhēng)力，我們的未來(lái)會(huì)是怎樣的？

從醒來(lái)的那一刻，我們就被廣告包圍了：它出現(xiàn)在我們的咖啡杯上、電視上，回家路上也充斥我們眼前。但我們總能關(guān)掉它，將它逐出視線。

增強(qiáng)現(xiàn)實(shí)（AR）是一種新方式，將數(shù)字化的體驗(yàn)呈現(xiàn)在我們的虛擬世界。