藍(lán)藍(lán)設(shè)計(jì)( m.820esy.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

產(chǎn)品經(jīng)理對(duì)設(shè)計(jì)的認(rèn)知變化，遠(yuǎn)遠(yuǎn)趕不上用戶(hù)越來(lái)越懶越來(lái)越追求快的心智模型變化!

類(lèi)似的產(chǎn)品，做了同樣的一個(gè)功能，但是，我們還是可以很明顯的感受到不同，這種不同我們常常把他叫做「用戶(hù)體驗(yàn)」。

但是這種差異究竟是怎樣的，我們似乎很難描述，那好吧，我換個(gè)方式來(lái)聊聊，我們?cè)谑褂妙?lèi)似產(chǎn)品的同樣功能的時(shí)候的感受。

來(lái)看看3組類(lèi)似產(chǎn)品相似功能的設(shè)計(jì)：

在很早的時(shí)候就存在一個(gè)需求，聽(tīng)歌識(shí)曲。于是早期有很多類(lèi)似的APP，比如音樂(lè)雷達(dá)、shazam等。

后來(lái)，微信也做一個(gè)搖一搖識(shí)別歌曲的功能。

最早的音樂(lè)雷達(dá)只完成一件事，幫你找到這首歌的名字，這屬于及格的產(chǎn)品;微信的搖一搖能做到幫你找到這首歌的名字，還能幫你定位到當(dāng)前播放的位置，并繼續(xù)自動(dòng)滾動(dòng)歌詞，這屬于優(yōu)秀的產(chǎn)品。

在很早的時(shí)候，支付寶做了手機(jī)端的支付流程，我們需要記住很復(fù)雜的支付密碼。

后來(lái)，微信也做了手機(jī)端的支付，微信說(shuō)密碼應(yīng)該延續(xù)實(shí)體卡片的6位數(shù)字，不需要那么復(fù)雜;微信說(shuō)支付這個(gè)環(huán)節(jié)為什么需要確認(rèn)呢?

支付寶的手機(jī)端支付流程，屬于一個(gè)及格的產(chǎn)品;而微信的手機(jī)端支付流程，屬于一個(gè)優(yōu)秀的產(chǎn)品。

另外，大家注意對(duì)比這2個(gè)頁(yè)面，從設(shè)計(jì)角度講，支付寶的這個(gè)頁(yè)面設(shè)計(jì)實(shí)在爛透了!

1、浮層標(biāo)題欄的提示，微信更簡(jiǎn)單明了;

支付寶的標(biāo)題欄，又是icon又是文字，怎一個(gè)亂字了得!這個(gè)頁(yè)面是在支付寶APP中調(diào)起來(lái)的，這個(gè)時(shí)候還突出你的logo，想要表達(dá)什么呢?完全沒(méi)必要啊

2、主信息展示區(qū)域，付多少錢(qián)，用什么方式支付，微信在信息的區(qū)分展示上處理的更好，而支付寶的這個(gè)設(shè)計(jì)，我經(jīng)常會(huì)分不清楚那個(gè)364.00元指的是我的余額還是我要付的錢(qián)。

付多少錢(qián)與用什么形式付款，是2個(gè)不同的層級(jí)的信息，但是，支付寶的UI處理上，放在了一個(gè)層級(jí)上，給用戶(hù)在信息的識(shí)別上增加了更多不必要的負(fù)擔(dān)。

3、為什么要有確認(rèn)按鈕，為什么要有確認(rèn)按鈕，為什么要有確認(rèn)按鈕?　　— 重要的事情說(shuō)3遍!

支付寶迫于微信的鴨梨，把密碼修改為支持6位，但是，在設(shè)計(jì)上，還是沒(méi)敢放開(kāi)自己，一個(gè)需要確認(rèn)按鈕，一個(gè)不需要確認(rèn)按鈕，產(chǎn)品設(shè)計(jì)功底，高低立現(xiàn)，差的真心不是一丁半點(diǎn)。

ps：我們很多的產(chǎn)品經(jīng)理，我們很多的設(shè)計(jì)師，在設(shè)計(jì)上非常的「?jìng)鹘y(tǒng)」。比如，切換城市了不是在后臺(tái)就自動(dòng)完成，非要提示一下用戶(hù)，還要用戶(hù)確認(rèn)一下。

產(chǎn)品經(jīng)理對(duì)設(shè)計(jì)的認(rèn)知變化，遠(yuǎn)遠(yuǎn)趕不上用戶(hù)越來(lái)越懶越來(lái)越追求快的心智模型變化!

這是一個(gè)導(dǎo)流頁(yè)面的對(duì)比，我們主要看文案的提示。

場(chǎng)景是用戶(hù)叫出租車(chē)叫不到，推薦用戶(hù)去用專(zhuān)車(chē)?？斓拇蜍?chē)的做法屬于及格產(chǎn)品，而滴滴打車(chē)的做法屬于相對(duì)優(yōu)秀產(chǎn)品。(個(gè)人覺(jué)得優(yōu)化空間還較大)

分析一下這個(gè)場(chǎng)景，用戶(hù)叫不到車(chē)了，這是現(xiàn)實(shí)，用戶(hù)的需求是用車(chē)，但是專(zhuān)車(chē)明顯比出租車(chē)貴。

所以，這個(gè)文案提示有2個(gè)方面要講，一方面是沒(méi)車(chē)了，你可以換個(gè)別的試試，一方面是別的車(chē)大概多少錢(qián)，你能省多少，你算算是不是符合你的預(yù)期。

這樣一分析，高低立現(xiàn)。

所以還是那句話(huà)，產(chǎn)品經(jīng)理們，你們?cè)摱嘧x點(diǎn)書(shū)的!

及格的產(chǎn)品，能把流程想完整，把該有的元素都放上去;

優(yōu)秀的產(chǎn)品，流程是極簡(jiǎn)完整的，元素都是無(wú)法再剔除的;

及格的產(chǎn)品，有耐心的用戶(hù)一步一步堅(jiān)持，可以完成任務(wù);

優(yōu)秀的產(chǎn)品，不管是什么用戶(hù)，很簡(jiǎn)單就能完成任務(wù);

及格的產(chǎn)品，在思考產(chǎn)品方案的時(shí)候，會(huì)考慮的是完成任務(wù);

優(yōu)秀的產(chǎn)品，在思考產(chǎn)品方案的時(shí)候，會(huì)考慮的是如何愉悅的完成任務(wù);

最后，為了讓你們更簡(jiǎn)單直觀的理解及格的產(chǎn)品和優(yōu)秀的產(chǎn)品，放一張生活中常見(jiàn)的圖吧。