電商網(wǎng)站設(shè)計(jì)幾大誤區(qū)
【摘要】重慶網(wǎng)絡(luò)公司 大多設(shè)計(jì)師喜歡重新設(shè)計(jì)而不是參考現(xiàn)有的設(shè)計(jì)形式，他們更應(yīng)該考慮，既有的設(shè)計(jì)已經(jīng)經(jīng)過(guò)驗(yàn)證且用戶習(xí)慣。全新的設(shè)計(jì)，作為設(shè)計(jì)師需要有足夠的信心，才能去推動(dòng)。
網(wǎng)站講述的是一些普遍被誤解的用戶體驗(yàn)理論。有些論點(diǎn)蠻老，有些也不一定準(zhǔn)確。我挑選了一些記錄下來(lái)，并加少許注解。
1，網(wǎng)站所有頁(yè)面需要在3個(gè)點(diǎn)擊內(nèi)到達(dá)。
不準(zhǔn)確：更少的點(diǎn)擊到達(dá)頁(yè)面，不一定會(huì)讓用戶更開心，也不一定更有效率。
解決方法：用戶做事都有自己的習(xí)慣，這些習(xí)慣是他們最舒服的，但是不一定是最有效率或者最合理的。我們?cè)O(shè)計(jì)產(chǎn)品也要遵循這個(gè)思路，怎樣讓用戶使用產(chǎn)品最舒服、安全、愉快；而不是最有效率、甚至是設(shè)定量化標(biāo)準(zhǔn)去要求這個(gè)效率，因?yàn)閺?qiáng)迫的要求往往會(huì)適得其反。
2，用戶不會(huì)使用滾動(dòng)條。
不準(zhǔn)確：現(xiàn)在的用戶已經(jīng)習(xí)慣使用往下滾動(dòng)功能得到更多信息了，雖然頁(yè)面頂部的位置還是最重要的，但是不一定要把所有內(nèi)容都擠在頁(yè)面頂部。
解決方法：特別是iPhone引領(lǐng)的智能機(jī)新時(shí)代，用手往下一滑就能看到更多內(nèi)容，已經(jīng)成為用戶可以接受并熟悉的操作方式。不糾結(jié)于把內(nèi)容都放在頂部，但是設(shè)計(jì)師要記得，頂部很重要。一般來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)第一屏的曝光是遠(yuǎn)遠(yuǎn)大于第二屏以及以后的。例如我設(shè)計(jì)過(guò)的產(chǎn)品的真實(shí)數(shù)據(jù)，第二屏以及以后的曝光只有第一屏的10%不到。所以在設(shè)計(jì)新時(shí)代，重點(diǎn)信息重點(diǎn)放置、次要信息有跡可循放置、無(wú)關(guān)信息不要放置。
3，用戶在網(wǎng)頁(yè)上會(huì)認(rèn)真閱讀內(nèi)容。
不準(zhǔn)確：用戶在閱讀網(wǎng)頁(yè)內(nèi)容時(shí)，快速瀏覽居多，只有在用戶對(duì)內(nèi)容非常感興趣的時(shí)候，才會(huì)逐字閱讀；好的網(wǎng)頁(yè)設(shè)計(jì)是能幫助用戶更方便快速瀏覽網(wǎng)頁(yè)內(nèi)容的。
解決方法：現(xiàn)在是信息爆炸時(shí)代，用戶很少有精力去仔細(xì)讀內(nèi)容，更多是以草覽、看圖、看第一句、看加粗的方式來(lái)了解信息。所以在新的時(shí)代，無(wú)論是設(shè)計(jì)網(wǎng)頁(yè)還是移動(dòng)產(chǎn)品，信息的聚焦、用戶注意力的把握、界面內(nèi)容的節(jié)奏，都是設(shè)計(jì)的重點(diǎn)。
4，設(shè)計(jì)是讓網(wǎng)站更好看。
不準(zhǔn)確：設(shè)計(jì)遠(yuǎn)遠(yuǎn)不止是提供一個(gè)好看的樣子，設(shè)計(jì)更重要的是提供功能、流程、解決問題。
解決方法：如果設(shè)計(jì)師只是讓網(wǎng)站好看，首先交互設(shè)計(jì)師全部都要失業(yè)啦。甚至是視覺，現(xiàn)在也是在為整個(gè)產(chǎn)品做視覺，品牌、用戶情感、交互配合、動(dòng)效展現(xiàn)都會(huì)考慮到視覺設(shè)計(jì)中。所以我認(rèn)為現(xiàn)在沒有任何設(shè)計(jì)師僅僅是為了讓網(wǎng)站好看而工作。
5，網(wǎng)站設(shè)計(jì)為可以讓有障礙人士使用是很難且成本很高的。
不準(zhǔn)確：前期融入為有障礙人士服務(wù)的設(shè)計(jì)理念，設(shè)計(jì)網(wǎng)站時(shí)增加的成本不會(huì)太高；網(wǎng)站會(huì)因此服務(wù)到更廣群體的用戶。
解決方法：做過(guò)一些公益類設(shè)計(jì)項(xiàng)目，例如雅虎移動(dòng)搜索和AMBER Alert的合作，但是還沒有負(fù)責(zé)設(shè)計(jì)過(guò)一個(gè)為有障礙人士服務(wù)的特性或者產(chǎn)品，慚愧，希望以后有機(jī)會(huì)去設(shè)計(jì)一些。
6，設(shè)計(jì)必須是原創(chuàng)的。
不準(zhǔn)確：大多設(shè)計(jì)師喜歡重新設(shè)計(jì)而不是參考現(xiàn)有的設(shè)計(jì)形式，他們更應(yīng)該考慮，既有的設(shè)計(jì)已經(jīng)經(jīng)過(guò)驗(yàn)證且用戶習(xí)慣。全新的設(shè)計(jì)，作為設(shè)計(jì)師需要有足夠的信心，才能去推動(dòng)。
解決方法：不用懷疑這個(gè)假設(shè)，在美國(guó)的互聯(lián)網(wǎng)公司設(shè)計(jì)團(tuán)隊(duì)，很多設(shè)計(jì)主管會(huì)直接要求下屬，設(shè)計(jì)一定要和業(yè)界不一樣。但是做創(chuàng)新設(shè)計(jì)，我們一定要記得這些點(diǎn)：源于根本，解決問題并有商業(yè)價(jià)值，尊重業(yè)界與用戶已經(jīng)存在的習(xí)慣，不要為了創(chuàng)新而創(chuàng)新。
7，網(wǎng)站需要定期改版。
不準(zhǔn)確:用戶是不喜歡改變的，所以網(wǎng)站的改版需要源于更深層次的需求，而不是僅僅為了改版而改版。
解決方法：能解決問題，有商業(yè)價(jià)值，源于新技術(shù)的推動(dòng)，利用大數(shù)據(jù)分析的結(jié)果，以這些維度來(lái)思考改版。不要為了改版而改版，不要為了好看而改版。
8，提供更多的功能和選擇，用戶會(huì)更滿意。
不準(zhǔn)確:提供選擇讓用戶感覺有控制權(quán)，是好事，但是過(guò)多的選擇會(huì)讓用戶無(wú)所適從，對(duì)產(chǎn)品不能理解。
解決方法：提供最好的選擇，但是要足夠少，做產(chǎn)品設(shè)計(jì)如此，生活也是如此。
9，作為產(chǎn)品設(shè)計(jì)者，你和你的用戶群體很像。
不準(zhǔn)確：把用戶想成自己，會(huì)帶來(lái)強(qiáng)烈的主觀偏見，對(duì)設(shè)計(jì)是非常不利的。
解決方法：很多朋友會(huì)來(lái)問我，為什么某某產(chǎn)品還有人使用，不是應(yīng)該被淘汰么，為什么某某產(chǎn)品能賺錢，完全不可想象啊。其實(shí)這只是因?yàn)槟悴皇悄繕?biāo)用戶而已。就算你設(shè)計(jì)的是一個(gè)音樂產(chǎn)品，同時(shí)你也是資深聽音樂的用戶，但是你也不能把自己看為所有目標(biāo)用戶，因?yàn)槟阒皇瞧渲幸粋€(gè)而已。
10，用戶在使用網(wǎng)站時(shí)會(huì)做最優(yōu)選擇。
不準(zhǔn)確：在理想的世界里，用戶會(huì)閱讀你的網(wǎng)站所有信息，然后發(fā)現(xiàn)對(duì)用戶最有價(jià)值的內(nèi)容?，F(xiàn)實(shí)世界是，用戶快速瀏覽網(wǎng)站，找到第一個(gè)吸引他們注意力的內(nèi)容，就往下一步走了。
解決方法：用戶不會(huì)做最優(yōu)選擇，甚至用戶還會(huì)經(jīng)常被其它吸引因素帶偏。所以我們做產(chǎn)品設(shè)計(jì)要考慮到這些“不科學(xué)不嚴(yán)謹(jǐn)”的因素。例如你去超市想買一瓶水，出來(lái)結(jié)賬的時(shí)候買了可樂、口香糖、薯片、酸奶，你覺得只是因?yàn)槟阖澇?，其?shí)這都是超市設(shè)計(jì)好的。
11，設(shè)計(jì)網(wǎng)站時(shí)不需要真實(shí)內(nèi)容/數(shù)據(jù)。
不準(zhǔn)確：早期的設(shè)計(jì)師都在用占位符“lorem ipsum”設(shè)計(jì)網(wǎng)站，這會(huì)讓設(shè)計(jì)師優(yōu)先思考形式而不是內(nèi)容。而內(nèi)容才是用戶來(lái)到網(wǎng)站的主要目的。
解決方法：內(nèi)容第一，形式第二。這幾年明顯用占位符來(lái)設(shè)計(jì)產(chǎn)品的例子越來(lái)越少，界面設(shè)計(jì)中真實(shí)數(shù)據(jù)的描述越來(lái)越多。
12，用戶測(cè)試成本高。
不準(zhǔn)確：用戶測(cè)試有很多方式，紙張上的畫稿測(cè)試、5個(gè)人的快速訪談，都能帶來(lái)很好的設(shè)計(jì)輸入。
解決方法：用戶研究要?jiǎng)邮肿銎饋?lái)才會(huì)有好處，其實(shí)沒有那么難、那么貴、那么復(fù)雜。
13，產(chǎn)品易用性好，美觀就不重要了。
不準(zhǔn)確：用戶是有情緒的，美的產(chǎn)品吸引用戶。
解決方法： “這是一個(gè)看臉的社會(huì)……”，好用是基本，好看是必須啊。知書達(dá)理，也需要貌美如花嘛。
14，用戶體驗(yàn)就是易用性。
不準(zhǔn)確：易用性的價(jià)值是讓用戶輕松完成任務(wù)，而用戶體驗(yàn)涵蓋產(chǎn)品給用戶的所有體驗(yàn)和感覺。
解決方法：解釋一下這些術(shù)語(yǔ)。User Experience，用戶體驗(yàn)，最大最廣最全；Interaction Design，交互設(shè)計(jì)；Visual Design/Graphic Design，視覺設(shè)計(jì)；User Research，用戶研究；Animation Design，動(dòng)效設(shè)計(jì)；User Interface Design，界面設(shè)計(jì)，感覺分不出交互視覺，視覺居多吧……雖然每個(gè)公司叫法不一樣，但是技能和種類業(yè)界已經(jīng)統(tǒng)一。
15，用戶是理性的。
不準(zhǔn)確。用戶不是完全理性的，基于情感和情緒的操作非常多。
解決方法：人不是完全理性的。如果人是完全理性的，這個(gè)世界我不敢想象。
16，用戶體驗(yàn)設(shè)計(jì)是項(xiàng)目中的一個(gè)環(huán)節(jié)。
不準(zhǔn)確：用戶體驗(yàn)設(shè)計(jì)應(yīng)該貫穿整個(gè)項(xiàng)目周期。
解決方法：如果還是發(fā)現(xiàn)產(chǎn)品經(jīng)理給你提需求，你做好，然后進(jìn)入開發(fā)就沒有人找你了，這個(gè)設(shè)計(jì)流程肯定是不完整的，你需要改變這個(gè)情況。
17，互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)成功是一夜之間發(fā)生的。
不準(zhǔn)確：大部分成功互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)是精雕細(xì)琢花費(fèi)時(shí)間做出來(lái)的。
解決方法：臺(tái)上一分鐘，臺(tái)下十年功。我們總是看到別人最輝煌的樣子，卻從來(lái)不想別人在成功背后的苦與淚。
18，留白是浪費(fèi)空間。
不準(zhǔn)確。留白對(duì)界面節(jié)奏控制、視覺設(shè)計(jì)是非常重要的，留白是一個(gè)視覺元素，而不是一個(gè)簡(jiǎn)單的背景。
解決方法：真的遇見過(guò)各種產(chǎn)品經(jīng)理，集中在美國(guó)，反復(fù)跟我爭(zhēng)論移動(dòng)界面每個(gè)位置的寶貴，一定要壓縮、要減少留白…… 人生你都知道，要有緊張有松弛，到了界面設(shè)計(jì)你就糊涂了么。
重慶網(wǎng)絡(luò)公司
渝公網(wǎng)安備 50010302000872號(hào)