如何讓復(fù)雜的頁(yè)面更加易用？

注：為什么我精心做的頁(yè)面，用戶不知道怎么用？為什么我做的頁(yè)面轉(zhuǎn)化率這么低？其實(shí)問(wèn)題就出在了不知道重點(diǎn)在哪。

文/@隔壁劉設(shè)計(jì)

前兩天在古典老師的文章看到這樣一個(gè)故事。

在瑞士日內(nèi)瓦湖邊，有一條長(zhǎng)隧道，投入使用的時(shí)候，工程師遇到一個(gè)問(wèn)題：很多車主在隧道開車時(shí)，會(huì)打開車燈，但是出了隧道，一看到好的風(fēng)景就會(huì)泊車拍照，回來(lái)發(fā)現(xiàn)電量耗光了。工程師決定在隧道出口立一塊牌子提醒大家關(guān)車燈。“請(qǐng)關(guān)閉車燈”。但是這樣做，會(huì)有別的一個(gè)問(wèn)題，很多車主是晚上進(jìn)出隧道的，如果他們看到這個(gè)牌子，，關(guān)掉車燈，又可能會(huì)遇到危險(xiǎn)。

有人說(shuō)，牌子寫上“如果是晚上，請(qǐng)連結(jié)燈打開；如果是白日，請(qǐng)出隧道后關(guān)閉車燈?！?/p>

我想象了一下場(chǎng)景，給這個(gè)場(chǎng)景配了個(gè)圖：

這個(gè)答案看似很周全，如果當(dāng)時(shí)的車速是 120 公里/時(shí)，等你看完這么多字，再反應(yīng)一下，估計(jì)已經(jīng)撞車了。

工程師最后把牌子釀成了一個(gè)提問(wèn)：“你的燈還亮著嗎？”

對(duì)，你沒(méi)有看錯(cuò)，就是這么一個(gè)簡(jiǎn)單的答案創(chuàng)造性地提供了一個(gè)解決方案。如果是白日，那這塊牌子就是提醒車主關(guān)燈，如果是晚上則是提醒車主開燈。很精簡(jiǎn)的一句話，這也是我們今天要討論的主題

在你實(shí)際工作中，經(jīng)常會(huì)遇到這樣的問(wèn)題：

為什么我精心做的頁(yè)面，用戶不知道怎么用？為什么我做的頁(yè)面轉(zhuǎn)化率這么低？

其實(shí)就像上面講的高速路上你來(lái)不及看的路牌，問(wèn)題就出在了不知道重點(diǎn)在哪？

作為一名設(shè)計(jì)師，或許我們有時(shí)候沒(méi)措施改變信息量的多少，但是我們能夠掌握用戶接收信息的方式，廢話不久不多說(shuō)了，舉一個(gè)栗子：

這是一個(gè)會(huì)議室預(yù)訂的確認(rèn)頁(yè)面，當(dāng)你看到這樣一個(gè)頁(yè)面的時(shí)候什么感覺？

崩！潰！

全是文字，你需要仔細(xì)閱讀每一個(gè)字才能確保信息的正確度，看的時(shí)候相當(dāng)費(fèi)勁，太耗腦子了。

那我們一起分析一下這個(gè)頁(yè)面的問(wèn)題：

1.整頁(yè)信息毫無(wú)重點(diǎn)，不知道這個(gè)頁(yè)面想讓用戶看到什么？視覺的差異性不明顯；

2.層級(jí)不明顯，只是做了一個(gè)預(yù)約信息和會(huì)議室信息的簡(jiǎn)單分類，太籠統(tǒng)，文字閱讀起來(lái)很困難。

我們看到了問(wèn)題，那我們站在用戶的角度應(yīng)該怎么去設(shè)計(jì)這個(gè)頁(yè)面呢？讓我們一起理清思路：

1，讓你的頁(yè)面看起來(lái)更有層級(jí)性，把內(nèi)容相關(guān)聯(lián)的放到一組，利用親密性，讓整個(gè)頁(yè)面的邏輯看起來(lái)更清晰；對(duì)于同類信息要保證一致性，差別信息要表現(xiàn)出來(lái)差異性，否則會(huì)造成誤解，人們天然覺得樣式一樣的信息是相關(guān)聯(lián)的；

2，將重點(diǎn)信息突出展示，明確用戶想看到什么？你又想讓用戶看到什么？不要太高估用戶的注意力，對(duì)于重點(diǎn)信息，應(yīng)該放大十倍去對(duì)待；

3，文字太枯燥，可以將文字圖形化，易于信息接受。

所以，上面的頁(yè)面還可以這樣來(lái)展示：

標(biāo)簽：烏魯木齊 九江 鹽城 林芝 東營(yíng)