中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

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

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

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

有人說，牌子寫上“如果是晚上，請(qǐng)保持燈打開；如果是白天，請(qǐng)出隧道后關(guān)閉車燈?！?/p>

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

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

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

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

如何讓復(fù)雜的頁面變的更加簡(jiǎn)單易用？

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

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

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

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

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

崩！潰！

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

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

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

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

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

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

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

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

所以，上面的頁面還可以這樣來展示：

改良了3點(diǎn)：

1，用不同的間距表明頁面內(nèi)容的層級(jí)關(guān)系，使頁面看起來更有層次感，同一組的元素相互靠近間距為20px，不同組距離分開間距為50px，劃定固定高度；

2，將重點(diǎn)信息進(jìn)行重點(diǎn)展示，對(duì)于預(yù)約會(huì)議室的公司來說，會(huì)議室名稱，與會(huì)時(shí)間，誰預(yù)訂的是最重要的部分，所以將重要信息進(jìn)行了字號(hào)，顏色變化的處理，將時(shí)間元素用類似日歷的形式展示出來用區(qū)別的顏色把積分展示出來，用戶對(duì)信息全盤快速接受；

3，將會(huì)議室設(shè)備用圖標(biāo)的形式展示，一目了然。

類似的例子，我們平時(shí)經(jīng)常會(huì)看到，例如：

1，脈脈

對(duì)于個(gè)人信息采用模塊化的形式，主要內(nèi)容和次要內(nèi)容明顯分開，每個(gè)模塊之間的區(qū)分也很明顯，每個(gè)功能的入口采用圖+文結(jié)合的形式，這樣使得頁面顯得靈活多樣，突出特色模塊，緩解用戶的閱讀疲勞，直切主題。

2，Airbnb

這是Airbnb中房源預(yù)定詳情頁面第一屏顯示的內(nèi)容，在簡(jiǎn)潔的白色背景上，不同層級(jí)的標(biāo)題采用了不同的字號(hào)和顏色，層級(jí)越高字號(hào)越大，房間內(nèi)部陳設(shè)通過圖標(biāo)+文字表達(dá)，頁面底部的預(yù)定按鈕在整個(gè)頁面突出可見，對(duì)比強(qiáng)烈，毫無疑慮引導(dǎo)著這個(gè)頁面的主要操作。

3，163郵箱

這是163郵箱的收件箱頁面，對(duì)于用戶來說，未讀的郵件更為重要，所以對(duì)于未讀信息和已讀信息在字體粗細(xì)和字體顏色做了明顯的區(qū)分，已讀信息弱化，此外在未讀信息前還加了藍(lán)色點(diǎn)標(biāo)示，已讀信息則去掉。讓用戶在查看郵件的時(shí)候可以第一眼看到重要信息。

小結(jié)

很多時(shí)候，當(dāng)我們拿到產(chǎn)品原型的時(shí)候急于去展示信息，而忘了思考我們拿到的信息這么多，對(duì)于用戶來說他想看到什么？而你又想怎么展示重要信息，關(guān)鍵時(shí)候記住這幾招：

1. 注意分解信息，讓頁面的層級(jí)更明確；
2. 讓重要的信息跳出來，可以通過對(duì)字體加大加粗，色彩對(duì)比，元素分割等方式區(qū)分；
3. 嘗試著將文字圖形化，有趣的將信息展示出來。

這或許就是為什么百度只有一個(gè)搜索欄，IOS11中大字體流行的原因。

好了，分享完畢，有任何問題歡迎進(jìn)一步交流。

本文由 @隔壁劉設(shè)計(jì)?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議