2015-6-1 用心設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.skdbbs.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
產(chǎn)品經(jīng)理對(duì)設(shè)計(jì)的認(rèn)知變化，遠(yuǎn)遠(yuǎn)趕不上用戶越來(lái)越懶越來(lái)越追求快的心智模型變化!類似的產(chǎn)品，做了同樣的一個(gè)功能，但是，我們還是可以很明顯的感受到不同，這種不同我們常常把他叫做「用戶體驗(yàn)」。
但是這種差異究竟是怎樣的，我們似乎很難描述，那好吧，我換個(gè)方式來(lái)聊聊，我們?cè)谑褂妙愃飘a(chǎn)品的同樣功能的時(shí)候的感受。
來(lái)看看3組類似產(chǎn)品相似功能的設(shè)計(jì)：
在很早的時(shí)候就存在一個(gè)需求，聽歌識(shí)曲。于是早期有很多類似的APP，比如音樂雷達(dá)、shazam等。
后來(lái)，微信也做一個(gè)搖一搖識(shí)別歌曲的功能。
最早的音樂雷達(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á)什么呢?完全沒必要啊
2、主信息展示區(qū)域，付多少錢，用什么方式支付，微信在信息的區(qū)分展示上處理的更好，而支付寶的這個(gè)設(shè)計(jì)，我經(jīng)常會(huì)分不清楚那個(gè)364.00元指的是我的余額還是我要付的錢。
付多少錢與用什么形式付款，是2個(gè)不同的層級(jí)的信息，但是，支付寶的UI處理上，放在了一個(gè)層級(jí)上，給用戶在信息的識(shí)別上增加了更多不必要的負(fù)擔(dān)。
3、為什么要有確認(rèn)按鈕，為什么要有確認(rèn)按鈕，為什么要有確認(rèn)按鈕? — 重要的事情說(shuō)3遍!
支付寶迫于微信的鴨梨，把密碼修改為支持6位，但是，在設(shè)計(jì)上，還是沒敢放開自己，一個(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)完成，非要提示一下用戶，還要用戶確認(rèn)一下。
產(chǎn)品經(jīng)理對(duì)設(shè)計(jì)的認(rèn)知變化，遠(yuǎn)遠(yuǎn)趕不上用戶越來(lái)越懶越來(lái)越追求快的心智模型變化!
這是一個(gè)導(dǎo)流頁(yè)面的對(duì)比，我們主要看文案的提示。
場(chǎng)景是用戶叫出租車叫不到，推薦用戶去用專車。快的打車的做法屬于及格產(chǎn)品，而滴滴打車的做法屬于相對(duì)優(yōu)秀產(chǎn)品。(個(gè)人覺得優(yōu)化空間還較大)
分析一下這個(gè)場(chǎng)景，用戶叫不到車了，這是現(xiàn)實(shí)，用戶的需求是用車，但是專車明顯比出租車貴。
所以，這個(gè)文案提示有2個(gè)方面要講，一方面是沒車了，你可以換個(gè)別的試試，一方面是別的車大概多少錢，你能省多少，你算算是不是符合你的預(yù)期。
這樣一分析，高低立現(xiàn)。
所以還是那句話，產(chǎn)品經(jīng)理們，你們?cè)摱嘧x點(diǎn)書的!
及格的產(chǎn)品，能把流程想完整，把該有的元素都放上去;
優(yōu)秀的產(chǎn)品，流程是極簡(jiǎn)完整的，元素都是無(wú)法再剔除的;
及格的產(chǎn)品，有耐心的用戶一步一步堅(jiān)持，可以完成任務(wù);
優(yōu)秀的產(chǎn)品，不管是什么用戶，很簡(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)品，放一張生活中常見的圖吧。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.skdbbs.com