糟糕的用戶體驗
????????生活中，總是會遇到各式各樣的產品佳簸，而我們每一次使用這些產品，都會產生體驗听想。有很多產品，會用的很爽衔峰。而有些產品蛙粘，就是反人類的。比如這個插座穴肘，充分節(jié)省空間的設計也是醉人评抚，緊緊將兩個插頭挨在一起盈咳，保證你同一時間內不可以同時用边翼，超級省電，呵呵组底。
????????有時候真想把設計師找出來打一頓债鸡，是怎么想的，竟然設計這種反人類的東西出來唬滑。很無奈棺弊，現(xiàn)實中就是有那么多產品，使用的時候稻艰，讓人極其不爽侈净。而一旦使用不爽的時候僧凤，除非你家是壟斷機構元扔，否則摇展，我一定用腳投票，換另外一個能讓我爽的產品咏连。
????????當企業(yè)意識到祟滴，產品不是自己生產的爽就行，還得讓用戶用的爽的時候垄懂，企業(yè)就意識到了用戶體驗的重要性草慧，也因此開始去研究怎么樣的產品設計，用戶體驗會好漫谷。而在互聯(lián)網時代舔示，有一個人叫jesse james garrett，這個人提出了竖共，網站類產品俺祠，應該從哪幾個方面，來考慮用戶體驗妓布。這也就是今天在互聯(lián)網界宋梧，非常知名的《用戶體驗要素》狰挡。
用戶體驗要素
網站類的用戶體驗要素設計释涛，今天我們都知道倦沧，分了五層展融，戰(zhàn)略層、范圍層告希、結構層燕偶、框架層、表現(xiàn)層指么。但每一層具體什么意思伯诬，可能就不一定記得了。
首先盗似，我們來說桥言，為什么要分層？
我們倒過來想并鸵，網站類產品扔涧，設計出來后，用戶接觸到的肯定是一個網頁弯汰，而網頁這個產品湖雹，是如何交付到用戶手里的，讓用戶產生體驗的呢鸽嫂？它是許多人共同的努力，每一個工作人員都為這個網頁付出了努力橡娄，在這個過程中癣籽，伴隨著大量的分析，研究瓶籽，以及做出的決定桑逝。
如果我們看這么一團事情，無法看到全貌茬暇，因此寡喝，將整個事情预鬓，拆分成小塊，一塊一塊的看劈彪，我們就能更清晰地了解到顶猜，網頁類產品，是怎么設計出來的滔吠。
用戶對網頁產生的體驗挠日，不僅僅是網頁顏色怎么樣，還包括冬骚，網頁里面的信息，甚至網址太長記不住夜涕，網名好聽還是不好聽属愤，都是用戶對網頁的體驗酸役。
顏色是屬于視覺方面的體驗涣澡，而網頁信息、網址奄薇、網名等屬于信息方面的體驗抗愁，網站按鈕，則屬于功能類的體驗沫屡，為什么這個功能放這里撮珠，為什么網頁有10個頁面，9頁為什么不行勺届，這些又屬于網站結構方面的設計娶耍。
就這樣伺绽，把一個網頁抽絲剝繭，全部拆分后澜掩，形成了我們今天看到的用戶體驗要素五層杖挣。
先看圖，然后一個一個解釋一下株汉。
戰(zhàn)略層
首先看戰(zhàn)略層乔妈，戰(zhàn)略層包括兩個方面，一個是產品目標勃刨，一個是用戶需求股淡。產品經理必須分析用戶能從這個產品中得到什么，就是產品的用戶價值是什么贾铝。同時呢埠帕，產品經理也需要對自己的產品設定產品目標搞监，可能是商業(yè)價值，也可能是別的東西俘种。要不绝淡，開發(fā)一個產品，沒有目標悬包，開發(fā)個啥呢馍乙。
對于產品目標丝格，就是我們能從這個產品中得到什么显蝌？比如有人會選擇商業(yè)目標，比如實現(xiàn)一個億營收酬诀，OK，也沒問題父叙。另外呢肴裙，我們也要宣傳自己的品牌，讓別人記住我們的品牌，建立我們的產品成功標準阻肩。
對于用戶需求运授，就是用戶能從我們這里得到什么價值？可以通過用戶細分柒室，建立不同的用戶群體逗宜，然后進行用戶研究纺讲，創(chuàng)建用戶角色，形成一個一個的用戶故事逢渔，來確定我們的目標用戶和用戶需求乡括。進而，分析出來盲赊，當我們滿足用戶需求的時候角钩，目標用戶就獲得了這樣一個產品價值。
而對于產品經理而言惨险， 這一層的工作脊髓，實際上就是調研背景将硝、目的以及需求分析。我們要在什么背景下依疼，做什么事情律罢，達到什么目的，用戶有什么需求沧踏，我們有什么需求巾钉，這兩者之間如何平衡砰苍。這一部分，在產品經理這里历等，就是用戶調研辟癌、需求分析這樣一個工作流程黍少。這部分，如果形成一個文檔菩掏，實際上是BRD和MRD昵济，也就是商業(yè)需求文檔和市場需求文檔。
范圍層
定義好了產品目標和用戶需求瞧栗，那么迹恐，緊接著，我們要做什么呢憎茂？我們根據(jù)用戶調研锤岸，知道了用戶有什么需求是偷，而用戶需求非常多，那么我們要做什么，不做什么戒职，要提供什么產品透乾，來滿足用戶的需求乳乌？當我們帶著這樣的思考，去考慮這個問題的時候再来，戰(zhàn)略層就進入到了范圍層磷瘤。
已經確定好一個范圍了采缚，接下來的時候，就是要在這個范圍里干了篡帕。對于產品經理而言，就是要把之前所有的工作拢军，形成一個文檔朴沿，記錄下來败砂，保證在未來開發(fā)的過程中，避免因為模棱兩可的時候昌犹，而重新復盤整個產品坚芜。避免有太多坑。這里的這個文檔斜姥，實際上鸿竖，就是產品需求文檔，PRD铸敏。
產品需求文檔里應該包括哪些東西缚忧？
首先，我們需要考慮杈笔，針對用戶的需求闪水，我們應該提供一個什么東西蒙具，來滿足用戶的需求球榆，讓用戶獲得產品價值。這一步禁筏，是定義需求的關鍵步驟持钉。當需求定義清楚之后，列成一個需求list篱昔，也就是需求清單每强，或者需求池，很多產品經理會有一個Excel表格來做這個需求清單州刽。
緊接著舀射，考慮需求的優(yōu)先級排序了，先做什么怀伦，后做什么脆烟，明確我們的項目中所要進行的全部工作。
最終房待，形成一個產品需求文檔PRD邢羔。
結構層
當我們有了需求文檔的時候驼抹，就要開始很具體的設計一個產品的流程了。對于功能型的產品拜鹤，主要是考慮清楚框冀，系統(tǒng)如何配合和響應用戶的行為。比如敏簿，支付產品明也，用戶點了收款，然后沒有收款二維碼惯裕，這是不行的温数。而對于內容型產品，主要考慮的是如何合理組織有效的信息蜻势。比如現(xiàn)在流行的feed流撑刺，這些內容都是怎么組織起來的，能夠讓用戶看到他們想看的信息握玛。
設計一個產品够傍，尤其到了交互設計這一階段，首先要解決的是兩個問題：
1.如何組織產品中的頁面挠铲；2.如何組織頁面內的元素
也就是冕屯，這個產品要多少個頁面，每個頁面上都怎么樣組織元素拂苹。這就是交互設計這個環(huán)節(jié)要考慮的事情了愕撰。一般，會先形成一個概念模型醋寝，設計好一個用戶通道，然后在用戶操作的路徑上带迟，設定好限制音羞，萬一用戶操作錯了，要有提示仓犬，或者根本不給用戶犯錯的機會嗅绰。最后，要讓用戶理解我們的設計搀继，如果用戶不知道我們的設計是干嘛的窘面，那么做出再好的東西，也無濟于事叽躯。
而對于內容型產品财边，首先是選定一個合適的內容展示結構，一個合適的結構点骑，可以讓用戶一眼就看到他想看的內容酣难，而一個好的內容谍夭，也都是結構化呈現(xiàn)的玉控《峒瑁總之，內容区赵，也一定是需求導向菜谣。如果提供了沒有用戶看的內容珠漂，可想而知，用戶就不來了尾膊。
那么媳危，這一層，對應的是產品經理的哪一部分工作呢眯停？這一部分對應的是济舆，業(yè)務流程圖的繪制和功能框架圖的繪制，這個部分莺债。這兩個圖滋觉，具體長什么樣子呢？
給大家看兩個例子
ps:可能會遇到有人說產品結構圖我纪，或者產品框架圖，我通過查資料丐吓，搜集各種人的解釋之后浅悉，我的發(fā)現(xiàn)就是：結構圖，一般PPT做的券犁，做匯報展示用术健。框架圖粘衬，一般是思維導圖做的荞估，放在需求文檔里的。這倆張圖稚新，本質描述的是一個事情勘伺，都是產品具備哪些功能點。
框架層
當我們設計好用戶的路徑褂删，組織好產品中的頁面飞醉，確定需要幾個頁面，然后確定好屯阀，這個頁面里面有什么元素的時候冒掌。接下來噪裕，我們就需要具體的去設計這些元素在這個頁面里的位置，以及這幾個頁面的前后關聯(lián)了股毫。
在設計這些頁面和元素的過程中膳音，不可避免的是，文案這個很重要铃诬。用戶很多時候祭陷，都是靠文案來理解你的產品功能的，因此趣席，信息設計兵志，也就是文案，在框架層這里要著重注意一下宣肚。
文案很重要的想罕，它是產品經理傳遞想法給用戶的關鍵路徑。很多時候霉涨，用戶面對的是一個不會說話的產品按价。而文案，是產品經理為數(shù)不多的笙瑟，能夠用語言和用戶溝通的方式楼镐。
對于功能型的產品，還有一個點是界面設計往枷。就是用戶操作了功能按鈕框产，操作了頁面元素之后，頁面要給用戶什么樣的反饋错洁。這其實就是讓用戶擁有在做某些事情的能力秉宿。
而在內容型的產品，這個設計屯碴，就變成了導航設計描睦。允許用戶在各種內容之間穿行，也就是讓用戶擁有去某個地方的能力窿锉。
在設計的時候，有兩個準則膝舅，一個是習慣嗡载，不要挑戰(zhàn)用戶的使用習慣，很多設計師會有一種想法仍稀， 要設計一個新的東西洼滚。這個新東西，如果讓用戶喜歡技潘，那么一定是新的里面帶著大量舊的遥巴，用戶從舊的熟悉的東西里面千康，發(fā)現(xiàn)有一點點新奇，這個是用戶喜歡的铲掐。而全新的東西拾弃，是在挑戰(zhàn)用戶的認知，用戶對于一個不理解的東西摆霉，會很有抵觸豪椿。所以，設計携栋，不要挑戰(zhàn)用戶的習慣搭盾，更不要去挑戰(zhàn)用戶的認知。
另一個是比喻婉支，恰當?shù)氖褂蒙钪械氖挛镅煊纾鳛樵O計的比喻。比喻超市的購物車向挖，現(xiàn)在就成了各大電商的購物車標識蝌以，這個比喻就非常好。這個設計借鑒了生活中的常識户誓。而如果你把設計一個非常浮夸的標識饼灿，用戶根本不知道是啥，想想這個用戶點擊量也不會提高帝美。
表現(xiàn)層
最后碍彭，我們還有表現(xiàn)層。在這里悼潭，所有的產品的關注點都是一樣：為最終產品創(chuàng)建感知體驗（sensory experience）庇忌。
用戶對互聯(lián)網的產品，絕大多數(shù)都是通過視覺來感知到的舰褪，所以皆疹，這一層，對于互聯(lián)網產品而言占拍，更多的就是視覺設計略就。
這里面包括了幾個準則，產品內部一致性晃酒，避免支離破碎感表牢，同時，視覺設計贝次，對于重點地方崔兴，要有對比。人的眼睛，會一下分別出有對比的地方敲茄。忠于人的眼睛位谋。這塊兒，要好看堰燎，要能看掏父，要讓用戶愛看。
這部分爽待，是由產品經理和UI設計師一起來完成的损同。在實際的工作流程中，UI設計師其實是產品經理在視覺上的執(zhí)行者鸟款，本質上膏燃，產品經理要自己想明白，用戶需要個什么東西何什。憑著感覺說组哩，這個好看，這個不好看处渣，是不行的伶贰。感覺不靠譜，得要有邏輯罐栈。
總結
對于產品經理而言黍衙，在用戶體驗要素這方面的設計，其實就是產品一系列工作流程的外在體現(xiàn)荠诬。各種各樣的決策堆積起來琅翻，最終交付到用戶手里，形成用戶體驗柑贞。
戰(zhàn)略層方椎，確定產品目標和用戶需求，這是PM設計產品的來源钧嘶。也是做一個產品的開端棠众。
范圍層，當我們獲取到用戶需求有决、明確好產品目標后闸拿，PM就會想，我們可以提供給用戶什么解決方案书幕，來實現(xiàn)用戶的需求新荤。這時候，我們會寫需求文檔按咒，記錄下我們提供的解決方案迟隅。
當文檔完成后，PM會兼職做UE的工作励七，也可以找UE一起來做智袭。開始進入了結構層的設計。這些解決方案掠抬，要做幾個頁面吼野，在哪個頁面呈現(xiàn)。
然后UE就去設計去了两波，這個東西用按鈕表示瞳步，這個東西用文本框表示，按鈕放在這里腰奋，表示可以點擊单起，可以確認，文本框放在那里劣坊，用戶一眼能看到說明等等嘀倒。這都是UE的工作。而這就是框架層的工作局冰。
匯總一下就是测蘑，一個產品交付給用戶，去掉開發(fā)的工作康二，那么這五層碳胳，實際上，就是PM在把一個用戶需求沫勿，或者一個點子挨约，變成最終產品，交付給用戶使用的一套流程藕帜。每一層烫罩，都涉及到各種決策，我們做什么洽故，不做什么贝攒。用什么元件，不用什么元件时甚。什么位置隘弊，什么顏色。
每一個流程上的每一個決策荒适，最終梨熙，交付到用戶那里，當用戶使用一次之后刀诬，產生用戶體驗咽扇。
