前言

如果你要設(shè)計以真實場景為主的banner或者主視覺，往往都會在各大網(wǎng)站圖庫里找半天，挑挑選選可能都找不到滿意的，或是容易和別人用到一樣的圖片。想要找到一張?zhí)貏e的又獨一無二的難上加難，而且自己也沒時間建模和拍攝

AI圖片的生成為這個痛點找到了更好的解決方案，這篇文章就是要和大家分享一下使用AI制作好用的圖庫素材照片，我將會按照真實工作場景搭配設(shè)計落地方案來和大家分享AI使用經(jīng)驗，讓你看了就學(xué)會，學(xué)會就馬上能用

用結(jié)構(gòu)化方式思考咒語

以下需求是我設(shè)計中要用到的素材，我希望可以有一張【穿西裝并且手提公文包的男士站在摩天大樓前】的寫實照片當作首圖，首先先想一下我們需要的素材大概畫面的呈現(xiàn)，思考的框架可以參考以下，以下內(nèi)容為了方便關(guān)鍵詞我會用中文，但是實際操作中Prompt都必須使用英語

通過結(jié)構(gòu)化思維來描述這樣就不會有遺漏，也更能使畫面完整，另外像我的英語并不是很好，就會把寫好的內(nèi)容通過Deep L或是chatgpt來進行翻譯

關(guān)鍵詞的使用

prompt：A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style，the whole body of the figure is presented, —ar16:9

在輸入關(guān)鍵詞的時候，我通常會把重要的內(nèi)容放在前面，有時加在后面的關(guān)鍵詞不容易被機器人識別。個人的一點小經(jīng)驗，在描述的最后一定要加上需要的參數(shù)，為了在后續(xù)的設(shè)計中更好適配尺寸需求，所以我選擇加上尺寸參數(shù)16:9，以下就是我通過關(guān)鍵詞生成的圖片

如果覺得結(jié)果都不滿意，可以重新用相同的Prompt再生成。AI好玩的地方就是它的隨機性，像是Promp就不建議非常詳細，因為這樣反而會有意想不到的優(yōu)質(zhì)圖片產(chǎn)出

機器人生成以后就要開始挑選圖片了，如果對左上的結(jié)果比較滿意，就點擊v1，讓機器人針對這個圖片再去生成四張新的圖片，雖然左上效果不錯，但是手部有些奇怪，所以需要通過在該基礎(chǔ)上再次生成，來挑選沒有問題的圖片

這里說明一下U（upscaler）和V(variation)的區(qū)別，U就是選擇這張圖，然后會放大這張圖片畫質(zhì)更加清晰，V則是會針對你選擇的圖片再生成四張圖，與你選擇的圖片做輕微的調(diào)整。1-4的排序為：1是左上，2是右上，3是左下，4是右下

重新生成的左上圖可以看到手部還是有問題，但是右上那張就還不錯，可以選擇這張來用或是再重新生成一遍

prompt：A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style，shot on 16mm, —ar16:9

這里我想要換一個畫面角度，所以選擇使用【shot on 16mm】,這種通常是電影、紀錄片、廣告拍攝使用的，所以使用這個關(guān)鍵字去生成圖片畫面會有一種電影感，角度上我覺得更好一點。

最后說一下，我是用的版本是V5，產(chǎn)出的1024??1024高解析圖片，但是我個人感覺還是不夠清晰，所以會搭配圖片放大工具來一起使用。我常用的圖片放大工具http://replicate.com/sczhou/codeformer，放大效果清晰度都非常好，而且處理速度也很快，重點是免費！??！直接上傳圖片無需更改任何參數(shù)，使用默認預(yù)設(shè)清晰度絕對夠用，畫質(zhì)太高也沒有太大意義，反而會影響網(wǎng)站加載速

 

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 



藍藍設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

聊聊關(guān)于“確認”和“取消”按鈕的位置擺放邏輯～

目錄

平臺一致性的問題

按鈕的位置非常重要

為什么"確定"按鈕在右側(cè)效果更好

按鈕放置在角落還是放在一起？

結(jié)論

正文

大家好，我是西瓜～

這次我們聊一個設(shè)計知識點，這個知識點平日會被設(shè)計師忽視，因為它太過于默許，但我們應(yīng)該知道的是，很多默認的東西也是有自身的知識結(jié)構(gòu)支撐，久而久之被人忽視了。

大家應(yīng)該都見到過彈窗、表單里的"確定"和"取消"按鈕吧，這兩個按鈕大家還記得會放在頁面中的哪個位置嗎？"確定"按鈕是完成任務(wù)的主要操作，而"取消"按鈕是輔助操作，它主要的作用是用于返回到起點屏幕而放棄任務(wù)。那么，根據(jù)它們的功能，最佳的按鈕順序是什么？"確定"按鈕應(yīng)該放在"取消"按鈕之前還是之后呢？

平臺一致性的問題

可能這時候很多設(shè)計師會按照習(xí)慣，選擇遵循一致性，采用一些常見的組件樣式進行操作。雖然這看起來似乎是解決問題的方法，但實際上并非如此。這并沒有回答哪種位置對用戶更有效以及為什么，單純遵循已有組件并不足以讓設(shè)計師有更好的思維和主動思考的意識。

"一致性"是設(shè)計師中常用的一個詞。然而，這常常也被用作一個借口，讓設(shè)計師不深入思考用戶面臨的設(shè)計問題，如果一個設(shè)計師都不知道為什么一致性的規(guī)則存在，那么遵循這種設(shè)計慣例又有什么意義呢？

如果某種設(shè)計慣例對用戶來說是有害的，那么設(shè)計師是否應(yīng)該盲目遵循它，僅僅因為要追求一致性？體驗極差的設(shè)計樣式和結(jié)果是否應(yīng)該因為設(shè)計師希望迎合大家都默認的設(shè)計一致性而繼續(xù)存在？這其實本質(zhì)就是個問題...

現(xiàn)在網(wǎng)上有很多組建和參考，都被設(shè)計師天天借鑒和廣泛使用，因為它們適用于用戶。但關(guān)鍵在于，設(shè)計師永遠不應(yīng)該滿足于墨守成規(guī)的選擇設(shè)計的一致性，將其作為做設(shè)計的唯一理由，我們關(guān)鍵還是要理解為什么應(yīng)該以某種方式而不是其他方式來設(shè)計用戶界面。

按鈕的位置非常重要

這時候有的設(shè)計師可能會主張通過賦予操作按鈕更多的視覺重量和清晰明了的標簽來突出界面中的操作按鈕，而不是僅關(guān)注按鈕的位置，雖然操作按鈕的視覺重量和標簽是需要考慮的重要設(shè)計方面，但它們并不是唯一的方面。

真正一名有思想，會獨立思考的設(shè)計師會綜合考慮每個設(shè)計方面對用戶的影響，而不只是關(guān)注其中的一個方面，對于設(shè)計師來說，最難的是確定主要操作和次要操作的最佳放置方式。這就是我為什么關(guān)于"確定"/"取消"按鈕的位置進行說明的原因。

為什么"確定"按鈕在右側(cè)效果更好

當我們在使用設(shè)計組建框架前進行考慮時，你可能會開始明白哪個位置會對用戶效果更好一些，我們可以通過分析設(shè)計對用戶的影響來解決這個問題。

1、減少視覺注視

有些設(shè)計師認為，將主要操作放在左側(cè)，在次要操作之前，對用戶來說更好，因為它更近，所以點擊所需時間更少，這看起來好像有點道理，但我們不能忽視一個問題，即在選擇要執(zhí)行的操作之前，用戶會查看所有選項，這意味著大多數(shù)用戶不會在不查看旁邊的次要操作按鈕的情況下盲目地點擊主要操作按鈕。

他們將首先看到左側(cè)的主要操作，然后再看右側(cè)的次要操作，然后他們會將視線轉(zhuǎn)回主要操作按鈕進行點擊。這里總共涉及到三個視覺注視點，在多個方向上分散了用戶的注意力。

與將主要操作放在左側(cè)相比，將主要操作放在對話框的右側(cè)，將次要操作放在左側(cè)，用戶只需注視每個按鈕一次，并在主要操作按鈕上結(jié)束。這樣一來，視覺注視的數(shù)量就減少了，并且在一個方向上產(chǎn)生了更流暢的視覺流動。

用戶只關(guān)注每個按鈕一次，并最終停留在主要操作按鈕上，將主要操作放在左側(cè)可能會使用戶更容易點擊，但從用戶的心理過程和視覺注視速度來看，將主要操作放在對話框的右側(cè)實際上更快。

2、與預(yù)期的按鈕功能相匹配

當用戶點擊“取消”操作按鈕時，他們期望的是產(chǎn)品不進行任何操作，而是將他們返回到起始屏幕位置，因此，"取消"按鈕的功能類似于"返回"按鈕。

當用戶點擊“確定”操作按鈕時，他們期望產(chǎn)品進行按鈕所表示的操作，并將他們帶到下一個屏幕。因此，"確定"按鈕的功能類似于"下一步"按鈕，將次要操作按鈕放在左側(cè)，將主要操作按鈕放在右側(cè)，可以與用戶期望的"后退"和"下一步"按鈕功能相匹配。

這類似于分頁按鈕的放置方式，將用戶帶到下一頁的按鈕位于右側(cè)，將用戶帶回先前頁面的按鈕位于左側(cè)。這種按鈕位置的安排是有效的，因為它與用戶從左到右的閱讀和導(dǎo)航方向相吻合，其中右側(cè)是前進方向，左側(cè)是后退方向。

3、"確定"讓用戶前進到下一個屏幕，"取消"讓用戶返回到原始屏幕。

對話框中的"確定"和"取消"按鈕應(yīng)該遵循類似的交互模式，因為它們的功能類似于分頁按鈕，另外這種左右方向模式也是用戶熟悉的。將主要操作放在右側(cè)，將次要操作放在左側(cè)，可以使對話框按鈕對用戶更易于理解和使用。

4、提供更高效的任務(wù)流程

將按鈕放置在對話框的右下角更容易被用戶點擊，因為這符合【古騰堡圖表】。在古騰堡圖表中，右下角區(qū)域是終端區(qū)域，用戶在掃視后的最終目的地。

將按鈕放在終端區(qū)域可以使用戶在視覺掃描時看到他們最后需要執(zhí)行的主要操作，這不僅改善了視覺流動，還改善了任務(wù)流程。用戶在掃視過程中不會錯過主要操作按鈕，當他們經(jīng)過時，他們的目光會停留在上面，從而可以立即點擊它。

掃視對話框并采取行動變得更快更容易，因為用戶的目光最終會落在主要操作按鈕上。

按鈕放置在角落還是放在一起？

我們需要考慮另一個問題，那就是我們應(yīng)該將按鈕放在角落還是放在一起，當將主要操作和次要操作放在對話框的角落時，這與左右導(dǎo)航方向相吻合，這是很好的映射。然而，由于"確定"和"取消"按鈕并不是導(dǎo)航按鈕，因此并不需要遵循方向映射，有時候這樣做可能帶來更多的弊端。

較大的視覺分離使得比較操作變得困難，并將一個操作與另一個操作隔離開來 如果產(chǎn)品頁面即將執(zhí)行用戶無法撤銷的關(guān)鍵操作，那么用戶可以看到"取消"按鈕和"確定"按鈕是很重要的。在這種情況下，"取消"按鈕的功能可能類似于"上一步"按鈕，但它更重要，因為它充當安全按鈕以防止任何更改。

將"取消"按鈕放置在最左下角的危險在于，由于兩個按鈕之間的視覺分離較大，可能會導(dǎo)致用戶忽略它。將"取消"按鈕與"確定"按鈕放在一起可以讓用戶更輕松地在一次注視中查看和比較這兩個操作，以選擇最佳操作。  

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 



藍藍設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

你聽過用戶心智模型這個名詞嗎？設(shè)計方案時有考慮過匹配用戶心智模型嗎？如何匹配？下文將梳理智模型到底是什么以及如何運用。

先問你一個問題。
拼多多、淘寶、京東這三家購物平臺，你認為它們的區(qū)別是什么？
或者換個方式問你。
買電器你去哪個平臺？
買衣服你去哪個平臺？ 買垃圾袋你去哪個平臺？
是不是有了答案了？
沒猜錯的話， 大部分人的答案是：買電器去京東、買衣服去淘寶、買垃圾袋去拼多多。
你看，這就是一個購物心智模型，你的心里對這三家平臺已經(jīng)產(chǎn)生了固有的心智，如果讓你去京東買衣服，你會不會覺得，有些別扭？
沒錯，這就是心智模型。

百度百科對心智模型的定義是：
“深植我們心中關(guān)于我們自己、別人、組織及周圍世界每個層面的假設(shè)、形象和故事。并深受習(xí)慣思維、定勢思維、已有知識的局限?！?br /> 關(guān)鍵詞是：故事、習(xí)慣、局限。

淘寶一開始就我們講了一個故事，一個萬能的集市，我們習(xí)慣在上面買衣服，但是也產(chǎn)生了局限性，那就是，當我們想買大額電器的時候，還是會選擇京東。
我個人對心智模型的理解是：
我們內(nèi)心深處對一個事物的看法。
空口聊天多沒意思，下面舉個例子。
這是一尊陶俑，第一眼你覺得她像什么？

是不是覺得像米老鼠？

為什么？

因為陶俑的頭上的發(fā)髻和米老鼠標志性的耳朵很像。

如果你從沒見過米老鼠，你還會覺得她像米老鼠嗎？

一定不會。

這就是心智模型，你對頭頂?shù)拇髨A形的心智是“米老鼠”，所以一旦你看到類似的形狀，米老鼠的形象就會浮現(xiàn)出來，這個發(fā)髻的形狀和你心里對米老鼠的形象產(chǎn)生了匹配。

對心智模型有沒有一點印象了？

下面我們接著聊。

我不想用具體的界面來聊，那樣的話太散，我認為要想理解一個概念，最好還是從“面”的角度來說，所以下面我會舉一些商業(yè)上的案例來輔助理解。

心智模型有哪三種運用方式？

第一種：創(chuàng)建新的心智模型

第二種：改變舊的心智模型

第三種：匹配現(xiàn)有的心智模型

可以理解成一件事情的新生、改變和延續(xù)。

下面咱們一個個來。
第一種：創(chuàng)建新的心智模型

難度指數(shù)：難啊。

記得《盜夢空間》里最難的是什么嗎？

最難的不是盜夢，而是植入一個想法。

創(chuàng)建新的心智模型有異曲同工之妙，都是讓別人內(nèi)心接收一個事物，需要刻意培養(yǎng)。

舉幾個例子。

當年外賣剛開始的時候，家家搞補貼，很多時候幾乎不花錢就可以點外賣，后來這些福利沒有了，為啥？

因為點外賣的心智已經(jīng)培養(yǎng)好了，你離不開它了，所以平臺可以“不慣著你了”。

還有唯品會的正品低價、瑞幸一開始的星巴克平替，這些都是他們想要植入到用戶大腦中的心智。

為什么要費勁植入一個新的想法？

因為一旦植入了，就很難改變。

現(xiàn)在我身邊的很多朋友想買一些低價的品牌都會上唯品會，買咖啡會喝瑞幸，一旦用戶的習(xí)慣養(yǎng)成就很難改變，意味著什么？

意味著留存和轉(zhuǎn)化的成本更低了。

第二種：改變舊的心智模型

難度指數(shù)：也難。

《盜夢空間》里小李子的妻子被他植入了一個想法“你不在現(xiàn)實世界里”，當他和他妻子回到現(xiàn)實世界后，他妻子仍舊認為自己不在現(xiàn)實世界里，這個被植入的想法已經(jīng)根深蒂固，很難改變。

所以改變舊的心智也不簡單。

例如小米最初主打極致性價比，后來想往高端路線走，很難，大家心里已經(jīng)認準了小米就是“性價比之王”，也就是你的產(chǎn)品不僅要好還要便宜。

這就導(dǎo)致小米一漲價，大家就罵他們忘了初心……所以小米拆分出了紅米主攻性價比，小米往高端發(fā)展，但是仍舊很難。

拼多多的百億補貼也是一樣的道理，一開始的砍一刀深入人心，大家對拼多多的心智已經(jīng)成型：便宜，質(zhì)量一般。拼多多想改變這個心智，推出百億補貼，并承諾假一賠十，就是想告訴大家，我拼多多，也是有正品好貨的。不過，效果嘛，見仁見智。

第三種：匹配現(xiàn)有的心智模型

難度指數(shù)：相對簡單。

其實匹配現(xiàn)有的心智模型，是相對最簡單的方法，市場已經(jīng)幫你把用戶習(xí)慣培養(yǎng)好了，你直接使用，那肯定事半功倍，省時省力啊。

舉個例子，大家最近有關(guān)注小米的 13 Ultra 嗎？

小米和徠卡聯(lián)合研發(fā)的，主打徠卡調(diào)色的相機。

我有一個同事就直接把手里的微單換成了 13 Ultra ，因為拍照足夠好看而且便攜。

這里不是要推銷手機啊，是想讓你們了解 13 Ultra 是個什么東西。

然后給大家看看它的手柄（一個配角，可以拆卸）。

是不是有些熟悉？
和相機像不像？

這個手柄就是沿用了相機的心智模式。

小結(jié)一下：

心智模型有3種用法：

新建：創(chuàng)建新的心智模型

改變：改變舊的心智模型

延續(xù)：匹配現(xiàn)有的心智模型

下面聊聊，咱們怎么做才能更加匹配用戶的心智模型？

同樣的，我不會拿具體頁面來舉例，還是希望把思考方式分享給大家，而不是某一個頁面的設(shè)計。

要想匹配用戶的心智模型其實就三步：

了解業(yè)務(wù)、了解用戶、競品調(diào)研。

或者可以這么說， 在懂業(yè)務(wù)、懂用戶的基礎(chǔ)上，還要了解行業(yè)內(nèi)的通用做法。

1）了解業(yè)務(wù)

一定要了解業(yè)務(wù)，為什么？

因為好的設(shè)計方案千千萬，但是匹配你的業(yè)務(wù)的方案才是好方案，如果不了解業(yè)務(wù)，可能設(shè)計出來的方案就是自嗨，例如網(wǎng)上很多的dribble風(fēng)設(shè)計。

又比如說手機瀏覽器一般都把搜索框放到屏幕頂部，而夸克瀏覽器卻把搜索框放到了下面。

為什么？

因為夸克想推翻傳統(tǒng)的瀏覽器，想打造一款更年輕更好用的瀏覽器，把搜索框放到下面也是滿足他們的業(yè)務(wù)訴求，現(xiàn)在手機屏幕越來越大，搜索框放在下面手指操作更加方便。
所以，一定要先去了解業(yè)務(wù)。

拼多多和淘寶同樣都是電商平臺，可它們的用戶心智相差甚大，因為最后方案設(shè)計是服務(wù)于最初的業(yè)務(wù)目標的，業(yè)務(wù)不同，呈現(xiàn)的方案也不一樣，最后讓用戶形成的心智也不同。

2）了解用戶

為啥？給老人和小孩設(shè)計的界面能一樣嗎？

就拿顏色和文字來說。

小孩喜歡高飽和、豐富的顏色，而老人則需要考慮在各種場景下都能看得清楚信息的顏色。

小孩喜歡圓潤的卡通字體，而老人需要識別度更高的字體，更大的字號。

不同的用戶，采用的設(shè)計一定是不同的，只有了解了他們的喜好和痛點，才能做出符合他們心智模型的設(shè)計。

3）競品調(diào)研
為啥要競品調(diào)研呢？

因為競品和我們的產(chǎn)品類似，那么意味著用戶大概率重合度也高，甚至業(yè)務(wù)上都有一定相似度，那么意味著，競品的方案，大概率是經(jīng)過市場驗證的符合用戶心智模型的方案。

你看，既然競品已經(jīng)給咱們打了個樣，為何還要自己悶頭造輪子呢？

咱們目的是解決問題，又不是為了證明自己很厲害。

但是，不要誤解，我不是說照著競品抄，而是取長補短，所以不僅要調(diào)研，還要分析，分析就是把競品的優(yōu)劣勢找出來，好的地方咱們可以酌情借鑒，不好的地方，咱們也要避個雷嘛。

好了，小結(jié)一下，要想匹配用戶的心智模型，一定要了解業(yè)務(wù)、了解用戶，還要做競品調(diào)研了解市場的通識性做法。

以上。

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 



藍藍設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

從設(shè)計“工具類軟件本身”思考復(fù)雜操作類軟件設(shè)計時的宏觀的思路，希望能反過來幫助應(yīng)用。希望大家多批評指正，互相交流

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 



藍藍設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

一、弧形輪播的 Banner 圖設(shè)計

在移動端 Banner 圖通常以左右輪播居多，也有個別產(chǎn)品會在輪播形式上創(chuàng)新，比如上下輪播、分層輪播、漸隱輪播、Z 軸輪播等。

最近在體驗態(tài)棒 App 時，其 Banner 圖采用弧形輪播的形式。利用弧度的形式展示商品提高了 Banner 位的利用率，有助于展示更多推薦商品，直觀的表達也使得商品更加突出。自動輪播類似于滾動的櫥窗，表現(xiàn)形式非常新穎，帶給用戶更好的感官體驗。

二、默認頭像的多種預(yù)設(shè)選擇

隨著產(chǎn)品感官體驗的提升，很多產(chǎn)品在默認頭像的設(shè)計層面變得更豐富，不一定需要用戶上傳照片，自定義的選擇也更靈活。

除了通過 IP 形象強化默認頭像的視覺感以外，最近在使用智行火車票 App 時，其默認頭像以矢量插畫風(fēng)為主。用戶進行頭像設(shè)置時無需上傳照片，產(chǎn)品提供了多個默認頭像，方便用戶根據(jù)自己的喜好作出預(yù)設(shè)。多種預(yù)設(shè)讓自定義選擇更靈活，也能讓默認頭像更美觀，提升用戶對產(chǎn)品的好感度。

三、趣味性的心情打卡設(shè)計

對于職場人來說壓力是難以避免的，總會遇到一些煩心的事或者壓力，就會因此影響我們的情緒。我們要試著釋放壓力，治愈我們的情緒才能迎接美好的明天。

最近體驗到一個幫你記錄心情，治愈心事的產(chǎn)品-歲歲。整個產(chǎn)品設(shè)計風(fēng)格清新可愛，看著就有種治愈感?？梢詫ψ约寒斍暗男那檫M行打卡，類似于儀表盤一樣的心情打卡設(shè)計也是趣味性十足，表情設(shè)計風(fēng)格非?？蓯?，哪怕是不開心也能通過這樣趣味性的打卡形式而治愈。設(shè)計風(fēng)格觀賞性很高，值得大家體驗。

四、五一主題氛圍設(shè)計

眾多產(chǎn)品都會在五一假期期間進行系列主題活動，如何充分利用好當前布局結(jié)構(gòu)，是產(chǎn)品設(shè)計師進行設(shè)計發(fā)揮的關(guān)鍵。

在五一期間使用嘀嗒出行 App 時，多個主界面結(jié)合了五一主題氛圍設(shè)計，青春活潑的插畫風(fēng)渲染出歡快的節(jié)奏。整個界面被裝扮得非常有氛圍感，既傳播了主題活動，也帶給用戶非常新穎的視覺享受。

五、場景化的積分兌換設(shè)計

為了提高用戶黏性，通過簽到積分、消費積分、任務(wù)積分等，再結(jié)合積分兌換提高用戶參與度，是提升黏性轉(zhuǎn)化的有效形式。

麥當勞 App 在積分兌換的設(shè)計中結(jié)合了兌換套餐的實物照片，讓用戶對于兌換商品更有直觀感受。也可以切換不同積分兌換的差異，提高用戶參與積分的積極性。通過場景化的積分兌換設(shè)計，不僅提高用戶參與度，設(shè)計感官度也非常棒。

六、動態(tài)賣點強化關(guān)注度

需要強化功能的關(guān)注度時，除了在視覺表現(xiàn)層體現(xiàn)差異以外，動靜結(jié)合也能起到突出作用。

比如智行火車票 App 首頁設(shè)計中，以動效的形式演變賣點，以此突出酒店欄目。動效表達的形式形成動靜對比，以差異化的形式突出業(yè)務(wù)重點，提高用戶的關(guān)注度。

七、播放按鈕的品牌氛圍營造

越來越多的產(chǎn)品開始注重立足于品牌的設(shè)計，強化品牌曝光度和產(chǎn)品差異化，品牌基因的融入可以一舉多得。

最近在使用汽水音樂 App 聽歌時，播放按鈕暫停狀態(tài)背景會有氣泡漂浮，還原了汽水帶給用戶的視覺感。通過小小的動效表達不僅強化了品牌感，也提高了播放按鈕的點擊欲，帶給用戶不錯的感官體驗。

八、登錄設(shè)計中的動態(tài)背景

登錄已經(jīng)逐步成為體驗產(chǎn)品的必備步驟，很多產(chǎn)品都需要用戶登錄才可以體驗，如何提高用戶的登錄意愿度變得至關(guān)重要。

吃貨筆記 App 在登錄設(shè)計中采用動態(tài)背景增強視覺感，有種炫酷的感覺。動態(tài)背景結(jié)合炫酷的圖形設(shè)計，營造出不錯的氛圍感，以此降低登錄帶來的排斥感，提高用戶登錄體驗產(chǎn)品的意愿度。

九、導(dǎo)航結(jié)束的人性化設(shè)計

導(dǎo)航算是這個時代最便民的工具之一，讓大家的出行更便捷和安全。隨著導(dǎo)航產(chǎn)品的不斷完善，使用體驗也越來越人性化。

五一期間使用高德地圖導(dǎo)航時，抵達目的地結(jié)束導(dǎo)航的設(shè)計中，會根據(jù)目的地屬性進行場景表達。比如目的地是古鎮(zhèn)類景區(qū)，會以古鎮(zhèn)代表的圖標設(shè)計替代默認圖標，也會顯示景區(qū)購票信息，方便用戶進行購票和了解相關(guān)信息。結(jié)合場景打造人性化的設(shè)計，讓用戶時刻感受到產(chǎn)品的溫度。

十、不一樣的點贊設(shè)計

點贊設(shè)計已經(jīng)很普遍，通常以伸大拇指和愛心圖標為主，點擊變化過程中也會結(jié)合動效和衍生設(shè)計。

最近在體驗歲歲 App 時，在樹洞欄目中點贊設(shè)計采用動效結(jié)合卡通形象。點贊時以動效表達卡通形象送愛心的過程，呈現(xiàn)出不一樣的點贊效果，帶給用戶差異化的點贊體驗。

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 



藍藍設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

1.提示欄

1.1 視覺

這個頁面第一眼最突兀的地方首先是“知道了”這3個字，因為在這個界面中，橙色產(chǎn)品色，而突然出現(xiàn)的藍色會讓你覺得特別醒目，所以我們第一眼會看到這三個字以及這一行的內(nèi)容，這里只涉及到了UI層面上的視覺表現(xiàn)就可以將用戶的注意力吸引過來，但提示欄的視覺優(yōu)先級并不應(yīng)該設(shè)計的這么高。

1.2 文案

這里的業(yè)務(wù)規(guī)則是，用戶必須將保險內(nèi)容全部瀏覽完才可以進入到下一階段，也就是說一共4頁內(nèi)容，如果你在擊下方的checkbox或者下一步時時，內(nèi)容沒有定位在4/4的分頁狀態(tài)時，就會被判定沒有閱讀完保險內(nèi)容。但是這里的文案只是告訴用戶，請向下滑動瀏覽全部內(nèi)容。

2.條款按鈕

2.1視覺

底部有3個條款按鈕，在視覺表現(xiàn)上是3個統(tǒng)一樣式的幽靈按鈕，點擊后會出現(xiàn)彈窗讓用戶閱讀條款內(nèi)容，并在一定時間內(nèi)允許關(guān)閉，用戶點擊閱讀完后樣式不變，但這里的規(guī)則是必須閱讀條款且全部閱讀。

2.2 交互

必須閱讀完三個條款與說明，才可進入下一步。所以這里就會出現(xiàn)多種問題，比如用戶閱讀完保單內(nèi)容但沒有注意到中間的條款按鈕，在視覺沒有給出“必讀”的意符的情況下，用戶會先點擊下一步，但是被告知需要閱讀條款，用戶點擊閱讀完第一條條款，認為自己已經(jīng)完成要求后繼續(xù)點擊下一步，但發(fā)現(xiàn)需要閱讀完三個條款才能完成要求。

這樣的交互與信息設(shè)計讓用戶在該頁面的操作效率大幅度下降，所以面對這種情況，我們是否可以用一些交互優(yōu)化的手段來解決這些問題呢？在選擇策略和方案之前，我們需要思考一些問題：

1.條款的必讀性、風(fēng)險控制

2.效率與法律責(zé)任的權(quán)衡

3.面對多文本、文檔的操作、閱讀的便利性

其實這些問題一部分是業(yè)務(wù)規(guī)則，如果業(yè)務(wù)上的要求不是必須的那么在效率上的操作空間就會比較大。比如我們經(jīng)常看到的條款和說明的閱讀，幾乎沒有人會去全部一字不落的看完，但是為了讓用戶充分了解條款、協(xié)議的內(nèi)容，以防后續(xù)帶來的風(fēng)險，現(xiàn)在產(chǎn)品的設(shè)計策略就是給用戶一個5秒的閱讀倒計時，倒計時結(jié)束前無法關(guān)閉彈窗，但說實話這種設(shè)計也是雞肋的很，不想看的人你給60秒也不會去看，想看的人不設(shè)計倒計時也會很仔細的看。所以現(xiàn)在很多產(chǎn)品也做了簡化處理，例如在這個保險條款的交互方式中，我們也可以這樣設(shè)計。在底部直接將條款做成鏈接的形式，和checkbox一同做在一個欄里方便用戶操作，想看自己點，不想看就直接勾選后下一步即可。

關(guān)于風(fēng)險揭示、知曉以及同意協(xié)議這個步驟有很多種做法，還有下方的3種例子：

1.將所有風(fēng)險平鋪讓用戶勾選并同意，這樣的方式比做在一個模塊里打鉤其實形式上是一樣的，因為都可以全選后確認，一種同構(gòu)異型的做法。將風(fēng)險需知面積展示的更多，希望用戶能對其重視，但是為了效率起見還是做了一個全選，也是在形式上尊重了“風(fēng)險”。

2.用標簽選擇的形式將合同、條款披露給用戶，這種形式在本質(zhì)上也和上面的差不多，甚至很多用戶可能不回去點第二個標簽。

3.現(xiàn)在很多產(chǎn)品因為政策的關(guān)系都會在登錄頁面中加上用戶協(xié)議和隱私政策的說明，需要用戶自己去點擊，很多用戶都覺得在登錄前點擊該協(xié)議非常的麻煩，有時也會忽略，所以一些聰明的產(chǎn)品就在用戶點擊登錄后再彈出彈框讓用戶同意該協(xié)議。

最后，話又說回來，領(lǐng)導(dǎo)非讓用戶點擊完3個按鈕，才可以點擊下一步，該怎么設(shè)計呢？首先在視覺樣式層面，用常規(guī)的色塊、線條樣式的按鈕肯定是不行的，因為在這里我們要考慮幾個點：

1.如何讓用戶知道這3個條款是必須點擊閱讀的 

2.讓用戶知道只有全部閱讀完才可以進行下一步。所以做成常規(guī)按鈕，用戶無法知道該點哪個，先點哪個，要點幾個。

那可以做成勾選嗎？也不行，感覺比做成按鈕還要離譜。

那我們可以考慮這樣做，在這個步驟中也無法單獨將閱讀條款列為一個界面，所以只能繼續(xù)在頁面下方用列表的形式讓用戶去閱讀。通過這樣的設(shè)計可以讓用戶明確我該點哪個，哪個還沒有閱讀，當用戶沒有完成閱讀要求時，底部按鈕置灰。

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 



藍藍設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

用戶體驗設(shè)計流程

由于系統(tǒng)軟件糟糕的UI設(shè)計（菜單排布問題）所導(dǎo)致的誤操作，美國居民受到導(dǎo)彈襲擊的驚嚇

· 美國Forester的一項研究發(fā)現(xiàn)，針對UX投入的每1美元，能夠帶來2~100美元的收益。

· Amazon把按鈕文字從“注冊（register）”改成“繼續(xù)（continue）”之后，銷售增長了3億元。

· McAfee重新設(shè)計UI之后，客服電話減少了90%?！?Airbnb的Mike Gebbia認為，公司從接近失敗到獲得100億美元市值，最大因素要歸功于UX

UX究竟在設(shè)計些什么 

廣義的用戶體驗設(shè)計，是包含了內(nèi)容功能設(shè)計，信息架構(gòu)設(shè)計，用戶界面設(shè)計，交互設(shè)計，視覺設(shè)計，語言設(shè)計，動效設(shè)計，音效設(shè)計，在一定程度上涵蓋了產(chǎn)品物理外觀設(shè)計（工業(yè)設(shè)計），平面/包裝設(shè)計，空間設(shè)計，服務(wù)流程設(shè)計等。它意味著一個高度交叉綜合的領(lǐng)域，涉及到人與產(chǎn)品系統(tǒng)或服務(wù)發(fā)生關(guān)系并產(chǎn)生體驗的所有觸點。一般或狹義的UX Design，則主要作為與UI Design區(qū)分，多用于互聯(lián)網(wǎng)軟件（或消費電子等）行業(yè)基于屏幕的設(shè)計，包含信息框架設(shè)計，用戶交互設(shè)計，可用性研究等。這里的UI Design偏重于視覺上的設(shè)計。而在現(xiàn)實中我們也經(jīng)常把UX等同于“交互”。

用戶體驗設(shè)計的核心和本質(zhì)，就是研究目標用戶在特定場景下的思維方式和行為模式，通過設(shè)計提供產(chǎn)品或服務(wù)的完整流程，去影響用戶的主觀體驗?？梢娪脩粞芯吭谡麄€UX流程當中的重要性。而認知心理學(xué)（Cognitive Psychology）則是用戶體驗設(shè)計的理論基礎(chǔ)和科學(xué)依據(jù)。它是一門研究認知及行為背后之心智處理（包括思維、 決定、推理和一些動機和情感的程度）的心理科學(xué)。這門科學(xué)包括了廣泛的研究領(lǐng)域，旨在研究記憶、注意、感知、知識表征、推理、創(chuàng)造力，及問題解決的運作。相關(guān)的還有人體工學(xué)（Ergonomics）與人因工程學(xué)（Human Factors Engineering），是研究人和機器、環(huán)境的相互作用及其合理結(jié)合，使設(shè)計的機器和環(huán)境系統(tǒng)適合人的生理及心理等特點，達到提高效率、安全、健康和舒適目的的一門科學(xué)?？捎眯裕║sability）的概念最早出現(xiàn)于1979年，遠比唐·諾曼在1993年提出的“用戶體驗”概念要早?？捎眯缘腎SO定義是“用戶在特定環(huán)境下完成指定目標的效果、效率和滿意度”(ISO 9241-11)，而用戶體驗指“用戶與產(chǎn)品、服務(wù)、設(shè)備或環(huán)境交互時各方面的體驗和感受”?？捎眯缘姆懂牨扔脩趔w驗窄，它聚焦于任務(wù)完成。而用戶體驗是外觀呈現(xiàn)、功能組合、系統(tǒng)性能和交互行為等因素的綜合結(jié)果。

上圖將用戶體驗細分為工具性(Utility)、可用性(Usability)、合意性(Desirability)和品牌體驗(Brand Experience)，最內(nèi)部的圓代表最基礎(chǔ)的用戶體驗。

用戶體驗 / 產(chǎn)品設(shè)計的流程與方法

以用戶為中心的設(shè)計（User-Centered Design，簡稱UCD）概括了用戶體驗設(shè)計的典型流程和方法學(xué)。以用戶為中心的設(shè)計思想非常簡單：在設(shè)計開發(fā)產(chǎn)品的每一個步驟中，都要把用戶列入考慮范圍。從前期的用戶研究需求挖掘，到后期的用戶測試設(shè)計驗證，都要圍繞目標用戶群來進行。

在UCD設(shè)計流程的每個階段，都有多種不同的方法來幫助我們達到目的。

用研分析：

· 單獨訪談（Individual Interviews）：一對一的用戶討論，讓你了解某個用戶是如何工作，使你知道用戶的感受，想要什么和他的經(jīng)歷。

· 焦點小組（Focus Groups）：組織一組的用戶進行討論，讓你更了解用戶的理解、想法、態(tài)度和想要什么。

· 關(guān)鍵利益人訪談（Stakeholders Interview）

· 情境訪談（Contextual Inquiry or Field Study）：走進用戶的現(xiàn)實環(huán)境，讓你了解你的用戶的工作方式，生活環(huán)境等等情況。

· 日記研究（Diary Study）：日記研究可以讓用戶記錄自己的進程，研究者以非打擾的視角探查用戶的體驗。

· 問卷調(diào)研（Questionnaire Study）：利用網(wǎng)上或紙張的問題list對用戶進行發(fā)放填寫，從而收集用戶對產(chǎn)品的需求建議。

· 任務(wù)分析（Task Analysis）：通過任務(wù)分析了解用戶使用產(chǎn)品時的目標和操作方式，習(xí)慣（GOMS模型）。

· 用例分析（Use Case Analysis）

· 卡片分類（Card Sorting）、樹形圖測試（Tree Testing）：觀察用戶是如何理解內(nèi)容和組織信息，用來幫助你的產(chǎn)品更合理地組織信息?！?競品分析（Competitive Analysis）、標桿分析法（Benchmarking）· 桌面研究（Desktop Research）、市場研究（Market Research）· 用戶角色模型（Personas）：構(gòu)建一個虛構(gòu)的人來代表特定目標用戶群組，設(shè)計團隊圍繞這個虛擬人物設(shè)計開發(fā)產(chǎn)品。

· 用戶體驗旅程圖（User/Customer Journey Mapping or Experience Mapping）：從用戶角度出發(fā)，以敘述故事的方式描述用戶使用產(chǎn)品或接受服務(wù)的體驗情況，以可視化圖形的方式展示，從中發(fā)現(xiàn)用戶在整個使用過程中的痛點和滿意點，最后提煉出產(chǎn)品或服務(wù)中的優(yōu)化點、設(shè)計的機會點。

· 態(tài)度研究（Attitudinal Research）和行為研究（Behavioural Research）

· 定性研究（Qualitative Research）和定量研究（Quantitative Research）

設(shè)計階段：

· 腦力風(fēng)暴（Brainstorming Ideation）

· 概念草圖（Concept Sketching）

· 思維導(dǎo)圖（Mind Mapping）· 交互流程（User Interaction Flow）

· 信息架構(gòu)（Information Architecture）：對功能內(nèi)容進行高度概括的統(tǒng)籌規(guī)劃、設(shè)計安排。

· 情景與故事版設(shè)計（Scenario & Storyboard Design）：情景是指特定用戶如何使用產(chǎn)品完成特定目標的簡短故事。故事板是連續(xù)的一系列草圖，用視覺的方式表現(xiàn)用戶如何使用產(chǎn)品，形式上類似漫畫分鏡。

· 線框圖（Wireframing）

· 低保真原型與高保真原型（Lo-fi & Hi-fi Prototyping）

· 紙質(zhì)原型（Paper Prototype）

· 視頻原型（Video Prototype）：通過視頻來演示用戶如何與產(chǎn)品系統(tǒng)進行交互。

· 綠野仙蹤原型（Wizard of oz Prototype）：使用角色扮演來模擬用戶如何與產(chǎn)品系統(tǒng)進行交互。

· 可交互原型（Interactive Prototype）

· 視覺設(shè)計（Visual Design）

· 設(shè)計模式（Design Patterns）、設(shè)計語言（Design Language）、設(shè)計規(guī)范（Design Guidelines）與設(shè)計體系（Design System）

· 標注文檔（Design Spec）

· 動效設(shè)計（Animation Design）

· 參與式設(shè)計（Participatory Design）：將終端使用者或利益相關(guān)者帶入設(shè)計流程中。

· 共情/移情/同理心設(shè)計（Empathic Design）：將設(shè)計師帶入使用者情境中進行觀察設(shè)計。

· 平行設(shè)計（Parallel Design）：對同一個產(chǎn)品進行分開的設(shè)計，從而比較選擇一個最佳方案。

評估驗證：

· 啟發(fā)式評估（Heuristic Evaluation）：由一組行內(nèi)專家依據(jù)尼爾森十大原則對產(chǎn)品進行可用性檢查。

· 專家評審（Expert Inspection）

· 可用性測試（Usability Testing）：邀請用戶來試用你的產(chǎn)品，有任務(wù)性的完成測試，從而達到評估的目的。分為Moderated和Unmoderated，In-person或Remote。

· 組內(nèi)測試（Within-Subject Testing）與組間測試（Between-Subject Testing）

· 游擊式調(diào)研（Guerrilla Research）：便宜、快速地得到大致的用戶反饋。

· 問卷調(diào)查（Surveys）：利用網(wǎng)上或紙張的問題list對用戶進行發(fā)放填寫，從而收集用戶對產(chǎn)品的反饋意見。

· CSAT（Customer Satisfaction Score）與NPS（Net Promoter Score）

· 眼動追蹤（Eye Tracking）和熱力圖（Heat Map）

· 點擊流分析（Clickstream Analysis）

· 產(chǎn)品漏斗（Product Funnel）和使用情況分析（Usage Analytics）

· 統(tǒng)計學(xué)分析（Statistical Analysis）

· A/B測試：在同一時間維度，分別讓相似的目標人群隨機的訪問產(chǎn)品的不同版本，收集各群組的用戶體驗數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)，最后分析、評估出最好版本，正式采用。

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司