首頁(yè)

六個(gè)方法解決用戶決策疲勞

ui設(shè)計(jì)分享達(dá)人

決策疲勞在現(xiàn)今互聯(lián)網(wǎng)深度發(fā)展的時(shí)代似乎非常常見(jiàn)，面對(duì)眼花繚亂的APP頁(yè)面，我們通常會(huì)因?yàn)樾枰龀鲞^(guò)多決策而煩躁。那么產(chǎn)品設(shè)計(jì)者應(yīng)該如何減少?zèng)Q策疲勞現(xiàn)象，給予用戶更好的體驗(yàn)。本文圍繞解決用戶決策疲勞展開(kāi)了詳細(xì)講述，推薦對(duì)此感興趣的伙伴閱讀。


決策疲勞是用戶體驗(yàn)圈一個(gè)路人皆知的詞匯，用于描述人們?cè)谀硞€(gè)時(shí)期內(nèi)做出過(guò)多決策而導(dǎo)致厭煩的情況。研究表明，它主要發(fā)生在人類(lèi)的認(rèn)知能力在單位時(shí)間內(nèi)隨著時(shí)間的延長(zhǎng)而減少時(shí)。這就是為什么學(xué)習(xí)、鉆研問(wèn)題，是一件非公眾都能做好的少數(shù)事件。

在產(chǎn)品設(shè)計(jì)中，我們要堅(jiān)持減少用戶需要做出決策數(shù)量的基本原則。保證用戶使用產(chǎn)品來(lái)完成一項(xiàng)任務(wù)，能夠越順利、越直接。個(gè)人在特定時(shí)期內(nèi)被要求做出的決定越多，即使這些決定是微不足道的（比如選擇播放那個(gè)節(jié)目），他們的決策質(zhì)量也會(huì)越低。

當(dāng)你感到疲倦時(shí)，這會(huì)顯著地影響你的決策能力，而 設(shè)計(jì)師在為用戶設(shè)計(jì)界面時(shí)必須了解到疲勞可能對(duì)用戶的影響。這個(gè)話題很有趣，因?yàn)槿藗冊(cè)谑褂媚愕漠a(chǎn)品時(shí)可能會(huì)遇到的認(rèn)知過(guò)載的原因有很多。

本文重點(diǎn)是介紹在你進(jìn)行下一個(gè) 產(chǎn)品項(xiàng)目時(shí)減少認(rèn)知過(guò)載的六種方法。

一、讓用戶少做選擇

作為用戶，每天我們擁有的選擇題都在呈指數(shù)增長(zhǎng)。互聯(lián)網(wǎng)讓我們可以在瞬間訪問(wèn)世界上的內(nèi)容。如此多的選擇會(huì)使我們思維遲鈍，降低我們的滿意度，并可能導(dǎo)致我們對(duì)體驗(yàn)感到沮喪而不是變得更好。

當(dāng)給用戶太多選擇時(shí)，他們往往會(huì)感到困惑和迷茫。一個(gè)產(chǎn)品可以擁有世界上所有的功能，但是當(dāng)界面因?yàn)檫x擇過(guò)多而過(guò)于復(fù)雜時(shí)，它最終給到用戶的體驗(yàn)一定很差?！度烁衽c社會(huì)心理學(xué)雜志》的一項(xiàng)研究表明，當(dāng)我們有太多選擇時(shí)，往往會(huì)導(dǎo)致決策失誤和情緒沮喪。

六個(gè)方法解決用戶決策疲勞

來(lái)自哈佛商業(yè)評(píng)論的模型

在追求最大化滿足商業(yè)化可能的產(chǎn)品設(shè)計(jì)中，老板可能會(huì)要求在其產(chǎn)品中包含過(guò)多或過(guò)少的功能。通過(guò)使用哈佛商業(yè)評(píng)論提供的模型，橫軸為功能數(shù)量，三個(gè)點(diǎn)依次為用戶復(fù)購(gòu)最大化、用戶終生價(jià)值最大化、用戶初次購(gòu)買(mǎi)銷(xiāo)售最大化，公司能夠根據(jù)他們想要的結(jié)果找到適合他們的功能數(shù)量最佳點(diǎn)。

研究表明，人們更有可能購(gòu)買(mǎi)提供了有限數(shù)量的商品。在這種情況下，他們也會(huì)對(duì)自己的選擇更滿意，而不是從購(gòu)買(mǎi)前的猶豫到購(gòu)買(mǎi)后的忐忑，從而產(chǎn)生更大的滿足感。

關(guān)鍵是很多產(chǎn)品為用戶創(chuàng)造了太多的選擇，這可能會(huì)造成浪費(fèi)并適得其反。用戶可能會(huì)浪費(fèi)時(shí)間嘗試點(diǎn)擊所有可能的產(chǎn)品，而不是按照預(yù)期進(jìn)行實(shí)際購(gòu)買(mǎi)。

1. 扯淡的神奇數(shù)字7

在用戶體驗(yàn)世界中，關(guān)于使用多少次點(diǎn)擊以及人腦一次可以接收多少信息，存在許多相關(guān)的說(shuō)法。但最重要的是，產(chǎn)品設(shè)計(jì)師需要在簡(jiǎn)單性和功能性之間取得平衡，這樣他們就不會(huì)要求用戶做太多的操作或過(guò)多考慮用戶的需求遺漏了什么。

最容易被誤解的理論之一是喬治米勒的“神奇數(shù)字 7”。有人說(shuō)產(chǎn)品設(shè)計(jì)應(yīng)該只有七個(gè)菜單選項(xiàng)卡或下拉列表中的七個(gè)項(xiàng)目。

這是個(gè)謬誤，雖然我在某種程度上同意這種觀點(diǎn)，因?yàn)閳?jiān)持這樣的限制似乎更自然，但我們也必須考慮信息是如何隨著社會(huì)和我們的大腦發(fā)生變化的。當(dāng)前的互聯(lián)網(wǎng)會(huì)通過(guò)網(wǎng)站和大屏手機(jī)向我們展示數(shù)據(jù)，而不是早年的4.0英寸的小屏手機(jī)，用戶可以輕松地一次看到他們的所有選項(xiàng)，并不是非要強(qiáng)制通過(guò)數(shù)字7的限制讓用戶一塊很大的屏幕上來(lái)回滾動(dòng)。

同時(shí)現(xiàn)在也有一些研究表明，人們有可能喜歡有多種選擇的菜單。我們擁有的選項(xiàng)越多越好，因?yàn)橛脩舨槐鼗〞r(shí)間深入查找相關(guān)信息。

比如主頁(yè)上最多包含 幾十個(gè)類(lèi)別鏈接的淘寶列表）比僅提供有限選項(xiàng)（如沒(méi)有子類(lèi)別的類(lèi)別）的網(wǎng)站更有用。但這里要強(qiáng)調(diào)的是需要考慮實(shí)際的用戶場(chǎng)景，電商平臺(tái)的屬性導(dǎo)致了要為消費(fèi)者提供更多的選擇，而類(lèi)似工具產(chǎn)品，尤其是垂直工具產(chǎn)品，在設(shè)計(jì)選項(xiàng)數(shù)量時(shí)一定要謹(jǐn)慎。

2. 擊規(guī)則站不住腳

還有另一個(gè)站不住腳的理論：從業(yè)者普遍接受但完全不靠譜的“三擊規(guī)則”，或者更加扯淡的“兩擊規(guī)則”。用戶的滿意度和事件完成率其實(shí)并不一定受幾次點(diǎn)擊影響，比方說(shuō)付費(fèi)流程，缺少必要的流程硬按點(diǎn)擊次數(shù)把流程縮短，導(dǎo)致用戶錯(cuò)誤付費(fèi)而產(chǎn)生的用戶體驗(yàn)變差幾乎是不可逆的。

3. 視覺(jué)布局用點(diǎn)心

比菜單選項(xiàng)卡或下拉列表的數(shù)量更重要的是視覺(jué)體驗(yàn)。視覺(jué)布局可以更輕松地掃描和記住每個(gè)選項(xiàng)。根據(jù)信息搜索理論，信息線索的持續(xù)感知對(duì)你的用戶體驗(yàn)很重要。

人們?cè)谌粘Ｉ钪幸龀龊芏噙x擇，而太多的選擇可能會(huì)讓人不知所措。當(dāng)我們因產(chǎn)品特性不得不呈現(xiàn)更多的信息時(shí)，重要的是信息組織方式。

你可以去嘗試減少選擇的數(shù)量，但最重要的是你的信息結(jié)構(gòu)。如果你的信息沒(méi)有組織好，或者給到用戶的決策過(guò)程中涉及的步驟過(guò)多，用戶就不會(huì)費(fèi)心去尋找他們想要的東西，因?yàn)樗麄冇X(jué)得這會(huì)花費(fèi)太長(zhǎng)時(shí)間或可能沒(méi)必要去更更努力地探索。

為了在產(chǎn)品上讓用戶的決策中有更好的轉(zhuǎn)化，我建議去掉任何不必要的東西，例如無(wú)關(guān)的標(biāo)簽和鏈接，這些標(biāo)簽和鏈接會(huì)分散用戶的注意力，使其無(wú)法找到他們正在尋找的東西。同時(shí)綜合產(chǎn)品特性去考慮實(shí)際該有的流程數(shù)量和必要選項(xiàng)，平衡簡(jiǎn)單性和功能性的關(guān)系。

二、允許用戶后悔

現(xiàn)實(shí)中我們都會(huì)犯錯(cuò)。它可能發(fā)生在我們所有人身上！但是，如果用戶犯了錯(cuò)誤，優(yōu)秀的產(chǎn)品設(shè)計(jì)師應(yīng)該怎么做？

答案是：讓用戶輕松回到起點(diǎn)。

通過(guò)讓用戶走上正軌，你更有可能留住他們作為用戶，而不是導(dǎo)致他們離開(kāi)你的網(wǎng)站或應(yīng)用程序。

下面是我在設(shè)計(jì)用戶流程時(shí)的一些最佳實(shí)踐：

  • 盡可能少制造意外情況；
  • 錯(cuò)誤問(wèn)題盡可能明晰，讓用戶更容易發(fā)現(xiàn)以修復(fù)它們并繼續(xù)用戶操作；
  • 在操作錯(cuò)誤破壞用戶體驗(yàn)之前通過(guò)提供保存數(shù)據(jù)選項(xiàng)來(lái)主動(dòng)防止錯(cuò)誤的數(shù)據(jù)輸入；
  • 不要只是彈出一條覆蓋整個(gè)頁(yè)面的消息，而是向他們展示哪些字段是錯(cuò)誤的；
  • 避免在你的消息中使用苛刻的措辭，因?yàn)槲陌缚赡軙?huì)趕走甚至激怒某些用戶。

三、視覺(jué)提示有助于導(dǎo)航

導(dǎo)航是任何網(wǎng)站或應(yīng)用程序的核心。這就是讓你的設(shè)計(jì)能夠讓每個(gè)人都易于訪問(wèn)和使用的原因。設(shè)計(jì)出到適合你產(chǎn)品的導(dǎo)航系統(tǒng)，對(duì)用戶體驗(yàn)至關(guān)重要。

導(dǎo)航的設(shè)計(jì)應(yīng)該直觀且易于使用。用戶應(yīng)該始終知道它在哪里，它的意義，以及點(diǎn)擊它會(huì)去哪。

一個(gè)好方法是通過(guò)顏色為用戶對(duì)操作區(qū)域進(jìn)行導(dǎo)航：比如當(dāng)進(jìn)行切換、更改等動(dòng)作時(shí)配備不同的顏色，并用文案清楚地說(shuō)明每個(gè)菜單項(xiàng)下是什么功能。

這些小動(dòng)作有助于使瀏覽您的網(wǎng)站或應(yīng)用程序成為一種暢快的體驗(yàn)。

  • 使掃描和閱讀頁(yè)面更容易；
  • 改善視覺(jué)層次；
  • 加強(qiáng)頁(yè)面導(dǎo)航；
  • 重要位置的鮮艷顏色可以提高轉(zhuǎn)化。

一個(gè)例子是 Instapage 登陸頁(yè)面。如果標(biāo)題沒(méi)有箭頭，很難看出下方有更多內(nèi)容：

六個(gè)方法解決用戶決策疲勞

四、利用習(xí)慣動(dòng)作減少學(xué)習(xí)成本

在設(shè)計(jì)新界面時(shí)，必須盡可能降低受眾的學(xué)習(xí)成本。一個(gè)方法是利用他們已經(jīng)熟悉的模式和習(xí)慣。但是你怎么知道這些約定是什么？

下面是三個(gè)常見(jiàn)的 設(shè)計(jì)慣例，這些慣例可以讓你的用戶在與產(chǎn)品內(nèi)交互時(shí)感覺(jué)更熟悉，這有助于減少他們的學(xué)習(xí)成本，并讓他們更快地開(kāi)始學(xué)習(xí)你試圖傳達(dá)給他們的任何內(nèi)容。

1. 顏色不要繚亂

簡(jiǎn)潔的配色方案要遠(yuǎn)比復(fù)雜華麗的配色更有效果。人眼會(huì)被顏色所吸引，因此如果你在整個(gè)界面中使用簡(jiǎn)潔的配色方案，人們會(huì)更容易找到自己想要的信息而不是被顏色亂神。

2. 把設(shè)計(jì)風(fēng)格重復(fù)使用

不僅要遵循常見(jiàn)的用戶體驗(yàn)規(guī)則，而且要在一個(gè)產(chǎn)品里不停的重復(fù)，不要輕易作新穎的嘗試，前輩們大多已經(jīng)幫你嘗試過(guò)了。

這樣的意義在于：

人們使用你的產(chǎn)品感覺(jué)更輕松，因?yàn)檫@個(gè)產(chǎn)品沒(méi)什么復(fù)雜的新東西（降低了學(xué)習(xí)成本）。

一個(gè)例子是，目前無(wú)論你在那個(gè)瀏覽器查看哪個(gè)頁(yè)面，你的菜單欄都會(huì)保持在站點(diǎn)的頂部或底部。這會(huì)讓你產(chǎn)生導(dǎo)航認(rèn)知，因?yàn)樗趲椭銢Q定下一步需要采取什么行動(dòng)時(shí)減輕了學(xué)習(xí)成本。

3. 使用生活中的事物表示符號(hào)，比如用于刪除文件的垃圾桶。

圖標(biāo)是在你在表示操作對(duì)象是什么的好方法，它們易于理解且具有普遍可識(shí)別性，因此非常適合作為交互介質(zhì)。使用在生活中已經(jīng)被廣泛理解的圖標(biāo)和符號(hào)有助于讓你的產(chǎn)品內(nèi)容不會(huì)感覺(jué)難以理解和過(guò)于復(fù)雜。

圖標(biāo)一定要廣為人知——例如房子。這個(gè)圖標(biāo)被普遍認(rèn)為是“主頁(yè)”或開(kāi)始屏幕的圖標(biāo)。垃圾桶也是一樣——這個(gè)圖標(biāo)被認(rèn)定為一個(gè)垃圾桶圖標(biāo)來(lái)刪除一個(gè)元素。

五、別自嗨

我們都知道應(yīng)該以用戶為中心進(jìn)行設(shè)計(jì)，而不是你自己，但其實(shí)不是那么容易。當(dāng)你處于設(shè)計(jì)過(guò)程中試圖弄清楚你的用戶需要什么或他們會(huì)如何反應(yīng)時(shí)，其實(shí)往往會(huì)按照自己的喜好走偏。

一個(gè)方法是你可以使用一些簡(jiǎn)單的技巧來(lái)確保你在設(shè)計(jì)時(shí)考慮到你的用戶。有些人發(fā)現(xiàn)從第一人稱(chēng)的角度寫(xiě)下他們的想法有助于將自己想象成最終被服務(wù)的用戶。

或者某些設(shè)計(jì)師會(huì)講角色分類(lèi)，然后全情單線程的專(zhuān)注一個(gè)項(xiàng)目，以犧牲時(shí)間和效率為代價(jià)確保航道的正向。

以用戶為中心進(jìn)行設(shè)計(jì)的最佳方式是聽(tīng)取用戶的意見(jiàn)。當(dāng)你從事一個(gè)新項(xiàng)目并考慮這個(gè)產(chǎn)品將如何服務(wù)于用戶時(shí)，請(qǐng)確保在進(jìn)行原型設(shè)計(jì)之前先和你的用戶聊聊。

可以嘗試提出以下問(wèn)題：

  • “你最喜歡我們上一款產(chǎn)品的哪一點(diǎn)？”
  • “如果我們更改 x 功能，你會(huì)有何感受？”

往往你會(huì)驚訝于他們可以提供的見(jiàn)解以及他們將期望如何改變你原型的方向。

你可以使用多種用戶體驗(yàn)研究方法來(lái)確保你在設(shè)計(jì)時(shí)考慮到用戶：

  1.  做一定的市場(chǎng)調(diào)查；
  2.  創(chuàng)建角色故事；
  3.  使用線框或原型快速獲得反饋；
  4.  定期和客戶服務(wù)團(tuán)隊(duì)交流。

六、簡(jiǎn)約至上

不要提供太多的選項(xiàng)或功能讓用戶不知所措。

每個(gè)產(chǎn)品都有自己為用戶解決的核心問(wèn)題，用戶希望在產(chǎn)品中獲得幫助并快速做出決定。問(wèn)題是，很多產(chǎn)品經(jīng)常沉迷于他們產(chǎn)品功能以及他可以為用戶實(shí)現(xiàn)什么，忘記了如果有太多選項(xiàng)和功能，新用戶可能會(huì)感到不知所措。

如果你負(fù)責(zé)一個(gè)產(chǎn)品，可以考慮你的用戶在面臨過(guò)多選擇或功能時(shí)的感受，并盡量?jī)?yōu)先突出他們最需要的選項(xiàng)或功能。

例如，在電子商務(wù)網(wǎng)站中，用戶不能從 50 種不同的衣服面料中選擇他們最喜歡的材質(zhì)，如果預(yù)先只有三四個(gè)選擇，可能會(huì)帶來(lái)更好的體驗(yàn)。也可以考慮隱藏一些選項(xiàng)，方法是使用視覺(jué)提示，例如類(lèi)似“探索更多”文字的按鈕。

確保將最重要的信息呈現(xiàn)給用戶的一種方法是將信息流設(shè)計(jì)為金字塔形狀，首先呈現(xiàn)基本信息，不太重要的信息盡量放在不顯眼的地方或者想辦法隱藏。

七、結(jié)論

這里提供了六種方法，幫助你減少產(chǎn)品中的決策疲勞，從而使用戶更有可能走上正軌，解決他們的問(wèn)題，并幫助獲得更高的轉(zhuǎn)化。產(chǎn)品設(shè)計(jì)時(shí)把自己放到用戶的角度去思考，才能更好的服務(wù)于用戶


文章來(lái)源：人人都是產(chǎn)品經(jīng)理   作者：公眾號(hào)：真的不一定

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



評(píng)論(0) 瀏覽(1971)

2022-可用性測(cè)試報(bào)告輸出思路解析

ui設(shè)計(jì)分享達(dá)人

整個(gè)報(bào)告分兩個(gè)部分，

一部分是調(diào)研概述，主要描述調(diào)研是如何進(jìn)行的，包含：用戶方法闡述，調(diào)研對(duì)象說(shuō)明，用戶畫(huà)像等，簡(jiǎn)單清晰的告訴別人你數(shù)據(jù)是如何獲取的，增加后期問(wèn)題及數(shù)據(jù)闡述的科學(xué)性。（還有一部分，就是關(guān)于調(diào)研涉及人員，可以在合適的時(shí)機(jī)帶一下是UED全員協(xié)作完成的整個(gè)過(guò)程的。）

另一部分是調(diào)研結(jié)論，我的描述思路是：總-分-總，先描述總結(jié)論，讓觀看報(bào)告的人對(duì)整體結(jié)論有個(gè)初步了解，然后詳細(xì)描述各模塊分結(jié)論，最后提出各模塊共性問(wèn)題。

結(jié)論部分是整個(gè)報(bào)告的重點(diǎn)，所以前面的概述就簡(jiǎn)單介紹清楚就好了，不需要占太多篇幅。

調(diào)研流程，確定標(biāo)準(zhǔn)，是匯報(bào)，也是邀功，調(diào)研本身就是個(gè)繁瑣的過(guò)程，我們把過(guò)程直觀的呈現(xiàn)出來(lái)，讓老板知道我們整個(gè)調(diào)研過(guò)程，前前后后做了哪些準(zhǔn)備。付出了哪些努力，體現(xiàn)工作量的同時(shí)，也能體現(xiàn)我們的專(zhuān)業(yè)性，但是不是記流水賬，得有總結(jié)。

第一部分：調(diào)研概述

我把整個(gè)路程大體分了3個(gè)部分，第一個(gè)部分是調(diào)研前的準(zhǔn)備，第二個(gè)部分是調(diào)研，第三個(gè)部分結(jié)果闡述。結(jié)果匯報(bào)，后期工作計(jì)劃，匯報(bào)很重要，調(diào)研做得再好，你的結(jié)果無(wú)法呈現(xiàn)，問(wèn)題就沒(méi)辦法結(jié)論，那就只會(huì)停留在發(fā)現(xiàn)結(jié)論。



評(píng)估緯度是為了闡述我們從哪些緯度去收集答案的，想要驗(yàn)證什么問(wèn)題。



由于大部分人對(duì)調(diào)研都只是停留在問(wèn)卷調(diào)查的層面，所以對(duì)樣本量的選擇有不理解，可用性測(cè)試主要是為了觀察用戶操作路徑及反饋，所以樣本量不需要太大，這個(gè)可以簡(jiǎn)單的解釋下是如何挑選用戶的。



數(shù)據(jù)整理也是匯報(bào)的一部分，一方面，材料佐證我們做過(guò)的努力和準(zhǔn)備，另一方面，數(shù)據(jù)存檔。

我們整個(gè)調(diào)研采用了錄音與錄音相結(jié)合，錄音是為了便于后期多人協(xié)作幫忙整理問(wèn)題，錄屏是記錄用戶操作路徑，收集用戶使用過(guò)程中的卡頓，去挖掘卡頓原因，這是是我們做可用性測(cè)試的主要目的，這也是跟問(wèn)卷調(diào)研最主要的差異。



在寫(xiě)報(bào)告的過(guò)程中，我一直在想關(guān)于整體滿意度的結(jié)論，是放在第一部分還是第二部分，但是鑒于第二部分主要描述問(wèn)題，所以思慮再三，還是把他放到了第一部分。

我們拿到各模塊的數(shù)據(jù)后，要怎么用著很關(guān)鍵，單個(gè)零散的數(shù)據(jù)是體現(xiàn)不出問(wèn)題的，只有對(duì)比著看才能看出問(wèn)題。

通過(guò)數(shù)據(jù)對(duì)比我們明顯能發(fā)現(xiàn)，付費(fèi)用戶對(duì)產(chǎn)品的整體要求要比增值服務(wù)的要求高得多，畢竟不要錢(qián)的，好不好用無(wú)所謂，好用我就用，不要用我就不用。但是如果是用戶花錢(qián)了的，那他就需要考慮，我獲取到的服務(wù)和花的錢(qián)是否成正比，這也就間接確定了我們后面問(wèn)題處理的優(yōu)先級(jí)。



第二部分：?jiǎn)栴}整體

這里建議做個(gè)中場(chǎng)頁(yè)。

前面說(shuō)過(guò)，問(wèn)題描述采用的總-分-總的節(jié)奏，所以最開(kāi)始描述了一下我們收集到的所有問(wèn)題的概述，包含，總共多少個(gè)問(wèn)題，已經(jīng)分類(lèi)類(lèi)型的分類(lèi)占比。



這里分享一個(gè)問(wèn)題整理的表格，表格跟PPT的作用不一樣，PPT是為了匯報(bào)成果，獲取支持，表格是為了后續(xù)跟進(jìn)落地，解決問(wèn)題。

當(dāng)然，先把問(wèn)題整理出來(lái)也是為了更好的輸出PPT。

共享文檔可以讓更多人清晰的看到問(wèn)題，因?yàn)閰R報(bào)的效果比較好，老板給了明確支持，所以匯報(bào)后我們將表格發(fā)給了各個(gè)產(chǎn)品，與設(shè)計(jì)師配合，認(rèn)領(lǐng)問(wèn)題，給出優(yōu)先級(jí)和排期計(jì)劃，整個(gè)過(guò)程推進(jìn)的很順利。



分結(jié)論部分，主要通過(guò)用戶體驗(yàn)地圖去描述用戶路徑，直觀闡述用戶使用過(guò)程中的情緒和痛點(diǎn)，右邊整理出來(lái)了需要重點(diǎn)關(guān)注的一些點(diǎn)。



用戶體驗(yàn)地圖主要描述的是用戶發(fā)現(xiàn)，不一定是問(wèn)題，屬于啟發(fā)類(lèi)，可以為后期優(yōu)化方案的輸出提供方向引導(dǎo)。

問(wèn)題整理則是明確的已知問(wèn)題描述。









各模塊可以根據(jù)實(shí)際情況去描述各自的問(wèn)題，這里就挑了幾個(gè)典型的模塊舉例了一下，就不一一闡述了。

再來(lái)說(shuō)一下，分結(jié)論講完之后，整理的共性問(wèn)題。先說(shuō)問(wèn)題，再說(shuō)涉及的模塊，體現(xiàn)問(wèn)題的嚴(yán)重性。



到此，整個(gè)PPT就結(jié)束了，匯報(bào)完成后，老板就開(kāi)始給各業(yè)務(wù)線下達(dá)任務(wù)了，就又回到了表格上，我們把之前的問(wèn)題以界面緯度進(jìn)行整理，跟產(chǎn)品確認(rèn)優(yōu)先級(jí)和排期計(jì)劃，并與老板就排期計(jì)劃進(jìn)行了確認(rèn)，然后責(zé)任到人，目前第一輪優(yōu)化方案已經(jīng)在陸續(xù)落地中，整個(gè)發(fā)現(xiàn)問(wèn)題到推進(jìn)落地的過(guò)程，還是比較順利的，




來(lái)源：站酷
作者：北溟khalessi

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


評(píng)論(0) 瀏覽(2132)

B端設(shè)計(jì)：人人都能做用戶研究

ui設(shè)計(jì)分享達(dá)人

客戶與公司的商務(wù)售前進(jìn)行溝通，客戶的痛點(diǎn)和建議會(huì)傳達(dá)給產(chǎn)品經(jīng)理，產(chǎn)品需求明確后，做出原型圖給到設(shè)計(jì)師。等設(shè)計(jì)師拿到需求的時(shí)候，基本已成定局，合不合理、如何優(yōu)化的空間都會(huì)比較小了。造成這個(gè)現(xiàn)象的根本原因是設(shè)計(jì)師能看到的視角范圍有限，B端業(yè)務(wù)場(chǎng)景本身比較專(zhuān)業(yè)，難以直接帶入使用者的角色，就比較難取得大的突破了。

如何打破這一僵局呢？答案只有一個(gè)，那就是設(shè)計(jì)師要主動(dòng)更前置的加入到產(chǎn)品方案設(shè)計(jì)中，深刻理解業(yè)務(wù)，為產(chǎn)品升級(jí)提供助力。這就涉及到用戶研究了，本文將和大家分享用研的相關(guān)理論基礎(chǔ)和方法。

       

undefined

        

雙鉆設(shè)計(jì)模型由英國(guó)設(shè)計(jì)協(xié)會(huì)提出，該設(shè)計(jì)模型的核心是：發(fā)現(xiàn)正確的問(wèn)題和發(fā)現(xiàn)正確的解決方案。

雙鉆模型是一個(gè)結(jié)構(gòu)化的設(shè)計(jì)方法，被很多設(shè)計(jì)師喜愛(ài)和使用。

  • 探索/調(diào)研——透析問(wèn)題（發(fā)散）

  • 定義/合成——聚焦領(lǐng)域（集中）

  • 發(fā)展/構(gòu)思——潛在問(wèn)題（發(fā)散）

  • 傳達(dá)/實(shí)現(xiàn)——實(shí)施方案（集中）


       

undefined


       


實(shí)際工作中用到雙鉆模型會(huì)有一些變體，舉個(gè)例子：

下圖是對(duì)阿里內(nèi)部款移動(dòng)運(yùn)維產(chǎn)品的分析，分析其從0-1的方向探索和從1-1.5的發(fā)展歷程：

       

       


下圖是曾經(jīng)在一個(gè)設(shè)計(jì)講座中，滴滴CDX 一位設(shè)計(jì)師的分享，她把雙鉆模型利用到設(shè)計(jì)的研究和輸出階段，個(gè)人感覺(jué)此模型的使用場(chǎng)景也很貼切。

       

       


不僅僅是在完整的一個(gè)項(xiàng)目中，在單一的某個(gè)階段雙鉆模型也是理念很好的承載容器。在每一個(gè)“確定”前后，都有用研的身影。


       

       

undefined

         

用研旨在通過(guò)實(shí)驗(yàn)和觀察結(jié)合的研究方法來(lái)提高產(chǎn)品的可用性，指導(dǎo)產(chǎn)品的設(shè)計(jì)、開(kāi)發(fā)和改進(jìn)。重點(diǎn)是通過(guò)觀察技術(shù)、任務(wù)分析和其他反饋方法來(lái)了解用戶的行為、需求和動(dòng)機(jī)。

       

undefined

       

             

在獲取后臺(tái)數(shù)據(jù)之后，我們會(huì)分析為什么留存、為什么流失、為什么買(mǎi)這個(gè)不買(mǎi)那個(gè)，

設(shè)計(jì)師認(rèn)為很棒的新功能，真的是用戶想要的嗎？用戶真的會(huì)用嗎？

觀察數(shù)據(jù)只是一種手段，而非結(jié)果。當(dāng)一個(gè)頁(yè)面中出現(xiàn)值很低的功能時(shí)，我們不能直接判斷他就是不重要的，也可能是因?yàn)橐曈X(jué)上太弱或者交互操作不方便引起的。只有做用戶研究才可以真正了解用戶的行為背后的原因，真正的動(dòng)機(jī)。

       

undefined

       


如上圖，是一個(gè)紅包發(fā)放頁(yè)面的設(shè)計(jì)前后對(duì)比，從數(shù)據(jù)中了解到使用優(yōu)惠券的用戶不到30%，埋點(diǎn)發(fā)現(xiàn)大多都點(diǎn)擊了返回，用戶沒(méi)有按照期望的路徑走，調(diào)研發(fā)現(xiàn)操作路徑不清晰，沒(méi)有形成閉環(huán)。由此可見(jiàn)，發(fā)現(xiàn)問(wèn)題時(shí)，先埋點(diǎn)細(xì)化問(wèn)題——再分析問(wèn)題——結(jié)合用戶研究，提出優(yōu)化方案，才能真正發(fā)現(xiàn)問(wèn)題解決問(wèn)題。


       undefined       


產(chǎn)品的發(fā)展周期分為產(chǎn)品概念期、設(shè)計(jì)開(kāi)發(fā)期、宣傳推廣期、平穩(wěn)發(fā)展期和產(chǎn)品衰退期五個(gè)階段，在每個(gè)階段都有相對(duì)應(yīng)的用戶研究測(cè)試可以做。

              


               

對(duì)應(yīng)上文的產(chǎn)品發(fā)展周期可以做的用戶測(cè)試，我們要找到相對(duì)應(yīng)的人群：

       

undefined

       

最后就是將用戶研究進(jìn)行落地了，如何讓用戶研究達(dá)到預(yù)期的目的和效果呢？可以在開(kāi)始前的準(zhǔn)備階段問(wèn)問(wèn)自己如下的問(wèn)題：

       

       



接下來(lái)我們看看到實(shí)際落地環(huán)節(jié)，有哪些用戶研究的類(lèi)型可以做以及怎么去做。

               

桌面研究

桌面研究又叫“文案研究”，指不進(jìn)行一手資料的實(shí)地研究和收集，而是通過(guò)電腦，雜志，書(shū)籍，文檔，互聯(lián)網(wǎng)搜索等現(xiàn)有二手資料進(jìn)行分析和研究的方法。

       

       

完整的桌面研究分為以下五個(gè)步驟：

       

undefined

       

在需求細(xì)分階段，可以用到SWOT 分析、波特五力模型、PEST分析、波士頓矩陣等模型

       

undefined

       

收集數(shù)據(jù)通?？梢詮膬?nèi)部數(shù)據(jù)和外部數(shù)據(jù)來(lái)源廣泛獲取然后結(jié)合分析。

內(nèi)部數(shù)據(jù)來(lái)源：市場(chǎng)營(yíng)銷(xiāo)數(shù)據(jù)、產(chǎn)品后臺(tái)數(shù)據(jù)、其他相關(guān)報(bào)告等。

外部數(shù)據(jù)來(lái)源：政府部門(mén)、國(guó)際組織、行業(yè)協(xié)會(huì)、專(zhuān)門(mén)調(diào)研機(jī)構(gòu)、聯(lián)合服務(wù)公司、其他大眾傳播媒介、商會(huì)、銀行等金融機(jī)構(gòu)、官方和民間信息機(jī)構(gòu)等。

      

       

       

undefined

       

               

定性研究

定性研究是指通過(guò)收集、分析和解釋那些不能被數(shù)量化的信息，來(lái)挖掘問(wèn)題、理解事件現(xiàn)象、分析人類(lèi)行為與觀點(diǎn)的方法，主要作用是探索“可能性”。

定性研究專(zhuān)注于更小但更集中的樣本，通過(guò)非結(jié)構(gòu)詢問(wèn)和觀察來(lái)獲得不能量化的信息。

流程如下：

       

undefined

       

常用的定性研究方法：

我們需要明白訪談適合哪一種項(xiàng)目研究，比如要針對(duì)新功能進(jìn)行一次面訪。

接下來(lái)我們需要進(jìn)行用戶的招募，因?yàn)槊嬖L比較耗費(fèi)時(shí)間和精力，所以最好準(zhǔn)備一些禮品，否則很難招募到用戶。招募用戶的渠道可以是產(chǎn)品中投放問(wèn)卷、社群招募等方式來(lái)邀約難度用戶。

用戶訪談環(huán)境，準(zhǔn)備一個(gè)安靜的房間，準(zhǔn)備好水、紙、筆、錄像、錄音筆等工具。

整理訪談內(nèi)容，每訪談完一位用戶進(jìn)行一次小結(jié)。

   

           

接下來(lái)模擬一次用戶訪談的整個(gè)流程：

開(kāi)場(chǎng)：首先介紹一下自己的情況，并且讓用戶了解這次訪談的目的，建立一個(gè)輕松的談話氛圍。

探索：針對(duì)研究目的進(jìn)行探索，比如目的是做用戶體驗(yàn)地圖，了解用戶在使用過(guò)程中遇到的問(wèn)題。

注意：如果直接問(wèn)平時(shí)怎么使用我們的產(chǎn)品，用戶會(huì)比較懵。這個(gè)時(shí)候最好給他一個(gè)確定的環(huán)境，比如你能不能演示一下你平時(shí)是怎么管理貨源的，這個(gè)時(shí)候他就明白原來(lái)需要我進(jìn)行這樣一個(gè)任務(wù)。

觀察：在用戶回答提問(wèn)和操作演示中，查看用戶碰到了什么難題。比如有超過(guò)一半的用戶多次點(diǎn)擊一個(gè)按鈕，說(shuō)明這個(gè)按鈕設(shè)計(jì)的大小不太合理。

思考：深層次挖掘。比如用戶反饋?zhàn)痔?，但?shí)際操作中并沒(méi)有瞇著眼或更靠近屏幕，可能原因一是他們本身就把手機(jī)屏幕文字調(diào)為最大，二是信息排布過(guò)于密集，效率低，并非因?yàn)樽中　?

         undefined       

定量研究

定量研究是指確定事物某方面量的科學(xué)研究，將問(wèn)題與現(xiàn)象用數(shù)量來(lái)表示，進(jìn)而分析和解釋?zhuān)瑥亩@得意義的研究方法。定量研究的數(shù)據(jù)分析，主要作用是回答“多少”的問(wèn)題。

定量研究的意義：

用一個(gè)數(shù)值來(lái)表示你產(chǎn)品的可用性。數(shù)值有時(shí)比質(zhì)量檢測(cè)的結(jié)果和視頻更有說(shuō)服力（特別是當(dāng)你試圖說(shuō)服像高管或客戶這樣的人）時(shí)。

比較不同的設(shè)計(jì)（比如，你的產(chǎn)品的新舊版本，或者是你的產(chǎn)品與競(jìng)爭(zhēng)對(duì)手的產(chǎn)品相比），并且確定你觀察到的差異是否具有統(tǒng)計(jì)學(xué)意義，而不是隨機(jī)的。

改進(jìn)用戶體驗(yàn)權(quán)衡決策。比如，如果預(yù)期的設(shè)計(jì)改進(jìn)成本很高，那么它值得做嗎？定量研究方法可以幫助你驗(yàn)證重新設(shè)計(jì)是否值得。

常用的定量研究方法包括：可用性研究、A/B Test、問(wèn)卷調(diào)查和滿意度調(diào)查。


       undefined

       

             

測(cè)試的重點(diǎn)是收集數(shù)據(jù)指標(biāo)，比如任務(wù)時(shí)間或者成功率，一旦你收集了相對(duì)較大的樣本量（大約35個(gè)或者更多），你就可以使用它們來(lái)跟蹤產(chǎn)品的可用性，或者將其與競(jìng)爭(zhēng)對(duì)手產(chǎn)品的可用性進(jìn)行比較。





               

               

在A/B測(cè)試中，團(tuán)隊(duì)需要?jiǎng)?chuàng)建同一界面的兩個(gè)不同的最新版本，然后將每個(gè)版本展示給不同的用戶，用來(lái)確定哪個(gè)版本的性能更好?；诜治龅膶?shí)驗(yàn)，對(duì)于決定同一個(gè)設(shè)計(jì)的不同變體非常有用，并且可以結(jié)束團(tuán)隊(duì)關(guān)于哪個(gè)版本最好的爭(zhēng)論。


               

              

問(wèn)卷調(diào)查是一種靈活的用戶研究工具，調(diào)研時(shí)可以同時(shí)獲得定量和定性的數(shù)據(jù)，比如評(píng)分、多項(xiàng)選擇題中的答案的比例，再加上開(kāi)放式問(wèn)題的答案。你甚至可以把對(duì)調(diào)查的定性回答轉(zhuǎn)化為數(shù)字?jǐn)?shù)據(jù)。

問(wèn)卷的一個(gè)優(yōu)點(diǎn)是：可以經(jīng)常將你的調(diào)研結(jié)果與行業(yè)或競(jìng)爭(zhēng)者的分?jǐn)?shù)進(jìn)行比較，看看你做得怎么樣。即使你創(chuàng)建了自己的自定義問(wèn)卷，也可以隨時(shí)間的推移對(duì)自己產(chǎn)品平均分?jǐn)?shù)進(jìn)行追蹤，來(lái)監(jiān)控產(chǎn)品的改進(jìn)情況。


               

      

可以根據(jù)你的研究問(wèn)題進(jìn)行定制，這些方法通常會(huì)首先讓參與者接觸到產(chǎn)品（通過(guò)向他們展示靜態(tài)圖片或者要求他們使用現(xiàn)場(chǎng)產(chǎn)品或原型）。然后，要求用戶通過(guò)從描述性的詞語(yǔ)列表中選擇一個(gè)來(lái)描述當(dāng)前設(shè)計(jì)。

如果你獲取自身目標(biāo)用戶的樣本量足夠大，那么整體趨勢(shì)就會(huì)顯示出來(lái)。例如，你可能會(huì)有84%的受訪者將此設(shè)計(jì)描述為"最新"。

   

           

明確調(diào)研目的

比如這次改版用戶對(duì)新版本的滿意度怎么樣。只有確定了目標(biāo)，你的問(wèn)卷才是有價(jià)值的。

回收數(shù)量

因子分析法要求調(diào)查數(shù)量是調(diào)查問(wèn)卷問(wèn)題數(shù)量的5-10倍，因此，如果調(diào)查問(wèn)卷中共有20個(gè)問(wèn)題，那么調(diào)查樣本數(shù)量可以大概確定為100～200個(gè)，有效回收樣本30份即可。

問(wèn)題順序的基本原則

往前放：

  1. 熟悉的問(wèn)題

  2. 簡(jiǎn)單的問(wèn)題

  3. 引起興趣的問(wèn)題

往后放：

  1. 開(kāi)放式的問(wèn)題

  2. 個(gè)人背景資料

題目的設(shè)計(jì)技巧

簡(jiǎn)潔明確：

?你用了多久的Google map？（?）

?你第一次使用Google map是什么時(shí)候？（?）

這兩個(gè)問(wèn)題看似類(lèi)似，但是當(dāng)用戶在思考的時(shí)候，第一個(gè)問(wèn)題顯然會(huì)思考更多的時(shí)間，用戶很可能在想，是想知道我第一次用的時(shí)間，還是我用了多久的時(shí)間。


中立、無(wú)誘導(dǎo)性：

?你喜歡這個(gè)功能的設(shè)計(jì)嗎？（?）

?請(qǐng)您對(duì)這個(gè)功能的滿意程度進(jìn)行一個(gè)打分，最低1分最高5分？（?）

避免使用帶有引導(dǎo)性的問(wèn)題，問(wèn)用戶是否喜歡、是否滿意，這樣通常用戶都會(huì)偏向于回答喜歡。

設(shè)置選項(xiàng)時(shí)，要做到：

       

       


定量分析的結(jié)果多以數(shù)據(jù)、模式、圖形等來(lái)表達(dá)。

       

       

前沿研究

?眼動(dòng)追蹤，英文Eye Tracking，是指通過(guò)測(cè)量眼睛的注視點(diǎn)的位置或者眼球相對(duì)頭部的運(yùn)動(dòng)而實(shí)現(xiàn)對(duì)眼球運(yùn)動(dòng)的追蹤。

眼動(dòng)儀是一種能夠跟蹤測(cè)量眼球位置及眼球運(yùn)動(dòng)信息的一種設(shè)備，在視覺(jué)系統(tǒng)、心理學(xué)、認(rèn)知語(yǔ)言學(xué)的研究中有廣泛的應(yīng)用。

               

常用分析

注視分析——分析注視軌跡、先后順序與流暢度

注視熱點(diǎn)圖——分析最關(guān)注區(qū)域和忽視區(qū)域

興趣區(qū)分析——分析平均注視時(shí)間與各興趣區(qū)注視順序

局限

通常需要輔助測(cè)試（如定性訪談）來(lái)收集更多實(shí)驗(yàn)數(shù)據(jù)

?腦電研究，大腦活動(dòng)時(shí)，腦內(nèi)億萬(wàn)神經(jīng)元活動(dòng)引起頭皮表面的電位變化，含有大量心里信息，測(cè)量腦電信號(hào)可繪制腦電圖，以不同波形反映出來(lái)。


       

undefined

       


腦電的本質(zhì)

利用生理探測(cè)技術(shù)，研究用戶對(duì)產(chǎn)品的情緒反應(yīng)

優(yōu)勢(shì)

相比傳統(tǒng)調(diào)研，更加能夠排除從眾行為、事后回憶偏差、社會(huì)贊許效應(yīng)等的干擾

       

undefined

文章來(lái)源：站酷   作者：愛(ài)吃炸雞的SHS

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1798)

想要引導(dǎo)用戶行為轉(zhuǎn)化，設(shè)計(jì)師必須深刻理解這 4 個(gè)認(rèn)知心理學(xué)理論

ui設(shè)計(jì)分享達(dá)人

很多網(wǎng)站在短時(shí)間內(nèi)就取得了巨大的進(jìn)步 —— 那些過(guò)去十年里最知名的品牌網(wǎng)站，與第一次迭代相比發(fā)生了很大的變化，這令人感到無(wú)比驚訝。 


網(wǎng)站最初用于商業(yè)目的時(shí)，人們并沒(méi)有過(guò)多地關(guān)注用戶體驗(yàn)。過(guò)去的目的是將盡可能多的內(nèi)容塞進(jìn)一頁(yè)里?，F(xiàn)在，設(shè)計(jì)師們通過(guò)大量研究、數(shù)據(jù)挖掘和優(yōu)化等方式來(lái)吸引用戶的注意力，同時(shí)在正確的時(shí)間提供合適的內(nèi)容、功能和選項(xiàng)。 


越來(lái)越多的公司正在采用先進(jìn)的心理學(xué)研究，以推動(dòng)用戶參與更多的互動(dòng)和付費(fèi)項(xiàng)目，這一現(xiàn)象使得曾經(jīng)被認(rèn)為是一門(mén)藝術(shù)的東西轉(zhuǎn)變成了一門(mén)科學(xué)。





1997 年的 Apple 網(wǎng)站




說(shuō)服式設(shè)計(jì)


除了許多必要的元素之外，好的設(shè)計(jì)總是會(huì)考慮到用戶的情感和心理需求。讓我們來(lái)看看什么是「說(shuō)服式設(shè)計(jì)」，并探索如何將影響人類(lèi)行為的心理過(guò)程應(yīng)用到設(shè)計(jì)中。


“說(shuō)服” 這個(gè)詞往往與操縱、欺騙相關(guān)聯(lián)，尤其是對(duì)一個(gè)善于使用「互聯(lián)網(wǎng)陷阱」的設(shè)計(jì)師來(lái)說(shuō)。但是，我們要明確一點(diǎn)，說(shuō)服式設(shè)計(jì)中的 “說(shuō)服” 并不是這個(gè)意思。說(shuō)服式設(shè)計(jì)可以使網(wǎng)站易于使用，從而改善用戶體驗(yàn)。因?yàn)?，說(shuō)服式設(shè)計(jì)是源于對(duì)心理誘因、用戶行為的理解和運(yùn)用。


（互聯(lián)網(wǎng)陷阱：興于 2010 年，由當(dāng)時(shí)英國(guó)用戶體驗(yàn)咨詢師 Harry·Brignull 首次提出，指的是網(wǎng)站或應(yīng)用程序采用誘導(dǎo)性或脅迫性設(shè)計(jì)，迫使用戶采取或不采取某種行動(dòng)）


例如，亞馬遜就很好的運(yùn)用了說(shuō)服式設(shè)計(jì)，它通過(guò)推薦其他產(chǎn)品和配件，以及展示 “查看過(guò)此商品的顧客也購(gòu)買(mǎi)了某物品” 的選項(xiàng)，引導(dǎo)用戶繼續(xù)購(gòu)買(mǎi)更多商品。為了快速完成銷(xiāo)售，他們還為購(gòu)物者提供了一鍵購(gòu)買(mǎi)商品的功能。




亞馬遜運(yùn)用說(shuō)服式設(shè)計(jì)的案例


我們都一直在花費(fèi)大量時(shí)間上網(wǎng)，設(shè)計(jì)師可以利用從線下行為中學(xué)到的知識(shí)來(lái)創(chuàng)造更好的用戶體驗(yàn)。無(wú)論你是想優(yōu)化現(xiàn)有網(wǎng)站還是構(gòu)建應(yīng)用程序，說(shuō)服式設(shè)計(jì)都將引導(dǎo)和支持用戶的在線體驗(yàn)。


設(shè)計(jì)師要如何利用心理學(xué)的研究成果來(lái)增強(qiáng)其設(shè)計(jì)的影響力呢？


理解心理學(xué)原理可以讓你對(duì)工作的基本原理有更透徹的理解。它可以：


  • 在缺乏用戶研究的情況下，作為研究和論證的來(lái)源 
  • 幫助客戶驗(yàn)證你的設(shè)計(jì)和推理

讓我們來(lái)討論一些心理學(xué)理論。




控制感


作為人類(lèi)，我們天生就需要控制。這可以追溯到我們最本源的需求。在劃分需求層次時(shí)，心理學(xué)家亞伯拉罕·馬斯洛（Abraham Maslow）在提出需求層次時(shí)，將我們最基本的需求命名為：健康、食物和睡眠。所有這些都需要我們對(duì)環(huán)境進(jìn)行一定程度的控制。




馬斯洛需求層次


作為 UI 設(shè)計(jì)師，我們需要確保用戶在我們?yōu)樗麄儎?chuàng)建的環(huán)境中擁有積極的體驗(yàn)。這就意味著需要通過(guò)提供合適的工具來(lái)增強(qiáng)用戶的能力，以幫助用戶在產(chǎn)品的使用過(guò)程中獲得控制感。


“今天，你可以調(diào)整屏幕的亮度，禁用通知，并可以決定手機(jī)是否應(yīng)該同時(shí)連接蜂窩數(shù)據(jù)和 Wi-Fi …… 即使這些調(diào)整只會(huì)將手機(jī)的電池壽命延長(zhǎng)幾分鐘，但這種可以掌控一切的成就感也會(huì)使用戶感到溫暖?！?-- 用戶體驗(yàn)顧問(wèn) Nadine Kintscher 


我們需要?jiǎng)?chuàng)建能夠平衡功能和視覺(jué)吸引力的界面，并將掌控權(quán)提交給用戶，以便他們有更滿意的體驗(yàn)。


澳大利亞房地產(chǎn)搜索網(wǎng)站 Realestate 成功的做到了這一點(diǎn)，它讓用戶能夠根據(jù)自己的偏好篩選所有房產(chǎn)，并讓他們可以選擇按不同的標(biāo)準(zhǔn)進(jìn)行排序。





澳大利亞房地產(chǎn)搜索網(wǎng)站 https://www.realestate.com.au


動(dòng)機(jī)、能力和誘因


我們?cè)撊绾卧O(shè)計(jì)一種數(shù)字體驗(yàn)，才能使用戶在適當(dāng)?shù)臅r(shí)候進(jìn)行所需的行為？這需要了解一個(gè)簡(jiǎn)理論 -- 「福格行為模型」：一個(gè)人行為（Behavior）的發(fā)生需要滿足至少三個(gè)條件，動(dòng)機(jī)（Motivation）,能力（ability）和誘因（trigger），用公式表示即 B = MAT，這三者必須同時(shí)具備，缺少任一條件都不會(huì)導(dǎo)致行為的發(fā)生。對(duì)于任何試圖實(shí)踐勸導(dǎo)心理學(xué)的人來(lái)說(shuō)都是理想的選擇。理論表明，一個(gè)行為得以發(fā)生，行為者首先需要有進(jìn)行此行為的動(dòng)機(jī)和操作此行為的能力，接著，如果他們有充足的動(dòng)機(jī)和能力來(lái)實(shí)施既定行為，他們就會(huì)在被誘導(dǎo)時(shí)進(jìn)行此行為，預(yù)期的行為就會(huì)發(fā)生。


（福格行為模型：由斯坦福大學(xué)「說(shuō)服技術(shù)研究實(shí)驗(yàn)室」Persuasive Technology Lab 創(chuàng)始人 BJ Fogg 研究而來(lái)）


動(dòng)機(jī) -- 人們做出這一行為的原因是什么，做出這一行為的原始動(dòng)因是什么； 


能力 -- 人們做出此行為需要滿足什么能力，人們是否有條件來(lái)完成這個(gè)行動(dòng)或者做這件事； 


觸發(fā) -- 是什么誘發(fā)用戶會(huì)做出這個(gè)行為，什么因素會(huì)導(dǎo)致用戶會(huì)完成這個(gè)。




福格行為模型（https://behaviormodel.org/）


尼爾·埃亞爾（Nir Eyal）和瑞安·胡佛（Ryan Hoover）合著的書(shū)籍《上癮》中曾提到過(guò) 福格行為模型，揭示了很多讓用戶形成習(xí)慣，甚至“上癮”的互聯(lián)網(wǎng)產(chǎn)品服務(wù)背后的基本設(shè)計(jì)原理，告訴你怎樣打造一款讓用戶欲罷不能的產(chǎn)品。作者根據(jù)自己多年的研究、咨詢及實(shí)際經(jīng)驗(yàn)，提出了新穎而實(shí)用的 「上癮模型」（Hook Model），即通過(guò)四個(gè)方面來(lái)養(yǎng)成用戶的使用習(xí)慣。通過(guò)連續(xù)的“上癮循環(huán)”，讓用戶成為“回頭客”，進(jìn)而實(shí)現(xiàn)循環(huán)消費(fèi)的終極目標(biāo)，而不是依賴(lài)高昂的廣告投入或泛濫粗暴的信息傳播。




上癮模型


一個(gè)很好的例子是 TurboTax，在《為心靈設(shè)計(jì)：勸導(dǎo)式設(shè)計(jì)的七個(gè)心理學(xué)原則》一書(shū)中討論過(guò)。


即使交稅不會(huì)使我們感到開(kāi)心，我們?nèi)杂泻軓?qiáng)的動(dòng)力來(lái)報(bào)稅。然而，與其他所有國(guó)家一樣，美國(guó)的稅收制度過(guò)于復(fù)雜，難以理解。TurboTax 在書(shū)中提到，使用戶能夠通過(guò)詢問(wèn)基本問(wèn)題更輕松地完成納稅，可以有效的提高用戶的納稅能力。在 TurboTax 的設(shè)計(jì)中，他舍棄了冗長(zhǎng)的文檔，相反，創(chuàng)建了一個(gè)工作流，使用戶可以進(jìn)行簡(jiǎn)單的逐步操作。最終便捷的操作方式會(huì)成為誘因，使用戶愿意嘗試在線提交稅款。




TurboTax 設(shè)計(jì)的報(bào)稅系統(tǒng)


用戶有充足的動(dòng)機(jī)和能力，同時(shí)又具備誘因，三個(gè)要素完美結(jié)合的情況可能會(huì)讓人感到過(guò)于理想或不自然。事實(shí)上，其中某一因素占比多也沒(méi)關(guān)系。發(fā)微博就是一個(gè)很好的例子，沒(méi)有什么重要事情的話，發(fā)微博的動(dòng)機(jī)可能很低，大多都是瀏覽；但觸發(fā)因素隨時(shí)都可能出現(xiàn)，提醒你可以開(kāi)始行動(dòng)了，可能是一個(gè)轉(zhuǎn)發(fā)抽獎(jiǎng)的活動(dòng)、可能是朋友正好生日；同時(shí)，發(fā)微博的操作非常便捷，用戶具備能力隨時(shí)都可以發(fā)布。


作為設(shè)計(jì)師，我們可以使用該理論來(lái)檢查是否為用戶建立了足夠的動(dòng)機(jī)和能力，并提供誘因來(lái)引發(fā)他們的行為。


  • 動(dòng)機(jī)為某人提供了從事這項(xiàng)工作的理由 
  • 能力為某人提供了完成任務(wù)的機(jī)會(huì) 
  • 誘因存在于我們的環(huán)境或大腦中，并促使某人做某事

以上兩種理論（控制感，以及 動(dòng)機(jī)、能力和誘因）都需要進(jìn)一步的研究，它們?cè)谠O(shè)計(jì)界面時(shí)非常有用。


或者，有一些更簡(jiǎn)單的心理學(xué)理論，不需要較復(fù)雜的研究，即可用到你的設(shè)計(jì)中，比如 稀缺 和 害怕錯(cuò)過(guò)（FOMO -- Fear of Missing Out）的概念。




亞馬遜在商品上增加 “只剩下 1 件存貨” 強(qiáng)調(diào)庫(kù)存不足，使用 FOMO 加強(qiáng)緊迫感






吸引注意力


幾十年來(lái)，心理學(xué)家一直對(duì)人們保持注意力的能力不斷下降而感到困擾。


眼動(dòng)追蹤已經(jīng)存在一段時(shí)間了，它主要用于測(cè)量用戶注視某一點(diǎn)的位置和持續(xù)時(shí)間。研究表明，互聯(lián)網(wǎng)的平均注意力持續(xù)時(shí)間不到幾秒鐘，用戶會(huì)立即做出有關(guān)網(wǎng)站的決定，如果不適合，就會(huì)離開(kāi)。




數(shù)據(jù)驅(qū)動(dòng)的設(shè)計(jì)（https://www.eyequant.com）


EyeQuant 將這一想法向前推進(jìn)了一步，利用眼球追蹤數(shù)據(jù)構(gòu)建了一種預(yù)測(cè)算法。你無(wú)需自己進(jìn)行眼動(dòng)測(cè)試，而是將設(shè)計(jì)上傳到他們的網(wǎng)站，他們會(huì)告訴你用戶在使用你的網(wǎng)站時(shí)關(guān)注點(diǎn)在哪些地方。


他們找了德國(guó)的參與者，并利用這些參與者建立了一個(gè)龐大的數(shù)據(jù)庫(kù)，該數(shù)據(jù)庫(kù)包含了大量吸引用戶注意力的內(nèi)容和不吸引用戶注意的內(nèi)容。研究發(fā)現(xiàn)，高對(duì)比度色彩比較容易吸引用戶，表情和粗體的文字也是如此。


眼動(dòng)追蹤軟件可能很昂貴。取而代之的是，諸如 Sumo Heat Maps 的在線分析軟件，可用于顯示訪問(wèn)者單擊的內(nèi)容和位置，以及吸引最多注意力的內(nèi)容。然而，請(qǐng)記住，雖然我們可能會(huì)抓住大腦的注意力，但我們也有可能會(huì)把用戶從更重要的事情上拉走。


使用眼動(dòng)追蹤或熱力圖可以使設(shè)計(jì)人員立即獲得有關(guān)其設(shè)計(jì)的客觀反饋。作為設(shè)計(jì)師，它可以用作用戶體驗(yàn)想法的驗(yàn)證，并為你的設(shè)計(jì)決策提供數(shù)據(jù)，允許你通過(guò) A / B 測(cè)試來(lái)優(yōu)化設(shè)計(jì)。




眼動(dòng)追蹤可獲得用戶行為的客觀反饋




模仿欲


你是否曾經(jīng)注意到人類(lèi)天生會(huì)有模仿他人的欲望？一個(gè)人的欲望也會(huì)促成他人的欲望。這種理論是由勒內(nèi)·吉拉德（Rene Girard）提出的，理論認(rèn)為，如果某人表現(xiàn)出對(duì)某件物品的渴望，你也會(huì)渴望得到這件物品。廣告商就是利用這一方式促成人們對(duì)某物的渴望，顯然，廣告成功的激發(fā)了人們更多的欲望。


你我都是模仿生物。Darren Bridger 的《神經(jīng)設(shè)計(jì)》一書(shū)就探索了這一理論，研究發(fā)現(xiàn)我們有一個(gè)鏡像神經(jīng)元系統(tǒng)。換句話說(shuō)，僅看到某人執(zhí)行某項(xiàng)操作（例如撿起一件物品）就會(huì)使你的大腦反映出該活動(dòng)。




模仿一詞的英文解釋


模仿欲理論意味著如果我們看到別人擁有某樣?xùn)|西，我們便也想擁有 —— 這一點(diǎn)可以用 「社會(huì)認(rèn)同」（或從眾心理）來(lái)解釋。


一種社會(huì)認(rèn)同是來(lái)自 “用戶的認(rèn)同”，就像是推薦。推薦之所以有效，是因?yàn)樗鼈儊?lái)自擁有共同愿望和價(jià)值觀的人。例如，專(zhuān)門(mén)為企業(yè)家服務(wù)的媒體 Foundr 不僅使用用戶的聲音，而且還顯示人臉，從而觸發(fā)了鏡像神經(jīng)元系統(tǒng)。




Foundr 專(zhuān)門(mén)為企業(yè)家提供媒體服務(wù)


另一種社會(huì)認(rèn)同是來(lái)自 “專(zhuān)家的認(rèn)同”，即你的產(chǎn)品獲得了專(zhuān)家的認(rèn)可，例如你的產(chǎn)品被 Twitter 提及、新聞引用、甚至有大 V 專(zhuān)門(mén)為你的產(chǎn)品撰文。Google 在其最新的 Pixel 手機(jī)廣告系列中使用了這種技巧，用 Google 自身的品牌影響力作為最強(qiáng)力的背書(shū)推薦這款手機(jī)。




僅僅強(qiáng)調(diào)這款手機(jī)是 Google 出品，無(wú)須多言




當(dāng)今及未來(lái)的設(shè)計(jì)心理學(xué)


對(duì)于設(shè)計(jì)師來(lái)說(shuō)，現(xiàn)在是一個(gè)令人激動(dòng)的好時(shí)代 -- 有豐富的資源和研究可以支撐我們的工作。


設(shè)計(jì)趨勢(shì)正在向體感，語(yǔ)音、虛擬現(xiàn)實(shí)（VR）、增強(qiáng)現(xiàn)實(shí)（AR）、混合現(xiàn)實(shí)（MR）和物聯(lián)網(wǎng)（IoT）轉(zhuǎn)變；隨著這些交互技術(shù)的不斷發(fā)展，人們需要以更直觀的方式來(lái)使用界面。


我們將迎來(lái)許多新的設(shè)計(jì)機(jī)會(huì)，而心理學(xué)將在其中發(fā)揮著重要的作用。


下一個(gè)我們?nèi)粘Ｉ钪信c設(shè)備交互方式的重大轉(zhuǎn)變，將從觸屏變?yōu)槭褂媚X電波交互。該技術(shù)已經(jīng)可用，使人們能夠通過(guò)思想直接控制其設(shè)備。


隨著我們逐漸接近人們的真實(shí)想法，心理學(xué)在設(shè)計(jì)中的應(yīng)用以及設(shè)計(jì)師的道德責(zé)任將發(fā)揮越來(lái)越重要的作用。


除了使用分析法、用戶研究、用戶體驗(yàn)地圖和其他方法來(lái)幫助做出設(shè)計(jì)決策并迭代產(chǎn)品外，設(shè)計(jì)師還應(yīng)考慮使用上述四種有說(shuō)服力的設(shè)計(jì)方法來(lái)完善其 “技巧工具包”。


有說(shuō)服力的設(shè)計(jì)并不邪惡。它是一種工具，并且像任何工具一樣，它可能被濫用。然而，通過(guò)正確的研究和深思熟慮的應(yīng)用，它可以成為任何設(shè)計(jì)師工具箱中的寶貴補(bǔ)充。

文章來(lái)源：站酷   作者：三分設(shè)

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1567)

需求太碎？如何在小業(yè)務(wù)中提煉價(jià)值

ui設(shè)計(jì)分享達(dá)人

背景


在日常工作中，身為設(shè)計(jì)師的我們時(shí)常有這樣的情形：身兼多個(gè)業(yè)務(wù)，但大部分的業(yè)務(wù)都是小業(yè)務(wù)，業(yè)務(wù)方給的需求也是七零八碎的小需求居多。面對(duì)該情況設(shè)計(jì)師有時(shí)會(huì)覺(jué)得沒(méi)有一點(diǎn)挑戰(zhàn)，限制自己對(duì)美好設(shè)計(jì)，給用戶創(chuàng)造美好生活的想法，總想要去搞個(gè)大新聞。


不妨回頭看看小業(yè)務(wù)，自己真的對(duì)它了解了么？這里提供一種視角，小業(yè)務(wù)也可以做大視野的事。通過(guò)一個(gè)小業(yè)務(wù)的案例改版，講述如何從小項(xiàng)目中出發(fā)。


曾經(jīng)負(fù)責(zé)過(guò)一個(gè)基礎(chǔ)模塊支持：設(shè)計(jì)詳情。它是設(shè)計(jì)師用酷家樂(lè)設(shè)計(jì)工具設(shè)計(jì)方案產(chǎn)出的載體。該模塊在之前有過(guò)改版迭代，迭代對(duì)業(yè)務(wù)目標(biāo)（留存活躍）的提升并不理想。那從哪里入手呢？


方法流程

  1. 理清業(yè)務(wù)目標(biāo)

  2. 挖掘用戶需求場(chǎng)景

  3. 梳理產(chǎn)品功能

  4. 拆解設(shè)計(jì)目標(biāo)

  5. 設(shè)計(jì)策略實(shí)施

  6. 驗(yàn)證迭代



一、理清小業(yè)務(wù)的業(yè)務(wù)目標(biāo)


相對(duì)于大業(yè)務(wù)（例如網(wǎng)站改版），小業(yè)務(wù)因?yàn)楹?jiǎn)單，其業(yè)務(wù)目標(biāo)界定常容易被忽略。在日常設(shè)計(jì)中常會(huì)遇見(jiàn)設(shè)計(jì)師在不知道業(yè)務(wù)目標(biāo)是什么、目標(biāo)模糊、目標(biāo)不正確的情況，直接從梳理小業(yè)務(wù)具備哪些功能直接入手，分析下現(xiàn)狀問(wèn)題后開(kāi)始制定設(shè)計(jì)策略，這往往會(huì)導(dǎo)致設(shè)計(jì)出現(xiàn)解決不了關(guān)鍵問(wèn)題、出現(xiàn)偏差情況。產(chǎn)品功能本身只是滿足用戶需求和實(shí)現(xiàn)業(yè)務(wù)目標(biāo)的服務(wù)載體，只是策略的表象。理清小業(yè)務(wù)所承擔(dān)的業(yè)務(wù)目標(biāo)是前提，那么如何理清呢？



理清業(yè)務(wù)目標(biāo)

小業(yè)務(wù)目標(biāo)來(lái)自大業(yè)務(wù)目標(biāo)，對(duì)大業(yè)務(wù)的業(yè)務(wù)目標(biāo)進(jìn)行一級(jí)級(jí)向下拆解后，即可獲得小業(yè)務(wù)對(duì)應(yīng)的目標(biāo)。目標(biāo)拆解需要遵循MECE原則，拆解方法包含：二分法、過(guò)程法、要素法、公式法、矩陣法。（tips：目標(biāo)的拆解有一定難度，）



Dapp設(shè)計(jì)詳情為例，在酷家樂(lè)大增長(zhǎng)業(yè)務(wù)背景下，用戶活躍和用戶留存為核心的目標(biāo)，設(shè)計(jì)詳情處于設(shè)計(jì)路徑的一個(gè)節(jié)點(diǎn)，拆解得到設(shè)計(jì)詳情的5個(gè)主要業(yè)務(wù)目標(biāo)：

  • 設(shè)計(jì)詳情-用戶周活躍

  • 設(shè)計(jì)詳情-新用戶留存

  • 設(shè)計(jì)詳情-老用戶留存

  • 設(shè)計(jì)詳情-內(nèi)容投稿數(shù)

  • 設(shè)計(jì)詳情-內(nèi)容分享數(shù)



業(yè)務(wù)目標(biāo)可分為2個(gè)類(lèi)別：

  • 第一類(lèi)別：符合用戶意愿，如活躍、留存，在滿足用戶需求的情況下可以自然達(dá)成；

  • 第二類(lèi)別：不符合用戶意愿，如內(nèi)容投稿、內(nèi)容分享，用戶不太會(huì)主動(dòng)去完成，需要去創(chuàng)造動(dòng)機(jī)，激勵(lì)用戶進(jìn)行。



二、挖掘小業(yè)務(wù)關(guān)聯(lián)的用戶需求場(chǎng)景


有小業(yè)務(wù)的業(yè)務(wù)目標(biāo)后，第二步就需要給用戶提供價(jià)值滿足用戶需求，以此來(lái)實(shí)現(xiàn)業(yè)務(wù)目標(biāo)的達(dá)成。梳理清楚小業(yè)務(wù)服務(wù)了哪些用戶需求是提供價(jià)值的前提，那如何獲取用戶需求場(chǎng)景呢？



1. 用戶訪談——獲取相關(guān)用戶需求場(chǎng)景

用戶需求場(chǎng)景可以幫我們清晰了解到用戶使用產(chǎn)品的原因。用戶需求場(chǎng)景可以一句話進(jìn)行界定，包含四個(gè)關(guān)鍵要素，其中需求本身最為核心，需要挖掘出當(dāng)前訴求和其背后的潛在需求。

“在【某環(huán)境下】，【某用戶】做了【某事】來(lái)滿足【某需求】”



用戶訪談為了挖掘到更為深入用戶需求場(chǎng)景的要素信息。以設(shè)計(jì)師入行年限分組（1-3年、3-5年、5年以上），每次分組訪談2-3個(gè)設(shè)計(jì)師。梳理出設(shè)計(jì)詳情相關(guān)的8個(gè)需求場(chǎng)景



訪談信息整合如下





2. 規(guī)整用戶需求場(chǎng)景

在業(yè)務(wù)訪談中獲取的場(chǎng)景往往都是碎片化的，碎片化場(chǎng)景對(duì)設(shè)計(jì)指導(dǎo)容易出現(xiàn)偏差，需要把場(chǎng)景結(jié)構(gòu)化，為后續(xù)的方案設(shè)計(jì)提供依據(jù)。我把獲得的場(chǎng)景按照設(shè)計(jì)師設(shè)計(jì)流程進(jìn)行規(guī)整，按設(shè)計(jì)前、設(shè)計(jì)中、設(shè)計(jì)后三個(gè)階段進(jìn)行劃分。



以上梳理了設(shè)計(jì)詳情相關(guān)的用戶需求場(chǎng)景，再來(lái)看原設(shè)計(jì)詳情只基礎(chǔ)滿足了資料管理和方案展示的2個(gè)單一場(chǎng)景，在設(shè)計(jì)師的整個(gè)設(shè)計(jì)流程中只占了一部分。從設(shè)計(jì)層面來(lái)看，該2個(gè)場(chǎng)景局限在方案設(shè)計(jì)大場(chǎng)景中，設(shè)計(jì)更多做的是對(duì)其方案設(shè)計(jì)操作的體驗(yàn)優(yōu)化，在原有較好操作體驗(yàn)的現(xiàn)狀下，其對(duì)給用戶創(chuàng)造價(jià)值上沒(méi)有很大增量。再?gòu)囊陨蠘I(yè)務(wù)目標(biāo)來(lái)看，2個(gè)單一場(chǎng)景很難去促使用戶對(duì)內(nèi)容進(jìn)行分享和投稿。



三、梳理產(chǎn)品功能矩陣


在理清小業(yè)務(wù)的業(yè)務(wù)目標(biāo)和需求場(chǎng)景后，下一步就是按照?qǐng)鼍叭ナ崂懋a(chǎn)品能力。


1. 小業(yè)務(wù)功能現(xiàn)狀分析

老版app設(shè)計(jì)詳情的功能進(jìn)行初步的現(xiàn)狀分析，設(shè)計(jì)詳情包含渲染、圖文編輯、圖片管理、投稿、分享5個(gè)主要功能。從需求場(chǎng)景來(lái)看，多個(gè)場(chǎng)景無(wú)法實(shí)現(xiàn)，如營(yíng)銷(xiāo)、談單；從業(yè)務(wù)目標(biāo)來(lái)看，通過(guò)當(dāng)前功能有較大的優(yōu)化空間，如當(dāng)前投稿很難讓用戶知道投稿有什么價(jià)值。




2. 產(chǎn)品能力梳理

分析現(xiàn)狀發(fā)現(xiàn)功能不足以支撐用戶需求場(chǎng)景，有獲取功能2個(gè)方向：

  1. 挖掘現(xiàn)有能力：可以擴(kuò)大梳理范圍，從小業(yè)務(wù)所在的上一級(jí)業(yè)務(wù)到整個(gè)平臺(tái)，一級(jí)級(jí)往上梳理場(chǎng)景對(duì)應(yīng)的現(xiàn)有功能。

  2. 打造新能力：圍繞場(chǎng)景，打造出新的功能



挖掘平臺(tái)上現(xiàn)有能力，可對(duì)業(yè)務(wù)的能力價(jià)值最大化利用，與其他業(yè)務(wù)形成互通，實(shí)現(xiàn)1+1大于2的業(yè)務(wù)價(jià)值。亦可圍繞場(chǎng)景打造新能力，可反推產(chǎn)品去發(fā)倔新功能。

以下是設(shè)計(jì)詳情涉及所有場(chǎng)景的產(chǎn)品功能矩陣，從平臺(tái)獲取到了很多全新的能力，以及對(duì)原有的能力進(jìn)行了能力拓展。




四、拆解每個(gè)場(chǎng)景的設(shè)計(jì)目標(biāo)和策略


在梳理出產(chǎn)品能力后，需要通過(guò)設(shè)計(jì)策略把產(chǎn)品能力有效組織起來(lái)，讓用戶快速感知快速上手使用。設(shè)計(jì)策略推導(dǎo)自設(shè)計(jì)目標(biāo)，那如何得到設(shè)計(jì)目標(biāo)？


基于用戶需求場(chǎng)景將行為事件拆分，提煉行為事件再推導(dǎo)出設(shè)計(jì)目標(biāo)，再基于設(shè)計(jì)目標(biāo)給出設(shè)計(jì)策略。



Dapp設(shè)計(jì)詳情受制于移動(dòng)端能力，只涉及設(shè)計(jì)詳情中5個(gè)相關(guān)場(chǎng)景，其設(shè)計(jì)目標(biāo)和設(shè)計(jì)策略的拆解結(jié)果如下



拆解出設(shè)計(jì)目標(biāo)后，基于目標(biāo)分析產(chǎn)品現(xiàn)狀得到存在的設(shè)計(jì)問(wèn)題。為什么要基于目標(biāo)分析現(xiàn)狀？首先需要明確什么是問(wèn)題，問(wèn)題是導(dǎo)致目標(biāo)和現(xiàn)狀不一致的原因。只有明確了目標(biāo)才可以理性分析與現(xiàn)狀存在多少問(wèn)題。在日常中時(shí)?？吹皆O(shè)計(jì)師會(huì)直接得到問(wèn)題，很多情況是默認(rèn)假設(shè)了一個(gè)預(yù)設(shè)目標(biāo)，但這目標(biāo)得到不嚴(yán)謹(jǐn)、不全面，容易導(dǎo)致得到的問(wèn)題本身也出現(xiàn)偏差。設(shè)計(jì)策略基于設(shè)計(jì)目標(biāo)或問(wèn)題得出，其最終都來(lái)自設(shè)計(jì)目標(biāo)。



對(duì)老版Dapp設(shè)計(jì)詳情現(xiàn)狀進(jìn)行了分析，得到了問(wèn)題




五、設(shè)計(jì)策略的落地


在上一步得到設(shè)計(jì)策略后，圍繞著設(shè)計(jì)策略是設(shè)計(jì)方案。本段將不全部展開(kāi)說(shuō)明，只選3個(gè)關(guān)鍵點(diǎn)講述設(shè)計(jì)方案的思考


1. 設(shè)計(jì)詳情框架的設(shè)計(jì)

Dapp設(shè)計(jì)詳情涉及5個(gè)場(chǎng)景的承載及產(chǎn)品功能繁多，設(shè)計(jì)三步思考：

第一步：簡(jiǎn)化功能認(rèn)知，對(duì)功能結(jié)構(gòu)化，以場(chǎng)景的維度重組織功能，并以場(chǎng)景打造功能集合的認(rèn)知，建立場(chǎng)景能力區(qū)；

第二步：梳理場(chǎng)景共同涉及的內(nèi)容，作為聯(lián)系的載體承載場(chǎng)景的放置，設(shè)計(jì)詳情中展示態(tài)的方案涉及到了5個(gè)場(chǎng)景中的4個(gè)場(chǎng)景

第三步：提取場(chǎng)景中即時(shí)性和高優(yōu)先級(jí)功能，打造快捷功能區(qū)

框架如下



建立框架后，填充具體的能力和內(nèi)容。如場(chǎng)景入口放置于底部，并根據(jù)場(chǎng)景優(yōu)先級(jí)做了主次的區(qū)分。


設(shè)計(jì)詳情框架建立后，打造細(xì)分場(chǎng)景中的設(shè)計(jì)


2. 營(yíng)銷(xiāo)獲客場(chǎng)景設(shè)計(jì)

營(yíng)銷(xiāo)場(chǎng)景的設(shè)計(jì)，將營(yíng)銷(xiāo)組成拆分為可營(yíng)銷(xiāo)內(nèi)容、營(yíng)銷(xiāo)的渠道、渠道內(nèi)容展現(xiàn)三大類(lèi)，就可以清晰去梳理出現(xiàn)有的功能，以及可從內(nèi)容、渠道各自去拓展挖掘。內(nèi)容和渠道清晰后，再傳達(dá)各渠道提供的價(jià)值激勵(lì)用戶去觸發(fā)行為。




3. 談單場(chǎng)景設(shè)計(jì)

談單場(chǎng)景關(guān)鍵在方案詳情上，談單面對(duì)不同情況，存在多種內(nèi)容形式去展示方案。在上面內(nèi)容梳理中最主要是3個(gè)內(nèi)容：圖文方案、全屋漫游、渲染圖冊(cè)。在方案詳情中，頭部承載了全屋漫游、圖冊(cè)，如圖文方案過(guò)于繁瑣可直接點(diǎn)擊全屋漫游圖進(jìn)行講解，亦可點(diǎn)擊封面進(jìn)入圖冊(cè)直接圖片說(shuō)明。圖文詳情加上了房間切換的導(dǎo)航，可快速切換到需要講解的地方。




六、上線驗(yàn)證


上線后數(shù)據(jù)平穩(wěn)后觀測(cè)，設(shè)計(jì)詳情的周活提升了89%，每個(gè)場(chǎng)景下的功能數(shù)據(jù)都得到顯著的提升（tips：有部分?jǐn)?shù)據(jù)因技術(shù)原因沒(méi)有采集到）。除了改版了Dapp側(cè)的設(shè)計(jì)詳情，后續(xù)對(duì)PCweb側(cè)的設(shè)計(jì)詳情進(jìn)行迭代，同樣起到不錯(cuò)的結(jié)果。數(shù)據(jù)的結(jié)果驗(yàn)證了方法的可行，并起到了積極的效果。




最后的思考小結(jié)


以上是我應(yīng)用這套設(shè)計(jì)方法去做了塊小業(yè)務(wù)優(yōu)化，反向推動(dòng)進(jìn)入產(chǎn)品迭代，上線后取得了不錯(cuò)的成績(jī)。在本次賦能后，對(duì)小業(yè)務(wù)中多了一些感悟

  • 小業(yè)務(wù)是大業(yè)務(wù)的縮影，可以作為去賦能大業(yè)務(wù)前沿驗(yàn)證的實(shí)驗(yàn)田，大概率可以快速驗(yàn)證自己的想法，即使方向錯(cuò)了因?yàn)樾I(yè)務(wù)改動(dòng)影響面也小

  • 因知識(shí)廣度和深度的限制，不是所有設(shè)計(jì)師都可以一開(kāi)始就可以把控大業(yè)務(wù)，小業(yè)務(wù)可作為打磨設(shè)計(jì)深度專(zhuān)業(yè)度，一些小業(yè)務(wù)的復(fù)雜度并不低于大業(yè)務(wù)

  • 該設(shè)計(jì)方法同樣適用于大業(yè)務(wù)，但方法是死的，不是所有情況都套用，得需要把握重點(diǎn)靈活應(yīng)用

  • 不要總想著搞個(gè)大新聞，在能力未被業(yè)務(wù)方認(rèn)可時(shí)，小業(yè)務(wù)的賦能可以成為一個(gè)很好的發(fā)聲口

  • 不要輕視小業(yè)務(wù)，有可能是你根本還不了解

評(píng)論(0) 瀏覽(1652)

愛(ài)在字里行間：適老化設(shè)計(jì)標(biāo)準(zhǔn)研究

ui設(shè)計(jì)分享達(dá)人

近些年，得益于經(jīng)濟(jì)和社會(huì)的高速發(fā)展，越來(lái)越多的中老年人開(kāi)始嘗試享受移動(dòng)互聯(lián)網(wǎng)帶來(lái)的便捷生活。50歲及以上網(wǎng)民在總網(wǎng)民中的占比已經(jīng)由2015年的9.2%提升至2020年的26.3%，增長(zhǎng)接近兩倍。但中老年在融入移動(dòng)互聯(lián)網(wǎng)時(shí)仍面臨諸多困難，是需要重點(diǎn)關(guān)注的弱勢(shì)群體。



隨著各類(lèi)問(wèn)題在社會(huì)輿論中持續(xù)發(fā)酵，國(guó)家政策也開(kāi)始關(guān)注中老年的互聯(lián)網(wǎng)使用體驗(yàn)，推動(dòng)各類(lèi)APP進(jìn)行適老化改造。2020年12月，工信部發(fā)布《互聯(lián)網(wǎng)應(yīng)用適老化及無(wú)障礙改造專(zhuān)項(xiàng)行動(dòng)方案》。2021年3月11日，全國(guó)人大發(fā)布《十四五規(guī)劃綱要》，明確提及“加快信息無(wú)障礙建設(shè)，幫助老年人、殘疾人共享數(shù)字生活”，更是將信息無(wú)障礙建設(shè)上升到了國(guó)家頂層規(guī)劃的高度。

 

為了更好地服務(wù)中老年人，百度在2021年上線了百度大字版和百度關(guān)懷版APP。對(duì)于中老年人來(lái)講，視力老化是難以避免的問(wèn)題。隨著年齡增長(zhǎng)，中老年人晶狀體硬化、睫狀肌衰弱，物體不能很好地成像在視網(wǎng)膜上，帶來(lái)視覺(jué)上分辨物體的敏感度、色彩感、明暗感、空間感的下降。

 

但是對(duì)于中老年人而言，手機(jī)APP的字號(hào)、行距真的是越大越好嗎？我們首先試圖從現(xiàn)有標(biāo)準(zhǔn)中尋找答案。然而通過(guò)梳理，發(fā)現(xiàn)行業(yè)內(nèi)已有標(biāo)準(zhǔn)主要是針對(duì)各類(lèi)殘障人士的，并且是原則性的建議，推薦的字號(hào)、行距的理想值過(guò)于寬泛，對(duì)手機(jī)APP適老化設(shè)計(jì)升級(jí)的指導(dǎo)意義比較有限。比如W3C發(fā)布的《Web內(nèi)容無(wú)障礙指南（WCAG2.1）》，關(guān)于行距的要求是“至少為字體大小的1.5倍”。所以我們通過(guò)科學(xué)、嚴(yán)謹(jǐn)?shù)难芯?，制定了一套設(shè)計(jì)標(biāo)準(zhǔn)，來(lái)指導(dǎo)資訊類(lèi)/內(nèi)容類(lèi)APP全場(chǎng)景文字排版適老化設(shè)計(jì)升級(jí)，為中老年用戶帶去字里行間的關(guān)愛(ài)和更好的閱讀體驗(yàn)。


下面就將從研究方法和成果兩個(gè)方面做具體介紹。希望能幫助大家掌握相應(yīng)的研究思路，在后續(xù)制定設(shè)計(jì)標(biāo)準(zhǔn)時(shí)可以快速上手，同時(shí)也將此次適老化設(shè)計(jì)標(biāo)準(zhǔn)研究的成果與大家分享，為資訊類(lèi)/內(nèi)容類(lèi)APP適老化設(shè)計(jì)升級(jí)提供參照。



///

研究流程與方法：如何通過(guò)用戶研究制定一套設(shè)計(jì)標(biāo)準(zhǔn)？


| 明確標(biāo)準(zhǔn)的應(yīng)用方向

為了讓一套標(biāo)準(zhǔn)對(duì)設(shè)計(jì)工作具備實(shí)際的指引價(jià)值，我們?cè)谘芯恳?guī)劃環(huán)節(jié)充分考慮了設(shè)計(jì)經(jīng)驗(yàn)和迭代需求。用戶研究和設(shè)計(jì)師一起對(duì)資訊類(lèi)/內(nèi)容類(lèi)APP所有涉及文字排版的頁(yè)面、模塊進(jìn)行了通盤(pán)梳理，確定了12類(lèi)應(yīng)用方向（即用戶的使用場(chǎng)景）。對(duì)于這么多使用場(chǎng)景分別做研究費(fèi)時(shí)費(fèi)力，我們選擇通過(guò)洞察背后的用戶閱讀模式，把12類(lèi)應(yīng)用方向收斂為4大類(lèi)閱讀場(chǎng)景：3類(lèi)主場(chǎng)景（包括長(zhǎng)文閱讀、搜索、概覽閱讀）和1類(lèi)輔助信息場(chǎng)景。針對(duì)主場(chǎng)景，研究中老年用戶理想的字號(hào)、行距和粗細(xì)組合；針對(duì)輔助信息場(chǎng)景，研究中老年用戶的最小可辨識(shí)字號(hào)。這樣研究既能覆蓋各類(lèi)應(yīng)用場(chǎng)景、不同的信息層級(jí)，又能更聚焦、更高效。



| 構(gòu)建評(píng)估體系

在確定了標(biāo)準(zhǔn)的應(yīng)用方向之后，評(píng)估體系的搭建也參考了過(guò)往的設(shè)計(jì)經(jīng)驗(yàn)。我們一方面查找并梳理了學(xué)術(shù)界在字號(hào)、行距方面的研究成果，另一方面也結(jié)合了百度已有的設(shè)計(jì)經(jīng)驗(yàn)。最終確定了字號(hào)、行距、粗細(xì)、顏色四個(gè)考察變量在不同研究場(chǎng)景的研究范圍（即自變量選取水平），并綜合主觀體驗(yàn)指標(biāo)和客觀眼動(dòng)數(shù)據(jù)指標(biāo)搭建了中老年閱讀體驗(yàn)的評(píng)估體系。其中,主觀體驗(yàn)指標(biāo)包括關(guān)鍵信息發(fā)現(xiàn)、清晰度、舒適度、滿意度；客觀眼動(dòng)指標(biāo)包括眨眼頻率、瞳孔直徑變異性和閱讀速度。



| 實(shí)驗(yàn)流程

在實(shí)驗(yàn)中，我們邀請(qǐng)了60位50-70歲中老年用戶參與調(diào)研，通過(guò)任務(wù)模擬他們?cè)谡鎸?shí)場(chǎng)景的長(zhǎng)文閱讀、搜索、概覽閱讀情況，綜合眼動(dòng)實(shí)驗(yàn)、問(wèn)卷調(diào)研和訪談方法評(píng)估不同字號(hào)、行距、粗細(xì)對(duì)中老年閱讀體驗(yàn)的影響，探尋不同場(chǎng)景下最適合的字號(hào)、行距、粗細(xì)方式。在實(shí)驗(yàn)過(guò)程中，通過(guò)SMI-ETG2w眼鏡式眼動(dòng)儀測(cè)量眼動(dòng)數(shù)據(jù)。




///

研究成果：適老化設(shè)計(jì)標(biāo)準(zhǔn)介紹


通過(guò)對(duì)各類(lèi)閱讀場(chǎng)景、設(shè)計(jì)變量和體驗(yàn)影響因子的充分分析，本研究形成了一套完備、成體系的適老化設(shè)計(jì)標(biāo)準(zhǔn)，可用于指引資訊類(lèi)/閱讀類(lèi)APP中不同頁(yè)面和不同信息層級(jí)的適老化設(shè)計(jì)改造。



| 主場(chǎng)景理想字號(hào)、行距和粗細(xì)的組合

研究結(jié)果明確了資訊類(lèi)/內(nèi)容類(lèi)APP對(duì)于中老年人在不同場(chǎng)景里任一信息層級(jí)的理想字號(hào)、行距和粗細(xì)組合。以概覽閱讀場(chǎng)景（Feed列表頁(yè)）和長(zhǎng)文閱讀場(chǎng)景（圖文落地頁(yè)）為例，優(yōu)化前與預(yù)計(jì)優(yōu)化后的字號(hào)、行距、粗細(xì)組合如下：


概覽閱讀場(chǎng)景


長(zhǎng)文閱讀場(chǎng)景


| 輔助信息最小可辨識(shí)字號(hào)

此外，研究結(jié)果也明確了黑色（1F1F1F）字體的全局最小可辨識(shí)字號(hào)。以75%中老年用戶可以看清的字號(hào)作為最小可辨識(shí)字號(hào)標(biāo)準(zhǔn)，黑色（1F1F1F）最小可辨識(shí)字號(hào)為36px。

 

此次研究填補(bǔ)了學(xué)術(shù)界和業(yè)界在手機(jī)APP適老化設(shè)計(jì)領(lǐng)域的空白。在百度，該套標(biāo)準(zhǔn)已落地百度關(guān)懷版，未來(lái)還會(huì)在百度大字版和更多為老年人提供服務(wù)的APP上線。面向行業(yè)，我們也積極共享研究成果。百度大字版、百度關(guān)懷版運(yùn)營(yíng)同學(xué)牽頭和老齡產(chǎn)業(yè)協(xié)會(huì)合作，設(shè)計(jì)師結(jié)合本次研究成果編寫(xiě)了《移動(dòng)互聯(lián)網(wǎng)應(yīng)用適老化設(shè)計(jì)要求》團(tuán)體標(biāo)準(zhǔn)，已經(jīng)于2021年11月10日發(fā)布。希望本次的研究成果能幫助更多資訊類(lèi)/內(nèi)容類(lèi)APP完成文字排版的適老化升級(jí)，為中老年人帶去更多的關(guān)懷和更好的閱讀體驗(yàn)，為移動(dòng)互聯(lián)網(wǎng)行業(yè)的信息無(wú)障礙建設(shè)貢獻(xiàn)一份綿薄之力。




文章來(lái)源：站酷   作者：百度MEUX
分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1672)

輪播設(shè)計(jì)總結(jié)-提高用戶點(diǎn)擊

純純

如果需要設(shè)計(jì)一個(gè)輪播，我們應(yīng)該考慮哪些因素？如何讓輪播更具有價(jià)值？如何讓輪播的體驗(yàn)更好？如何避免輪播常見(jiàn)的問(wèn)題。

提到輪播首先可能想到的是廣告，我們經(jīng)常在移動(dòng)端首頁(yè)或網(wǎng)站首頁(yè)會(huì)看到各式各樣的輪播banner，不管在移動(dòng)端還是網(wǎng)頁(yè)上通常點(diǎn)擊數(shù)據(jù)都是非常差的，本篇文章帶你深入了解banner輪播。

如果需要設(shè)計(jì)一個(gè)輪播，我們應(yīng)該考慮哪些因素？如何讓輪播更具有價(jià)值？如何讓輪播的體驗(yàn)更好？如何避免輪播常見(jiàn)的問(wèn)題。

本篇文章通過(guò)以下幾點(diǎn)探索輪播的特性，預(yù)計(jì)閱讀20分鐘

目錄

1、用戶真的使用輪播嗎

2、輪播的輪換形式

3、輪播的進(jìn)度展示

4、輪播定位

5、輪播的切換

6、對(duì)輪播進(jìn)行分類(lèi)

7、使用縮略圖進(jìn)行預(yù)知

8、輪播異形化

9、輪播時(shí)間

10、總結(jié)

一、用戶真的使用輪播嗎

用戶是否對(duì)輪播有感知，這個(gè)則需要根據(jù)不同的場(chǎng)景進(jìn)行判斷，包括每個(gè)產(chǎn)品中的每個(gè)輪播對(duì)用戶用戶的定位也不相同，常見(jiàn)的應(yīng)用場(chǎng)景品牌曝光、活動(dòng)營(yíng)銷(xiāo)、產(chǎn)品展示，每個(gè)場(chǎng)景下相關(guān)的數(shù)據(jù)也不相同。

促銷(xiāo)輪播banner

品牌推廣輪播banner


產(chǎn)品介紹輪播banner

同時(shí)還有個(gè)關(guān)鍵因素，輪播的占比，這里以pc端為例若是產(chǎn)品是以品牌效應(yīng)吸引用戶的，大多輪播是以大的屏幕占比為主通常會(huì)占首屏的50%，如果是以營(yíng)銷(xiāo)、內(nèi)容為主的產(chǎn)品，輪播通常以16:9、7:4的常規(guī)比例進(jìn)行展示。


輪播的頁(yè)數(shù)

用戶在使用產(chǎn)品時(shí)會(huì)默認(rèn)忽略輪播區(qū)域，一般輪播都會(huì)有自動(dòng)輪換機(jī)制，一定時(shí)間后自動(dòng)輪放下一張banner，那么每當(dāng)頁(yè)面上進(jìn)行輪播時(shí)便會(huì)吸引用戶進(jìn)行關(guān)注，效果上會(huì)有一定的提升，所以在輪播中第二張第三張的效果往往會(huì)比第一張輪播的效果更有效一些。

還有一種用戶比較喜歡關(guān)注輪播過(guò)去的banner以此來(lái)滿足好奇心。

如果banner是作為內(nèi)容傳播希望用戶通過(guò)banner了解內(nèi)容，那么則要避免放在最后一位置，對(duì)于用戶而言最后一張輪播路徑過(guò)于長(zhǎng)，并且用戶很少會(huì)手動(dòng)滑動(dòng)banner。

國(guó)外一家公司在針對(duì)輪播中進(jìn)行了相關(guān)的研究測(cè)試，隨著頁(yè)數(shù)的增加用戶的點(diǎn)擊逐步下降。

那么如果想讓產(chǎn)品中的輪播更具有效果，則需要根據(jù)不同的場(chǎng)景設(shè)定策略達(dá)到目的。

二、輪播的輪換形式

不管在移動(dòng)端還是手機(jī)端，輪播都有各種交互形式和尺寸，以pc為例在交互上會(huì)多樣化一些，常見(jiàn)的幾種則是通過(guò)滾輪滑動(dòng)、通過(guò)點(diǎn)擊切換兩種。

如下圖某藝術(shù)網(wǎng)站，它則是通過(guò)鼠標(biāo)滾輪進(jìn)行切換輪播banner，并且banner的占比也是鋪滿首屏，這種輪播形式適合一些品牌、產(chǎn)品宣傳等相關(guān)的網(wǎng)站以此來(lái)突出產(chǎn)品的亮點(diǎn)，同時(shí)也符合用戶目標(biāo)。

在看下面這個(gè)醫(yī)美網(wǎng)站它的切換方式則是通過(guò)鼠標(biāo)點(diǎn)擊進(jìn)行切換，并且占比也是鋪滿首屏，在醫(yī)美領(lǐng)域用戶更關(guān)注美感，而輪播形態(tài)也是符合用戶的心理預(yù)期更加沉浸美觀。

而在移動(dòng)端輪播的形式就比較統(tǒng)一，大多都是自動(dòng)播放+手指滑動(dòng)進(jìn)行切換。

三、輪播的進(jìn)度展示

在網(wǎng)頁(yè)中輪播都會(huì)有當(dāng)前的定位點(diǎn)，許多用戶的習(xí)慣是點(diǎn)擊進(jìn)度條進(jìn)行切換banner這樣能夠更快的達(dá)到目標(biāo)，不用一張一張切換，但是在有些產(chǎn)品中會(huì)忽略這一點(diǎn)，設(shè)計(jì)中會(huì)做的非常小導(dǎo)致用戶在點(diǎn)擊上可用性不太友好，如下圖中的banenr進(jìn)度點(diǎn)設(shè)計(jì)上過(guò)于小導(dǎo)致點(diǎn)擊上有些阻礙。

如以下網(wǎng)站去除進(jìn)度定位的方式，通過(guò)縮略圖預(yù)覽來(lái)告知用戶下一個(gè)banner的內(nèi)容，空白區(qū)域也可以添加縮略圖引導(dǎo)介紹等關(guān)鍵信息，幫助用戶提前預(yù)知在體驗(yàn)上相對(duì)較好。

以下國(guó)外某網(wǎng)站在進(jìn)度定位的設(shè)計(jì)上采用了標(biāo)簽文案方式進(jìn)行設(shè)計(jì)，能夠幫助用戶更加全局的了解banner內(nèi)容


四、輪播的定位

定位主要是用來(lái)指示當(dāng)前輪播的進(jìn)度，像上圖中講的便于用戶更加全局的觀看banner的張數(shù)和當(dāng)前進(jìn)度。

以下網(wǎng)站的設(shè)計(jì)中則把定位與進(jìn)度相結(jié)合，進(jìn)度條展示該banner預(yù)計(jì)多久會(huì)切換下一張，對(duì)于自動(dòng)切換的產(chǎn)品輪播這個(gè)更直觀的進(jìn)度展示體驗(yàn)上相對(duì)較好。

以下是某個(gè)國(guó)外網(wǎng)站，不管是pc還是移動(dòng)端都在輪播底部添加了水平條，告知用戶當(dāng)前位置

隨著市場(chǎng)上產(chǎn)品同質(zhì)化嚴(yán)重，產(chǎn)品的競(jìng)爭(zhēng)力也更依賴(lài)體驗(yàn)，在下圖中的數(shù)據(jù)可視化的網(wǎng)站上，在進(jìn)度條上就利用了產(chǎn)品的特性以餅狀圖的形式進(jìn)行展示。

五、輪播的切換

在剛才上面舉的例子中很多優(yōu)秀的網(wǎng)站在設(shè)計(jì)上都很有創(chuàng)新性，但是需要注意一個(gè)點(diǎn)，在輪播中不只有自動(dòng)播放，還需要考慮用戶手動(dòng)切換，因?yàn)樵趯?shí)際用戶瀏覽中可能會(huì)對(duì)產(chǎn)品的播放時(shí)間達(dá)不到預(yù)期，此時(shí)則會(huì)使用手動(dòng)切換，除去可點(diǎn)擊的進(jìn)度點(diǎn)，還需要上一張和下一張的入口切換。


在此基礎(chǔ)上需要注意，在處于最后一張banner時(shí)，下一張切換還能不能點(diǎn)擊，第一張時(shí)上一張切換還能不能切換，這個(gè)取決于產(chǎn)品特性和輪播張數(shù)，如果輪播張數(shù)過(guò)小的話則需要進(jìn)行循環(huán)播放，如果過(guò)多的頁(yè)數(shù)則第一步和最后一步不可點(diǎn)擊。

切換的距離和位置

上一張和下一張的距離遠(yuǎn)近取決于banner的大小，如果輪播banner占比較大時(shí)則需要考慮用戶的操作時(shí)長(zhǎng)，距離越短時(shí)間越快，為了避免用戶操作失誤在相對(duì)較近的切換按鈕則需要在視覺(jué)上做的比較突出，便于用戶尋找。

如果banner占比在首屏中占比較少的情況下則需要讓切換按鈕的間距拉大，保持視覺(jué)平衡，因?yàn)樾^(qū)域banner用戶能夠更加全局的觀看，在使用上不會(huì)猶豫。

反觀移動(dòng)端在輪播中除了展示banner進(jìn)度外很少展示切換按鈕，移動(dòng)端更加依賴(lài)手勢(shì)交互。

六、對(duì)輪播進(jìn)行分類(lèi)

當(dāng)輪播banner過(guò)多時(shí)利用標(biāo)簽進(jìn)行分類(lèi)，用戶通過(guò)點(diǎn)擊標(biāo)簽進(jìn)行查看相關(guān)的輪播組合。

此方式更適合一些電商平臺(tái)、新聞網(wǎng)站這種內(nèi)容過(guò)多的產(chǎn)品


如下圖國(guó)外社交媒體網(wǎng)站則使用了標(biāo)簽進(jìn)行分類(lèi)，此處提一句輪播不僅限于首屏banner。他的用處可落地在各個(gè)場(chǎng)景。

七、使用縮略圖進(jìn)行預(yù)知

在banner首屏中，顯示的內(nèi)容越多，越能激發(fā)用戶進(jìn)行點(diǎn)擊，像上面講過(guò)的農(nóng)業(yè)產(chǎn)品網(wǎng)站就使用下一張預(yù)覽圖的形式進(jìn)行展示，當(dāng)然不僅局限于這種形式，如下圖中的餐飲網(wǎng)站把所有的輪播banner展示給用戶觀看。

相對(duì)于縮放圖，圖標(biāo)展示效果上也較好，空間占用更少，使用這種方式需要謹(jǐn)慎，對(duì)圖標(biāo)的識(shí)別性要求較高，我印象中能夠使用的這種方法的網(wǎng)站是蘋(píng)果官網(wǎng)，讓產(chǎn)品抽象化展示。

在移動(dòng)端也存在這種設(shè)計(jì)手法，但是基于分辨率原因移動(dòng)端的縮略圖展示過(guò)少，最常見(jiàn)的如下圖中的馬蜂窩和企鵝電競(jìng)。

八、輪播個(gè)性化

輪播最大的缺陷則是像剛開(kāi)始講的用戶會(huì)默認(rèn)為廣告，對(duì)此可以使用個(gè)性化設(shè)計(jì)突破用戶心理障礙，使輪播banner更具備親和力。

如下圖中的數(shù)碼科技網(wǎng)站，利用產(chǎn)品與背景的結(jié)合營(yíng)造出一種功能性的展示。

再例如下圖中蘋(píng)果官網(wǎng)入口，結(jié)合百度的定制化功能在大搜中進(jìn)行個(gè)性化處理，把常規(guī)的banner輪播以功能卡片形式進(jìn)行展示，同時(shí)卡片承載產(chǎn)品動(dòng)畫(huà)引導(dǎo)用戶進(jìn)行點(diǎn)擊。

蘋(píng)果官網(wǎng)進(jìn)入后隨意點(diǎn)擊產(chǎn)品介紹頁(yè)后會(huì)發(fā)現(xiàn)，蘋(píng)果把輪播結(jié)合鼠標(biāo)滾輪營(yíng)造沉浸式觀看，每個(gè)屏效內(nèi)都展示產(chǎn)品一個(gè)功能特點(diǎn)，打破傳統(tǒng)banner的展現(xiàn)形式。


九、自動(dòng)輪播時(shí)間

自動(dòng)播放的輪播會(huì)根據(jù)用戶的耐心和用戶的訴求進(jìn)行調(diào)整優(yōu)先級(jí)，如我們平常使用產(chǎn)品時(shí)會(huì)忽略banner廣告，我們會(huì)更加關(guān)注移動(dòng)中的東西，特別是在移動(dòng)端上通常是banner進(jìn)行輪播時(shí)才會(huì)關(guān)注。

谷歌設(shè)計(jì)團(tuán)隊(duì)曾對(duì)banner輪播的時(shí)間進(jìn)行測(cè)試，測(cè)試結(jié)果得出5s-7s的輪播時(shí)間最佳，在這個(gè)時(shí)間內(nèi)用戶有足夠的時(shí)間對(duì)輪播banner上的產(chǎn)品內(nèi)容進(jìn)行了解。

如下圖谷歌商店的輪播時(shí)間設(shè)定在6s。

同時(shí)還需要注意，在自動(dòng)播放的過(guò)程中如果用戶鼠標(biāo)hover上去后，則需要判定播放暫定，避免用戶錯(cuò)過(guò)感興趣的內(nèi)容。


十、總結(jié)

本文從輪播的樣式、特性、用戶對(duì)輪播的認(rèn)知等多方面的介紹，在實(shí)際產(chǎn)品中輪播有很多可用性上的問(wèn)題存在，我們?cè)谠O(shè)計(jì)中則需要根據(jù)自己產(chǎn)品的特性、用戶群體特點(diǎn)等多維度去思考適合什么樣的輪播形式。

文章來(lái)源：UI中國(guó)   作者：愛(ài)吃貓的魚(yú)____
分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)




評(píng)論(0) 瀏覽(2027)

7個(gè)基礎(chǔ)的用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié)

seo達(dá)人


1、專(zhuān)注于20%

maggelato

你可曾聽(tīng)說(shuō)過(guò)80/20法則？簡(jiǎn)而言之，80%的用戶通常只會(huì)使用你網(wǎng)站內(nèi)容和功能的20%，絕大多數(shù)的用戶只是在掃視網(wǎng)站內(nèi)容，并且只會(huì)挑選真正感興趣的瀏覽。

同時(shí)這也意味著，剩余的20%就相當(dāng)重要了。大多數(shù)的點(diǎn)擊將源自于這一區(qū)域，它也是近乎完美的內(nèi)容和互動(dòng)區(qū)域。

你可以借助數(shù)據(jù)分析來(lái)決定哪個(gè)部分是整個(gè)網(wǎng)站最被關(guān)注的那20%。對(duì)于剛剛上線的網(wǎng)站，這個(gè)數(shù)據(jù)搜集的過(guò)程可能長(zhǎng)達(dá)好幾周，隨后再進(jìn)行調(diào)整。

當(dāng)然，你也可以通過(guò)引導(dǎo)將用戶引流到你希望用戶去的那20%的區(qū)域。借助視覺(jué)引導(dǎo)和行動(dòng)召喚設(shè)計(jì)來(lái)引流，用有趣和有意思的設(shè)計(jì)來(lái)營(yíng)造令人有興趣的區(qū)域，讓他們樂(lè)于點(diǎn)擊，從而達(dá)到目的。

2、架構(gòu)式的思維

goldhill

設(shè)計(jì)一個(gè)網(wǎng)站和搭建一所房子其實(shí)差不多。首先，它需要一個(gè)堅(jiān)實(shí)的基礎(chǔ)，然后是能夠承載所有內(nèi)容的框架，做好后要好好裝飾一下。同樣的思維模式可以套用在網(wǎng)站的設(shè)計(jì)上。

更重要的是，你并不需要為此創(chuàng)造出過(guò)去從未在框架中出現(xiàn)過(guò)的東西，換言之，框架內(nèi)的素材、組件和我們常見(jiàn)的并無(wú)二致。就像導(dǎo)航設(shè)計(jì)模式一樣，現(xiàn)在的設(shè)計(jì)都趨于一致，因?yàn)檫@樣的導(dǎo)航好用。

當(dāng)網(wǎng)站的整體結(jié)構(gòu)搭建起來(lái)之后，可以將相同的思路套用到內(nèi)容體系的構(gòu)建上來(lái)。主要的正文內(nèi)容是整個(gè)網(wǎng)站內(nèi)容的基礎(chǔ)，輔以吸引人的標(biāo)題、圖片，配合上其他的次要元素，整個(gè)內(nèi)容體系可以很快搭建起來(lái)。

3、不要要求太多

assos

現(xiàn)如今的世界可以說(shuō)是由數(shù)據(jù)所驅(qū)動(dòng)，越來(lái)越多的應(yīng)用開(kāi)始要求用戶注冊(cè)，要用戶提供更多的權(quán)限，更多的信息，以期為用戶提供更加個(gè)性化的體驗(yàn)。但是從體驗(yàn)的角度上來(lái)看，要盡量規(guī)避這一點(diǎn)。

站在用戶的角度稍加思考你就明白了。找到一個(gè)令你感興趣的炫酷網(wǎng)站，如果要深入了解更多內(nèi)容，就需要內(nèi)容，而如果要注冊(cè)的話，網(wǎng)站卻需要你提供下面10個(gè)類(lèi)型的信息：姓名、郵件、國(guó)家、地區(qū)、城市、電話、Twitter權(quán)限、個(gè)人網(wǎng)站、工作職位、以及如何發(fā)現(xiàn)這個(gè)網(wǎng)站的。

那么接下來(lái)，你會(huì)怎么做？絕大多數(shù)的用戶會(huì)直接轉(zhuǎn)身離開(kāi)，這個(gè)注冊(cè)信息填寫(xiě)起來(lái)太費(fèi)勁，體驗(yàn)太差了。

那么，如果你當(dāng)你點(diǎn)擊注冊(cè)的時(shí)候，只需要一鍵從Facebook或者twitter授權(quán)即可，那么你會(huì)不會(huì)立刻點(diǎn)擊呢？至少?gòu)哪壳耙延械臄?shù)據(jù)來(lái)看，絕大多數(shù)的用戶會(huì)這么選擇。

4、令人愉悅的微交互

evernote-1

可能很多時(shí)候你都沒(méi)注意到，你和各種微交互進(jìn)行的互動(dòng)一直都存在。

·谷歌日歷彈出框提示你每周例會(huì)要開(kāi)始了
·短信提醒
·午睡的鬧鐘
·微博上的新粉絲和轉(zhuǎn)發(fā)提醒

這樣的例子我們可以連續(xù)不斷地說(shuō)上一個(gè)小時(shí)。這些帶有微交互的提醒和動(dòng)作會(huì)推動(dòng)用戶進(jìn)行下一步操作，帶來(lái)愉悅的體驗(yàn)，它們不能設(shè)計(jì)得非常醒目，但是又需要適當(dāng)?shù)匚脩糇⒁狻?

這些有趣的微交互的加入讓用戶從中獲得好處。而你需要思考的是，有哪些東西是你的網(wǎng)站或者APP當(dāng)中，用戶想要立刻知道和獲得、想被提醒的？

5、甚至幼兒都能輕松使用

statusshop

如果要給小孩子設(shè)計(jì)產(chǎn)品，那么它應(yīng)該是什么樣子？你可能會(huì)更專(zhuān)注于色彩的使用，讓每一個(gè)區(qū)塊都可以輕松點(diǎn)擊，明顯的標(biāo)簽，加上拼圖式的連接方式。

所以，當(dāng)我們?cè)谠O(shè)計(jì)網(wǎng)站或者APP的時(shí)候，我們會(huì)說(shuō)這個(gè)產(chǎn)品要足夠易用，那么怎么才算得上“足夠”呢？讓小孩子都可以輕松使用，這就叫足夠易用。換句話說(shuō)，即使是不經(jīng)常使用網(wǎng)站和APP的成人，也不會(huì)存在明顯的使用障礙。

超大的設(shè)計(jì)元素和標(biāo)簽是設(shè)計(jì)的關(guān)鍵因素。這些視覺(jué)線索是幫助用戶引導(dǎo)用戶的核心，是整體體驗(yàn)設(shè)計(jì)中最重要的部分。大膽的色彩選擇，會(huì)鼓勵(lì)用戶點(diǎn)擊和探索。

如果它足夠易用，用戶會(huì)繼續(xù)嘗試使用和探索。而難于理解操作不便的導(dǎo)航自然會(huì)被用戶所嫌棄。如果網(wǎng)站包含太過(guò)復(fù)雜的媒體和內(nèi)容，那么不妨從一個(gè)設(shè)計(jì)簡(jiǎn)單的首頁(yè)開(kāi)始，幾個(gè)簡(jiǎn)單的導(dǎo)航點(diǎn)擊將用戶引導(dǎo)到對(duì)應(yīng)的位置。在深入到更復(fù)雜的頁(yè)面之前，用梳理清晰、簡(jiǎn)單明了的分頁(yè)讓用戶感到舒適，這是帶來(lái)好的瀏覽體驗(yàn)的不錯(cuò)解決方案。

6、輕拍(Tap)還是點(diǎn)擊(Click)？

espns

這一點(diǎn)要說(shuō)的并不是設(shè)計(jì)問(wèn)題，而是一個(gè)常見(jiàn)的開(kāi)發(fā)代碼的問(wèn)題。雖然Tap和Click兩者都能在點(diǎn)擊的時(shí)候觸發(fā)，但是在移動(dòng)端網(wǎng)頁(yè)上使用Click事件 的時(shí)候，會(huì)有200ms 到300ms 的延遲，所以在移動(dòng)端上最好替換為T(mén)ap事件。在進(jìn)行響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，一個(gè)事件從頭用到尾的錯(cuò)誤出現(xiàn)得很普遍，但是有太多的移動(dòng)端網(wǎng)頁(yè)在這樣的設(shè)計(jì)下會(huì)有明顯延遲，更惡劣的情況是無(wú)法識(shí)別，這樣會(huì)直接損害到整個(gè)頁(yè)面的易用性和功能本身。

此外，移動(dòng)端上使用 Tap事件的時(shí)候，它所對(duì)應(yīng)的按鈕應(yīng)當(dāng)相對(duì)更大一些，便于小屏上進(jìn)行交互。

7、像用戶一樣思考

justact

我們一直在說(shuō)：“像用戶一樣思考”。但是實(shí)際的情況往往是，我們很難走出設(shè)計(jì)者和開(kāi)發(fā)者的思維方式，因?yàn)槲覀兊乃季S方式壓根就和用戶不同，面對(duì)每一個(gè)交互、每一個(gè)元素的下意識(shí)反應(yīng)是不一樣的。

所以，還是同設(shè)計(jì)圈、開(kāi)發(fā)圈和產(chǎn)品圈以外的人去聊聊吧，看看他們對(duì)于網(wǎng)站和APP的真實(shí)反應(yīng)到底是怎樣的。你可能會(huì)在觀察中發(fā)現(xiàn)，他們對(duì)于產(chǎn)品、對(duì)于交互、對(duì)于界面的反應(yīng)和你的預(yù)期完全不同。將用戶的真實(shí)反饋記錄下來(lái)，反饋給項(xiàng)目組，這樣可以幫你打造更好的用戶體驗(yàn)，創(chuàng)造更優(yōu)秀的產(chǎn)品。

原文地址：designshack

譯文地址：優(yōu)設(shè)

作者：Carrie Cousins

優(yōu)設(shè)譯者：@陳子木

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》7個(gè)基礎(chǔ)的用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



評(píng)論(0) 瀏覽(1555)

如何促使用戶更快的決策

ui設(shè)計(jì)分享達(dá)人

設(shè)計(jì)師不僅僅只是個(gè)畫(huà)圖仔，而更應(yīng)該懂得用戶心理學(xué)，明白用戶行為背后的動(dòng)機(jī)。利用這幾個(gè)用戶心理學(xué)，我們將可以促使用戶更快的做出決策。


一、損失規(guī)避

人們獲得損失時(shí)產(chǎn)生的痛苦遠(yuǎn)大于獲得收益時(shí)所帶來(lái)的快樂(lè)！心理學(xué)家把這種對(duì)損失更加敏感的底層心里狀態(tài)叫做損失規(guī)避。


其實(shí)簡(jiǎn)單來(lái)說(shuō)就是，相比于得到，你更在意失去。


舉個(gè)例子：你今天在上班的路上撿到100元錢(qián)，心里很高興。可是一不小心把錢(qián)弄丟了，那么你就會(huì)很沮喪了，甚至一天的心情都會(huì)很不好，雖然說(shuō)這錢(qián)本來(lái)就不屬于你的。


我們可以用損失規(guī)避系數(shù)來(lái)描述人們對(duì)不同東西損失規(guī)避的程度。對(duì)于一般的消費(fèi)品，損失規(guī)避系數(shù)大概是2，也就是說(shuō)，人們需要得到2倍于原先的價(jià)格才肯放棄已經(jīng)擁有的商品。


損失規(guī)避系數(shù)因不同的事物而不同，如果涉及到情感等方面的因素，損失規(guī)避系數(shù)就會(huì)大大上升，一旦涉及到健康和生命等問(wèn)題，損失規(guī)避系數(shù)就成百上千地增長(zhǎng)了。這就解釋了在商場(chǎng)買(mǎi)衣服你會(huì)跟銷(xiāo)售員討價(jià)還價(jià)，但在醫(yī)院你絕對(duì)不敢跟醫(yī)生討價(jià)還價(jià)。


我們習(xí)慣于自然地規(guī)避風(fēng)險(xiǎn)，因而更加辛苦地工作只為避免一些微不足道的損失，而不愿冒險(xiǎn)去爭(zhēng)取更大的回報(bào)。規(guī)避損失是人的本性。這也解釋了為什么大多數(shù)人只能上班，而創(chuàng)業(yè)者始終只是極少數(shù)。


那么，有哪些利用了損失規(guī)避心理的案例？


a.強(qiáng)調(diào)“失去”，而非“得到”


因?yàn)槿说男睦韺?duì)損失更在意，因此要告訴用戶如果不買(mǎi)，會(huì)受到什么樣的損失。


對(duì)比以下兩個(gè)文案：

達(dá)芬奇畫(huà)作世界巡展，邀請(qǐng)來(lái)感受世界傳世名畫(huà)的魅力。

達(dá)芬奇畫(huà)作世界巡展，如果不來(lái)，你將失去一生中唯一一次和世界傳世名畫(huà)邂逅的機(jī)會(huì)。


你覺(jué)得哪種方式更吸引你？


b.天貓雙11紅包

每年的雙11活動(dòng)，天貓都會(huì)提前給你發(fā)一堆的紅包，雖然數(shù)額不大。但規(guī)定只能在雙11當(dāng)天使用。這時(shí)你就會(huì)心甘情愿的在當(dāng)天剁手，因?yàn)槿绻悴毁I(mǎi)，就會(huì)白白浪費(fèi)掉這些紅包。而人的心理對(duì)損失是很抗拒的。



c.以舊換新

京東家電類(lèi)目有個(gè)以舊換新的服務(wù)，以前我一直搞不明白這樣做的目的何在？現(xiàn)在才知道，原來(lái)這也是利用了人的損失規(guī)避心理。


消費(fèi)者想買(mǎi)新電器，但是家里已經(jīng)有一個(gè)，直接丟掉會(huì)感覺(jué)浪費(fèi)。那商家搞以舊換新，用舊家電抵扣一部分錢(qián)，這比直接給打折優(yōu)惠，對(duì)消費(fèi)者來(lái)說(shuō)更有誘惑力。因?yàn)槟闶召?gòu)了客戶的二手電器，讓他感覺(jué)自己的舊家電沒(méi)有白白浪費(fèi)了。



二、錨定效應(yīng)


所謂“錨定效應(yīng)”是指人們?cè)谧鰶Q定或下判斷前，容易受到之前的信息影響，該信息猶如一個(gè)沉重的錨，沉到了海底，讓你的思維以該信息為基準(zhǔn)，在它的一定范圍內(nèi)做判斷。


簡(jiǎn)單來(lái)說(shuō)，就是當(dāng)你在作決策之前，需要一個(gè)參考，貨比多家。比如：你去菜市場(chǎng)買(mǎi)菜，你第一次買(mǎi)這個(gè)菜，你根本就不知道這個(gè)價(jià)格是否合理，這時(shí)候你不好決定是否買(mǎi)，你就會(huì)去多問(wèn)幾家。從而內(nèi)心會(huì)形成對(duì)這個(gè)菜的價(jià)格錨定。


生活中錨定效應(yīng)無(wú)處不在：

在線下超市我們會(huì)經(jīng)?？吹缴唐方ㄗh零售價(jià)100元，而實(shí)際售價(jià)78元。各大電商平臺(tái)也采用了這種價(jià)格的對(duì)比效果，加快用戶的決策。


在線下的服裝店商家非常喜歡開(kāi)一個(gè)天價(jià)然后等你還價(jià)，開(kāi)價(jià)150元，到最后居然能還到50元，這水分……


你去婚紗攝影店咨詢，開(kāi)始銷(xiāo)售員會(huì)給一個(gè)比較高的價(jià)格，然后后面會(huì)自主動(dòng)給你減掉一千，這樣很容易讓消費(fèi)都產(chǎn)生購(gòu)買(mǎi)的沖動(dòng)。


你去電腦城買(mǎi)電腦，當(dāng)你買(mǎi)完電腦后，這時(shí)銷(xiāo)售員給你推薦電腦保護(hù)套，你很容易會(huì)購(gòu)買(mǎi)，因?yàn)槟銜?huì)想這么貴的電腦都買(mǎi)了， 這幾十塊錢(qián)的保護(hù)套自然就不在話下了。但如果直接叫你買(mǎi)保護(hù)套的話，你就沒(méi)那么容易產(chǎn)生購(gòu)買(mǎi)行為。


還有奶茶店價(jià)格菜單也是經(jīng)過(guò)設(shè)計(jì)的，通常會(huì)采用降序排列，這種排列方式更有利于顧客購(gòu)買(mǎi)。因?yàn)橛脩艨吹降牡谝粋€(gè)貴的價(jià)格會(huì)形成錨，往下價(jià)格越便宜，消費(fèi)者更容易決策。


三、羊群效應(yīng)

在一群羊前面橫放一根木棍，第一只羊跳了過(guò)去，第二只、第三只也會(huì)跟著跳過(guò)去，這時(shí)候，如果把那根木棍撤走，盡管攔路的棍子已經(jīng)不在了，后面的羊，走到這里，仍然會(huì)像前面的羊一樣，向上跳一下。這樣的群體盲目跟從就是所謂的“羊群效應(yīng)”，也稱(chēng)為“從眾心理”


這些動(dòng)物的行為看起來(lái)愚蠢搞笑，可是看看我們自己，又何嘗不是如此呢？從眾是一種普遍的社會(huì)心理和行為現(xiàn)象，在很多情況下，人們都會(huì)表現(xiàn)出人云亦云的特征。


“羊群效應(yīng)”是由個(gè)人理性行為導(dǎo)致的集體的非理性行為。由于信息的不對(duì)稱(chēng)，人們并不能得到做出判斷所需的全部信息，那么在無(wú)法作出準(zhǔn)確的判斷時(shí)，其他人的選擇自然就是最合理的參照。這并非全無(wú)道理的，因?yàn)楹芏嗲闆r下，多數(shù)人的做法往往都是正確的，參考他們的做法可以最大限度的降低個(gè)人的決策風(fēng)險(xiǎn)。這也是群體盲目背后的根本原因。


但是，凡事有利就有弊。跟隨大眾的做法，有時(shí)候很容易被誤導(dǎo)。比如謠言的傳播就是個(gè)最大的反例。


我想以下場(chǎng)景你一定不會(huì)陌生，在一個(gè)廣場(chǎng)上，有商家正在進(jìn)行著某種商品的促銷(xiāo)活動(dòng)，人們隨著廣播的聲音慢慢湊了過(guò)去，到后來(lái)簡(jiǎn)直到了里三層外三層的地步。但就在這個(gè)時(shí)候，經(jīng)過(guò)的人反而有了更大的興致，越是后來(lái)的人越是想擠到人群中去，甚至他并不知道里面究竟是在進(jìn)行什么活動(dòng)。這是典型的“羊群效應(yīng)”。


經(jīng)常網(wǎng)購(gòu)用戶都明白，我們很容易受到商品銷(xiāo)量的影響，我們的潛意識(shí)里會(huì)認(rèn)為銷(xiāo)量越好，商品質(zhì)量越好，因此會(huì)傾向于選擇銷(xiāo)量高的商品。

羊群效應(yīng)還表現(xiàn)在對(duì)權(quán)威的順從，人們決策時(shí)所盲從的對(duì)象由大多數(shù)平常人變成了某一個(gè)具有一定權(quán)威性的人。

人們?cè)谧龀瞿撤N選擇都是在追求安全感，降低風(fēng)險(xiǎn)，而跟隨權(quán)威人士給出的意見(jiàn)和建議，會(huì)讓人們安全感倍增。權(quán)威之所以稱(chēng)為權(quán)威，就是因?yàn)樵谀硞€(gè)領(lǐng)域他們是最專(zhuān)業(yè)的。因此人們更愿意相信權(quán)威人士的意見(jiàn)，甚至愿意改變自己的選擇去迎合權(quán)威的意見(jiàn)。


在設(shè)計(jì)工作中，嘗試借用權(quán)威的號(hào)召力，達(dá)到對(duì)用戶消費(fèi)決策的影響。經(jīng)常逛淘寶的人就知道，很多商家在商品詳情頁(yè)為了證明產(chǎn)品質(zhì)量合格，經(jīng)常會(huì)提供某權(quán)威機(jī)構(gòu)的檢測(cè)認(rèn)證，或借助某個(gè)明星的推薦。因而會(huì)對(duì)其觀點(diǎn)或者意見(jiàn)表現(xiàn)得非常順從。


四、稀缺效應(yīng)

在消費(fèi)心理學(xué)的研究中，研究者把人們由于商品稀缺而引起的購(gòu)買(mǎi)行為現(xiàn)象，稱(chēng)之為“稀缺效應(yīng)”。


“稀缺效應(yīng)”在我們的日常生活中太常見(jiàn)了，比如在線下逛商場(chǎng)時(shí)，經(jīng)?？梢钥吹缴碳蚁矚g用“一次性大甩賣(mài)”、“限量100件”等廣告語(yǔ)來(lái)引誘顧客，以吸引顧客進(jìn)店購(gòu)買(mǎi)。這些廣告語(yǔ)會(huì)給顧客造成這各種假象：如果現(xiàn)在不買(mǎi)下次再也沒(méi)有這樣難得的機(jī)會(huì)了。


俗話說(shuō)，物以稀為貴，人們對(duì)于稀缺物品會(huì)表現(xiàn)出強(qiáng)烈的占有欲望，這在人們的心理需求層次中，屬于較高的層次。越是不容易得到的東西，人們?cè)絻A向于得到，以此實(shí)現(xiàn)在精神層面上的價(jià)值滿足。


在這種心理因素的驅(qū)使下，人們對(duì)于供不應(yīng)求的東西，總是會(huì)給予特別的關(guān)注，同時(shí)也愿意支付更高的代價(jià)。某種商品一旦限量供應(yīng)，那么其本身也就具備了稀缺的屬性。


限量供應(yīng)的銷(xiāo)售原則，也吊足了顧客的胃口，很多顧客完全落入稀缺效應(yīng)的心理戰(zhàn)術(shù)之中，即便當(dāng)天買(mǎi)不到，第二天也必定會(huì)早早前來(lái)購(gòu)買(mǎi)。


比如天貓慣用的搶紅包伎倆，吸引了一波又一波的少女們?nèi)ク偪竦膿專(zhuān)鼤?huì)設(shè)定在某一個(gè)時(shí)間點(diǎn)，限量提供一些紅包，如果沒(méi)有搶到。那么用戶第二天還會(huì)來(lái)?yè)尩模@就提高了用戶的粘性。


五、緊迫感

為了加快用戶下單的決策時(shí)間，我們需要給給用戶造成一種緊迫感的氛圍，告訴客戶剩余的時(shí)間不多了。如果不立即行動(dòng)，將錯(cuò)過(guò)這次優(yōu)惠活動(dòng)。他們常使用一個(gè)很顯眼的倒計(jì)時(shí)，時(shí)時(shí)刻刻在提醒用戶所剩的時(shí)間已經(jīng)不多了，再不剁手就沒(méi)機(jī)會(huì)了！天貓雙11活動(dòng)就是利用了這樣的用戶心理成功讓廣大女同胞們不知不覺(jué)中剁手了。


稀缺性與緊迫感可以結(jié)合著使用，你要明明白白的告訴用戶，如果錯(cuò)過(guò)了就會(huì)損失什么。如果立即行動(dòng)，可以獲得什么好處。兩者之間強(qiáng)烈地對(duì)比可以吸引用戶立即購(gòu)買(mǎi)。


比如“今天下單可以立減500元！” “錯(cuò)過(guò)今天，你要多付出500元，而且沒(méi)有贈(zèng)品”等等。


如果沒(méi)有制造稀缺性和緊迫感，用戶就會(huì)拖延，猶豫甚至放棄購(gòu)買(mǎi)?？蛻魰?huì)認(rèn)為再過(guò)一天來(lái)買(mǎi)也是可以的。這時(shí)你需要斬釘截鐵地告訴用戶，產(chǎn)品、贈(zèng)品、特價(jià)是有限的。


比如：“產(chǎn)品僅限10件啦，再不買(mǎi)就錯(cuò)過(guò)了！”，“贈(zèng)品只有30件，剛才張三又搶走了一件，馬上就搶光了！”，“特價(jià)產(chǎn)品只剩25件啦，賣(mài)完這25件就恢復(fù)原價(jià)?！蓖ㄟ^(guò)人為的制造稀缺性與客戶哄搶的氣勢(shì)，促使客戶做出立即購(gòu)買(mǎi)的決定，從而提升轉(zhuǎn)化率。

文章來(lái)源：站酷   作者：CdzhcHappy

分享此文一切功德，皆悉回向給文章原作者及眾讀者.


免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1530)

App 信息架構(gòu)：如何讓用戶始終有掌控感

ui設(shè)計(jì)分享達(dá)人

信息架構(gòu)是產(chǎn)品的骨架。具體而言，就是一款產(chǎn)品有幾個(gè)一級(jí)頁(yè)面，以及支撐起整個(gè)產(chǎn)品的一級(jí)頁(yè)面、二級(jí)頁(yè)面各有幾種內(nèi)容樣式。所謂一級(jí)頁(yè)面，微信的“發(fā)現(xiàn)”頁(yè)就是一個(gè)一級(jí)頁(yè)面；在“發(fā)現(xiàn)”頁(yè)點(diǎn)“朋友圈”，進(jìn)去的就是一個(gè)二級(jí)頁(yè)面。所謂內(nèi)容樣式，Banner 是一種內(nèi)容樣式，九宮格是一種內(nèi)容樣式，設(shè)置頁(yè)面那種列表也是一種內(nèi)容樣式。

 

這樣的信息架構(gòu)，有什么價(jià)值？

 

 

01 信息架構(gòu)的價(jià)值：掌控感與健康迭代

 

對(duì)用戶而言，信息架構(gòu)的主要價(jià)值在于掌控感；對(duì)產(chǎn)品而言，信息架構(gòu)的主要價(jià)值在于健康迭代。

 

1. 掌控感

 

如果房間里很亂，到處都堆滿了東西，常穿的衣服也找不到了，我們就很容易變得煩躁不安。相反，如果混亂的房間被收拾得很整潔，我們的心情也會(huì)隨之變得愉悅起來(lái)。

 

這中間的原因是什么？

 

個(gè)人覺(jué)得，從原始社會(huì)到 21 世紀(jì)，我們?nèi)祟?lèi)一直生活在競(jìng)爭(zhēng)中，所以一直在追求一種對(duì)生活的掌控感。這種掌控感，會(huì)讓我們找到一種存在感和價(jià)值感，從而給身處競(jìng)爭(zhēng)中的我們一種安全感。一個(gè)收拾得井然有序的房間，會(huì)讓我們覺(jué)得一切盡在掌握中；一個(gè)胡亂塞滿東西的房間，則會(huì)讓我們覺(jué)得這個(gè)房間處于失控狀態(tài)，從而引發(fā)煩躁不安。

 

一款 App，如果主要的幾個(gè)一級(jí)頁(yè)面也都塞滿了各式各樣的內(nèi)容，那么用戶通常也會(huì)感到煩躁不安。這是因?yàn)橛脩舨荒荞R上理出頭緒，不能馬上獲得那種掌控感。另外，如果大的改版經(jīng)常讓用戶體會(huì)到這種煩躁不安，用戶就會(huì)對(duì)這款 App 感到不滿和失望，甚至失去信心和期待。

 

所以說(shuō)，信息架構(gòu)的第一個(gè)價(jià)值，就是讓用戶始終有掌控感。

 

2. 健康迭代

 

產(chǎn)品的更新迭代，有時(shí)會(huì)出現(xiàn)“發(fā)?！焙汀拔⒄巍钡那闆r。這都屬于不健康的迭代。

 

所謂發(fā)福，就是變得臃腫了，比如一級(jí)頁(yè)面突然增加了很多內(nèi)容樣式。所謂微整形，就是和之前比有點(diǎn)亂套了，比如有的一級(jí)頁(yè)面突然消失了、有的一級(jí)頁(yè)面突然出現(xiàn)了、有些常用的功能突然找不到了，諸如此類(lèi)。

 

一款產(chǎn)品，如果大的改版總是通過(guò)發(fā)福、甚至微整形的方式實(shí)現(xiàn)，用戶就很難獲得掌控感。

 

反過(guò)來(lái)，一個(gè)優(yōu)秀的信息架構(gòu)，是接近“凍齡”的。也就是說(shuō)，不管產(chǎn)品怎么更新、怎么加新功能，都能簡(jiǎn)單如初，都能讓用戶馬上獲得掌控感。典型的例子是微信：微信已經(jīng)加了很多功能，但整體給人的感覺(jué)依然是簡(jiǎn)單的。

 

這樣的信息架構(gòu)，很少發(fā)福，也幾乎不做微整形，所以能讓用戶永遠(yuǎn)有掌控感，從而確保產(chǎn)品能夠健康迭代。

 

 

02 怎樣實(shí)現(xiàn)信息架構(gòu)的價(jià)值

 

什么樣的信息架構(gòu)，能夠?qū)崿F(xiàn)“掌控感”和“健康迭代”？

 

其實(shí)參考答案剛才已經(jīng)出現(xiàn)了，那就是接近凍齡的信息架構(gòu)?；蛘吒_切地說(shuō)，是一種“以不變應(yīng)萬(wàn)變”的信息架構(gòu)。

 

這里的不變，是指信息架構(gòu)看起來(lái)永遠(yuǎn)沒(méi)有明顯變化，永遠(yuǎn)都很簡(jiǎn)單。萬(wàn)變，是指不斷新增的功能，不斷變化的功能。

 

如何做到以不變應(yīng)萬(wàn)變？一級(jí)頁(yè)面和二級(jí)頁(yè)面都很關(guān)鍵，其中最核心的是一級(jí)頁(yè)面。這里也順便拋一個(gè)問(wèn)題：一級(jí)頁(yè)面，用來(lái)干啥？

 

一級(jí)頁(yè)面主要用來(lái)干三件事，分別是：提供掌控感、提供常用功能、提供小入口。也就是說(shuō)，一級(jí)頁(yè)面尤其要把掌控感給到用戶，要讓用戶快速找到常用功能，同時(shí)還要為不常用的功能提供一個(gè)小入口。需要說(shuō)明的是，這個(gè)理念可能不太適合一些商店類(lèi)產(chǎn)品，比如淘寶這樣的電商產(chǎn)品，所以僅供參考。

 

那如何完成這三件事？主要有以下四個(gè)要點(diǎn)。

 

1. 不要超過(guò) 4 個(gè)一級(jí)頁(yè)面

 

4 個(gè)和 5 個(gè)，它倆之間存在微妙的區(qū)別。比如我們給手機(jī)號(hào)或銀行卡號(hào)分段時(shí)，更喜歡每段最多分 4 個(gè)數(shù)字，而不是 5 個(gè)，直觀對(duì)比見(jiàn)下圖。


4 個(gè)還是 5 個(gè)

 

很多 App 的底部導(dǎo)航欄，也是只有 4 個(gè)Tab，即 4 個(gè)一級(jí)頁(yè)面。受生活經(jīng)驗(yàn)等因素影響，當(dāng)我們看到 App 有 4 個(gè)一級(jí)頁(yè)面時(shí)，內(nèi)心或潛意識(shí)里可能會(huì)覺(jué)得：哦，4 個(gè)，還算簡(jiǎn)單，基本能記??；而當(dāng)看到有 5 個(gè)一級(jí)頁(yè)面時(shí)，可能會(huì)感到一絲壓力：5 個(gè)啊，有點(diǎn)多了。

 

總的來(lái)說(shuō)，我們更偏愛(ài)只有 4 個(gè)一級(jí)頁(yè)面的產(chǎn)品，因?yàn)?4 個(gè)仍在簡(jiǎn)潔的范疇內(nèi)，5 個(gè)就已經(jīng)開(kāi)始走向復(fù)雜。在《微信背后的產(chǎn)品觀》這場(chǎng)分享中，張小龍也提到過(guò)：“微信保證只有 4 個(gè)底部 Tab。”

 

2. 不要超過(guò) 3 種內(nèi)容樣式

 

Keep 6.0 系列的“探索”頁(yè)面有 5 種內(nèi)容樣式，顯得很復(fù)雜。微信的 4 個(gè)一級(jí)頁(yè)面中，“發(fā)現(xiàn)”和“我”頁(yè)面只有 1 種內(nèi)容樣式，“微信”和“通訊錄”頁(yè)面只有 2 種內(nèi)容樣式（加上頂部的搜索框），顯得非常簡(jiǎn)單，和 Keep 的對(duì)比如下圖所示。

 

Keep 6.0 系列與微信的內(nèi)容樣式數(shù)量

 

像微信這種內(nèi)容樣式數(shù)量上的極簡(jiǎn)，可能很多產(chǎn)品難以做到。那么，我們不妨退而求其次，早期先從 1 種、2 種內(nèi)容樣式開(kāi)始。后期加功能了，可以考慮第 3 種，謹(jǐn)慎考慮第 4 種，盡量不要增加第 5 種，因?yàn)橐欢〞?huì)變得復(fù)雜。

 

大家可能會(huì)說(shuō)，產(chǎn)品的功能很多，3 種內(nèi)容樣式不夠用。

 

針對(duì)這種情況，只要邏輯上不存在大的問(wèn)題（比如把“支付”放到“通訊錄”頁(yè)面），就可以嘗試把不同內(nèi)容合并成一種樣式。微信在這方面就做得很好，大家可以參考它的設(shè)計(jì)。比如下圖的“通訊錄”頁(yè)面，聯(lián)系人上方那些內(nèi)容，和聯(lián)系人不是同一類(lèi)內(nèi)容，但它們共用一種內(nèi)容樣式——一個(gè)簡(jiǎn)單的圖文列表。

 

微信“通訊錄”頁(yè)面：不同內(nèi)容合并成一種樣式

 

3. 不為二成需求，去打擾八成用戶

 

產(chǎn)品設(shè)計(jì)里存在一個(gè)比較常見(jiàn)的問(wèn)題，就是往一級(jí)頁(yè)面塞很多內(nèi)容或功能，其中有相當(dāng)一部分是用戶日常用不到的，這種設(shè)計(jì)容易讓人覺(jué)得臃腫。比如 Keep 6.0 系列的“運(yùn)動(dòng)”頁(yè)面，就用了較大空間來(lái)推薦付費(fèi)計(jì)劃和運(yùn)營(yíng)活動(dòng)，如下圖所示。

 

用較大空間來(lái)推薦付費(fèi)計(jì)劃和運(yùn)營(yíng)活動(dòng)的 Keep 頁(yè)面

 

相信有相當(dāng)一部分用戶是不需要這些內(nèi)容的，所以這其實(shí)也是一種打擾。這種打擾會(huì)影響到這些用戶對(duì)這個(gè)界面的掌控感。

 

這種現(xiàn)象有兩個(gè)可能的原因。一是企業(yè)擔(dān)心用戶不用這些功能，所以就在一級(jí)頁(yè)面用很多空間來(lái)展示它們，Keep 的例子應(yīng)該屬于此類(lèi)。二是有部分用戶提建議，所以企業(yè)就加了這些功能。

 

關(guān)于第一個(gè)原因，個(gè)人觀點(diǎn)，有些功能本身就屬于二成需求，在一級(jí)頁(yè)面占用太多空間不僅改變不了這個(gè)現(xiàn)實(shí)，還會(huì)對(duì)用戶形成打擾。

 

關(guān)于第二個(gè)原因，個(gè)人看法，用戶的建議通常只代表個(gè)人立場(chǎng)，而企業(yè)至少要代表大部分用戶的立場(chǎng)。比如，網(wǎng)上就有人建議微信在朋友圈加一個(gè)屏蔽別人的功能，實(shí)際上微信有這個(gè)功能，只是一直隱藏，沒(méi)有放出來(lái)——因?yàn)橛玫娜松?，它屬于二成需求，放出?lái)的話會(huì)對(duì)八成用戶形成打擾。

 

總的來(lái)說(shuō)，理想情況是接受現(xiàn)實(shí)、尊重規(guī)律：是八成需求就提供八成空間，是二成需求就提供二成空間。具體參考如下圖所示。

 

是八成需求就提供八成空間，是二成需求就提供二成空間

 

4. 盡量不在標(biāo)題欄使用 Tab 或下拉框，增加維度

 

這其實(shí)是張小龍分享過(guò)的一個(gè)觀點(diǎn)，我個(gè)人很贊同，就直接引用一下。下面直接看兩個(gè)例子。Keep 6.0 系列的前三個(gè)一級(jí)頁(yè)面，標(biāo)題欄都使用了 Tab，就顯得內(nèi)容很多，有點(diǎn)復(fù)雜，如下圖所示（僅展示前兩個(gè)）。

 

使用了 Tab 的標(biāo)題欄

 

微信中擁有標(biāo)題欄的前三個(gè)一級(jí)頁(yè)面，其標(biāo)題欄都沒(méi)有使用 Tab 或下拉框，就顯得簡(jiǎn)單、內(nèi)容少，如下圖所示（僅展示前兩個(gè)）。這也是微信保持簡(jiǎn)單的一個(gè)重要原因。

 

沒(méi)有使用 Tab 的標(biāo)題欄

 

 

結(jié)語(yǔ)

 

一般情況下，產(chǎn)品都需要更新迭代：增加新功能，完善舊功能。

 

用戶則是一個(gè)矛盾體：一方面對(duì)新功能和新事物懷有好奇心；另一方面又希望每次打開(kāi)常用的產(chǎn)品時(shí)，都有一種回到家一樣的熟悉感和一種家里井然有序的掌控感。

 

好的做法，就是類(lèi)似微信那樣：盡管加了新功能，但是看起來(lái)沒(méi)有明顯變化。也就是說(shuō)，以“不變”的信息架構(gòu)，來(lái)應(yīng)對(duì)萬(wàn)變的功能。


文章來(lái)源：站酷  作者：Snow Design

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


評(píng)論(0) 瀏覽(1447)

日歷

鏈接

個(gè)人資料

存檔