UI和交互設(shè)計中常常會強調(diào)某項設(shè)計需要足夠的“直覺性”，但是直覺性的設(shè)計說來容易，實現(xiàn)卻往往差強人意。但是不得不承認(rèn)，它是目前交互和UI設(shè)計的剛需。

仔細(xì)想想，符合用戶直覺的設(shè)計往往能夠更快地獲得用戶信任。符合用戶直覺的UI和交互邏輯會在用戶初次操作的時候不斷地進(jìn)行匹配，而用戶在這個過程匯總，主觀感受會從操作前的“應(yīng)該是這樣吧？”變?yōu)橥瓿芍蟮摹肮痪褪沁@樣！”，如此一來，用戶會在使用過程中不斷地“驗證”自己的直覺，即使操作中有若干設(shè)計不是那么順暢，這個APP或者網(wǎng)頁也能在總體上獲得用戶的信任。

自九月以來，摩拜單車和OFO讓“共享經(jīng)濟”概念著實火了一把。摩拜單車一年之內(nèi)火速搞定三輪融資，OFO在融資規(guī)模和速度上也旗鼓相當(dāng)。要說更看好誰的話，我想我會投摩拜一票，在我看來，摩拜似乎更能靜得下心來打磨他們的產(chǎn)品。相較于OFO單車的倉促面世，摩拜精心打磨的專為“共享”設(shè)計的單車顯得有誠意得多。這份堅實的基礎(chǔ)，我想就夠OFO追趕一陣了，更何況其中的踏實基因必定還將助其更穩(wěn)更好地發(fā)展呢。

今天我們來聊聊競品分析，它并不是像人們認(rèn)為的那樣——有統(tǒng)一的模板，因為針對不同的崗位，做的競品分析是不同的。所以我的文章標(biāo)題是：交互設(shè)計師如何做競品分析。

場景對于界面設(shè)計和可用性測試來說都是非常重要的。

一、在描述一個場景時，需要涵蓋哪些方面呢?

一個好的場景在描述簡潔的同時，還需要回答下列關(guān)鍵的問題

用戶是誰?人物角色可以反映出網(wǎng)站真實的、主要的用戶群體。

用戶為什么來你的網(wǎng)站?如果可以的話，記下用戶到你的網(wǎng)站來的動機和預(yù)期。

用戶的目標(biāo)是什么? 通過任務(wù)分析，你可以了解用戶到你的網(wǎng)站來是想獲得什么，進(jìn)而可以知道你的網(wǎng)站需要做什么才能讓用戶滿意的離開。

另外一些場景描述還可以回答以下的問題：

在設(shè)計這個網(wǎng)站之前，你可以先寫下10-30個你認(rèn)為的用戶想訪問你的網(wǎng)站的原因或者用戶希望通過網(wǎng)站完成的任務(wù)。

場景和人物角色還可以結(jié)合起來，分類呈現(xiàn)不同類型的用戶到網(wǎng)站來的原因，有什么樣的需求，揭示出“什么樣的人”在“什么樣的場景”下會有“什么樣的行為”。

場景和人物角色可以通過故事的方式結(jié)合起來：為什么某類用戶會來你的網(wǎng)站?他們來網(wǎng)站希望做什么?這類用戶有什么特征?這些特征怎么影響到他們在網(wǎng)站上的行為的?

因此，設(shè)計一個網(wǎng)站的關(guān)注點應(yīng)該在用戶以及他們想達(dá)成的目標(biāo)，而不是網(wǎng)站的組織和內(nèi)在架構(gòu)。知道了用戶的需求后，網(wǎng)站的內(nèi)容及架構(gòu)該怎么呈現(xiàn)也就不言自明了。

在可用性測試中使用任務(wù)場景

在為可用性測試設(shè)置場景時，考慮到時間的關(guān)系，測試任務(wù)不宜多于10-12個。此外，在測試中，你還可以詢問用戶自己的場景，他們?yōu)槭裁吹侥愕木W(wǎng)站來，他們想通過你的網(wǎng)站獲得什么。

可用性測試中，避免通過場景告訴用戶如何去完成一個任務(wù)，而應(yīng)該在測試中觀察用戶是如何完成任務(wù)的，并根據(jù)用戶的操作情況來判斷當(dāng)前網(wǎng)站的設(shè)計是否能夠幫助用戶在特定的場景下順利的完成任務(wù)。

可用性測試的場景中不能包含任何告訴用戶該如何完成任務(wù)的信息。可用性測試過程會呈現(xiàn)出用戶是如何完成任務(wù)的，并且能告訴你這個頁面是推動還是阻礙了這個任務(wù)的完成。

在正式測試前，你需要寫下你預(yù)期的用戶是如何完成這個任務(wù)的所有路徑和步驟，包括用戶可能使用的主要的入口或者其他的入口，供給觀察人員和記錄人員在測試中使用。而在測試后，可對比下你的預(yù)期過程和用戶完成任務(wù)的真實過程，這個對比過程有助于思考你的網(wǎng)站的架構(gòu)和導(dǎo)航的效率。

如果你真能知道，數(shù)據(jù)在哪里，數(shù)據(jù)怎么讀，互聯(lián)網(wǎng)對你而言，沒有秘密，想做什么事情，會簡化很多倍。

很多人說，我沒數(shù)據(jù)怎么辦啊？其實數(shù)據(jù)俯拾皆是，互聯(lián)網(wǎng)各種信息都是公開的，甚至是泛濫的。

百度指數(shù)，谷歌趨勢，這是眼見的。

淘寶的熱榜，以及銷量分布，很多數(shù)據(jù)都可以拿到。

第三方數(shù)據(jù)報告，是，有水分，但是很多是值得看的。

各大公司的財報，招股說明書，不是說為了買股票才看，看業(yè)務(wù)趨勢，看行業(yè)走勢，很多值得看的東西。

那么，有人說，我不看這些數(shù)據(jù)，我看我們產(chǎn)品數(shù)據(jù)，但是開發(fā)人員推三阻四總不給做，其實公開的數(shù)據(jù)統(tǒng)計工具已經(jīng)很強大了，百度統(tǒng)計，CNZZ，谷歌統(tǒng)計（話說會用谷歌統(tǒng)計的真不多），那么有人說了，我要的這些統(tǒng)計沒有；其實未必是沒有，很多是因為你不會用，比如百姓網(wǎng)在北京Qcon架構(gòu)師大會上分享了如何利用谷歌統(tǒng)計分析各地用戶的訪問速度分布，讓我也很受啟發(fā)，那份文檔在互聯(lián)網(wǎng)上是公開的，自定義代碼只有兩行，關(guān)鍵是思路。

工具類的APP，用戶使用的目的很明確，例如在陌生的城市查看地圖，轉(zhuǎn)賬給朋友或者晚上加班打車回家。內(nèi)容型的APP或者混合型APP，既需要滿足目的性很強的用戶，又需要提供可以逛的內(nèi)容，延長用戶的停留時間，促成用戶點擊內(nèi)容，從而增加用戶使用APP的頻率和活躍度。

1、交互流程設(shè)計

 

　　APP的交互流程設(shè)計，可以說是像建造房子一樣，要有清楚的平面圖紙才能開始搭建房子。設(shè)計交互流程時也應(yīng)該對應(yīng)用的功能需求有清晰的把握。設(shè)計師應(yīng)該要清楚了解整個應(yīng)用界面的跳轉(zhuǎn)和相關(guān)層級的關(guān)系。

 

2、風(fēng)格定位

 

　　整個頁面的風(fēng)格定位非常重要。圖片分享類應(yīng)用圖片是最重要到視覺元素，應(yīng)用的設(shè)計風(fēng)格定位應(yīng)該要符合視覺的流程，所以要設(shè)定好整個頁面的整體色調(diào)。

導(dǎo)讀：最近在看一些產(chǎn)品文章時，總會看到一些詞匯（例如：“tabbar”、“抽屜菜單”、“宮格菜單”），開始也不是很能理解，但是結(jié)合上下文還是能猜出一二的。之后去搜了一下相關(guān)資料，得知這原來屬于App導(dǎo)航設(shè)計的范疇，所以就簡單總結(jié)了一下常見的App導(dǎo)航設(shè)計，跟大家共享。

1.Tab導(dǎo)航

又稱為“標(biāo)簽式導(dǎo)航”，分上、下兩種。

舉例：

最后，優(yōu)秀的隱形設(shè)計還需要鼓舞用戶。當(dāng)界面脫離了用戶的操作步驟，直接將他們引向最終目標(biāo)，用戶會集中精神在他們的目標(biāo)上。

界面應(yīng)當(dāng)通過數(shù)據(jù)和內(nèi)容的無縫切換，來鼓勵用戶與它建立良好的關(guān)系。用戶有時喜歡探索一個界面巧妙的產(chǎn)品，甚至玩得很開心。但更多時候，對他們而言不存在的界面更有鼓舞作用

有一些UI設(shè)計師，他們從不考慮「這樣設(shè)計稿交出去，工程師做不做得出來」的問題，也不愿意去了解什么叫「限制」和「規(guī)則」。不注重設(shè)計稿能否實現(xiàn)，也不在乎限制和規(guī)則，這不是真正意義上的UI設(shè)計師。文章總結(jié)了四個UI設(shè)計師容易忽略的現(xiàn)實問題，看看你中槍了沒。

1:可行性

「輪胎為什么不可以做成三角型？三角型比較帥啊！」