近為了團隊能做好產(chǎn)品首頁設(shè)計，我研究了很多國外to B類的相關(guān)產(chǎn)品設(shè)計。發(fā)現(xiàn)國外這類設(shè)計作品在整體水準(zhǔn)上比國內(nèi)高了不止一個檔次（國內(nèi)to B產(chǎn)品起步較晚，在設(shè)計方面的研究幾乎空白），而這種差距和設(shè)計技法沒有太多關(guān)系，更多的是對產(chǎn)品個性的把握和傳達。

簡之前先學(xué)會做減法

相比于9.0版，9.2版“減”去了“個人信息”，按照前面提到的“減法”邏輯，“個人信息”屬于不重要的功能，這一點支付寶Team可以通過其點擊率、該入口頁面轉(zhuǎn)化率來做定量判定。

何打造一款看起來非常驚艷的應(yīng)用，我想大家應(yīng)該有所了解，借助有趣的故事、流暢的流程和令人難忘的視覺設(shè)計就好。但是僅有這些并不夠，你需要拿出一些真正能打動用戶心靈，產(chǎn)生情感聯(lián)系的東西，讓他們感受到應(yīng)用真正鮮活的一面。

這個時候，就需要微交互登場了。

筆者最近在看《About Face3-交互設(shè)計精髓》一書， 第二章講到三個術(shù)語：實現(xiàn)模型、心理模型、表現(xiàn)模型。看上去高大上的詞語，理解起來也很難懂。但是我還是硬著頭皮把這一章來回啃了好幾遍，終于咀嚼、咽下了。至于營養(yǎng)怎么樣，可以先看看網(wǎng)上對于“About  Face”這本書的評價。在這本交互界最權(quán)威的書里，作者用一個章節(jié)來講述這三個詞語。足見這三個詞語的重要性。三個詞語描述了產(chǎn)品的運作機制、外在表現(xiàn)與用戶心里認知之間的關(guān)系。為了能夠幫助大家容易理解這幾個詞語，我根據(jù)自己的理解加上一些示例進行了重新的梳理，希望對大家的快速理解有所幫助。

同樣是1個像素，在不同地方是有不同效果的，不能直接就說重要還是不重要。舉個例子

設(shè)計師要懂心理學(xué)這本書很有趣，首先它很簡單，任何對設(shè)計感興趣的讀者都可以輕松閱讀并理解，其次它很真實，能給設(shè)計師帶來一些好玩的回憶和思考，最后，這本書再次證明了設(shè)計師設(shè)計產(chǎn)品，要服務(wù)的用戶是多么簡單而又復(fù)雜的一個群體。。。：）

書名：設(shè)計師要懂心理學(xué)

作者：Susan Weinschenk

書的內(nèi)容挺多，我只記錄自己感興趣的部分，以下。

1，“別人在你的網(wǎng)站上看見的內(nèi)容未必符合你的設(shè)想，他們的個人背景、文化水平、對眼前事物的熟悉度以及期待看到什么，都會影響他們的觀察結(jié)果。”

所以，永遠不要完全以設(shè)計師自己的立場和角度來設(shè)計產(chǎn)品；同時設(shè)計師需要重視用戶研究帶來的價值。

和淘寶還有騰訊的朋友閑聊，不經(jīng)意的又談到了抄襲、抄習(xí)和抄越這幾個有意思的字眼。剛好看到Traci Lepore寫的Why Great Designers Steal, and Are Proud of It這篇文章，就整理一下和更多人分享。

強調(diào)一下，畢加索的原話其實是”Bad artists copy, Good artists steal”，而不是”Good artists copy, great artists steal”。也許大部分人意識到抄襲是可恥的，把bad改成good聊以自慰，但是明顯的，我們都承認偷竊是更偉大的。

一切革命性的并且成功的設(shè)計都不是來自憑空想象。不管你是否已經(jīng)意識到，你每天接觸到的事物都在影響你的創(chuàng)作。對于優(yōu)秀的設(shè)計師來說，關(guān)注和吸收新鮮元素確實會激發(fā)他們本身的創(chuàng)造性。但是通常而言，不管你稱其為抄襲、模仿或者借鑒，大部分人都只是在復(fù)制別人的想法。

我本人也有過這樣的經(jīng)歷，之前我們設(shè)計一個大數(shù)據(jù)產(chǎn)品的官網(wǎng)，設(shè)計師做完我很滿意，但是老板提出了意見：你們這是C端（customer）風(fēng)格，我 這是一個to B（business）的網(wǎng)站，以后不要再給我搞這種C端風(fēng)格！我們后來分析了很多to B的網(wǎng)站風(fēng)格，發(fā)現(xiàn)它們確實存在明顯的共性，而我們卻習(xí)慣于已有的C端經(jīng)驗而忽視了這類網(wǎng)站這么明顯的特質(zhì)。當(dāng)時我也在反思，為什么不懂設(shè)計的老板反而能 發(fā)現(xiàn)設(shè)計上的問題？因為她對業(yè)務(wù)足夠理解，并且她的視野更寬闊！可見要真正做好設(shè)計，只懂設(shè)計層面的東西是不夠的，需要拓寬眼界和知識面，從更高的角度來 看問題。

藍藍注：這篇文章寫的非常具體，對于一個公司的初級和中級網(wǎng)站，比較實用，可參照。

一、感官體驗：呈現(xiàn)給用戶視聽上的體驗，強調(diào)舒適性

1. 設(shè)計風(fēng)格：符合目標(biāo)客戶的審美習(xí)慣，并具有一定的引導(dǎo)性。

網(wǎng)站在設(shè)計之前，必須明確目標(biāo)客戶群體，并針對目標(biāo)客戶的審美喜好，進行分析，從而確定網(wǎng)站的總體設(shè)計風(fēng)格。

2. 網(wǎng)站LOGO：確保logo的保護空間，確保品牌的清晰展示而又不占據(jù)過分空間。

3. 頁面速度：正常情況下,盡量確保頁面在5秒內(nèi)打開。如果是大 型門戶網(wǎng)站，必須考慮南北互通問題，進行必要的壓力測試。

4. 頁面布局：重點突出，主次分明，圖文并茂。與企業(yè)的營銷目標(biāo)相結(jié)合，將目標(biāo)客戶最感興趣的，最具有銷售力的信息放置在最重要的位置。

5. 頁面色彩：與品牌整體形象相統(tǒng)一，主色調(diào)+輔助色不超過三種顏色。以恰當(dāng)?shù)纳拭鞫群土炼龋_保瀏覽者的瀏覽舒適度。

6. 動畫效果：與主畫面相協(xié)調(diào)，打開速度快，動畫效果節(jié)奏適中，不干擾主畫面瀏覽。

7. 頁面導(dǎo)航：導(dǎo)航條清晰明了、突出，層級分明。

8. 頁面大小：適合多數(shù)瀏覽器瀏覽(以15寸及17寸顯示器為主)。

9. 圖片展示：比例協(xié)調(diào)、不變形，圖片清晰。圖片排列既不過于密集，也不會過于疏遠。

10. 圖標(biāo)使用：簡潔、明了、易懂、準(zhǔn)確，與頁面整體風(fēng)格統(tǒng)一。

11. 廣告位：避免干擾視線，廣告圖片符合整體風(fēng)格，避免喧賓奪主。

“蘋果是否做用戶研究？”

這個頗具爭議的問題，黃峰給出自己與蘋果用戶體驗布道師Mark Kawano溝通的結(jié)果。蘋果撤掉了專門的用戶研究團隊，但其職能被設(shè)計師團隊所消化與分擔(dān)。真正專業(yè)的用戶體驗設(shè)計師，對于基礎(chǔ)的用戶研究已具備執(zhí)行與分析的能力。大規(guī)模的定量研究由內(nèi)部或外部其他專業(yè)團隊來完成。

“在產(chǎn)品創(chuàng)新過程中，誰該主導(dǎo)產(chǎn)品的設(shè)計？PM or UX？”

黃峰認為PM和UX本為一家，需要緊密協(xié)作。PM是一個非固定崗位，也是一種qualification，即無論是研發(fā)、設(shè)計亦或項目管理，在滿足條件的情況下都可以成為某個產(chǎn)品的產(chǎn)品經(jīng)理。同時黃峰也直言，目前多數(shù)企業(yè)的多數(shù)PM實質(zhì)上并非產(chǎn)品經(jīng)理（Product Manager）,  更多的是項目經(jīng)理（Project Manager）。真正的產(chǎn)品經(jīng)理（Product Manager）是需要為產(chǎn)品的Vision, Strategy, Roadmap, 市場反饋監(jiān)測與產(chǎn)品調(diào)整等負責(zé)，這才是真正的UX頂尖人才的終極目標(biāo)。黃峰以電影行業(yè)為例子，生動闡述了UX在產(chǎn)品/服務(wù)創(chuàng)新領(lǐng)域的定位和價值與電影中的導(dǎo)演與其他專業(yè)的關(guān)系有幾分相似。在他看來，理想中的產(chǎn)品經(jīng)理更需要全面的UX能力，我們當(dāng)下不必拘泥于某個歷史留下的title, 關(guān)鍵還是看實際的工作內(nèi)容和定位。