如何自定義移動(dòng)端的用戶體驗(yàn)

那么心理學(xué)與它有什么關(guān)系呢？當(dāng)涉及到用戶體驗(yàn)時(shí)，幾乎所有內(nèi)容。

擁有如此眾多的設(shè)備類型和尺寸以及為這些設(shè)備設(shè)計(jì)網(wǎng)站的方式如此之多，設(shè)計(jì)師所創(chuàng)造的用戶體驗(yàn)決定了網(wǎng)站的整體成功以及用戶是否會(huì)返回。

?

用戶心理是什么？

用戶心理是人們?cè)L問(wèn)網(wǎng)站或移動(dòng)應(yīng)用程序時(shí)所需要和需要的一門(mén)科學(xué)。心理學(xué)植根于一切，從用戶是否信任您的品牌到他們對(duì)您試圖傳達(dá)的信息的感覺(jué)。

設(shè)計(jì)是其中很大的一部分。從彩色，圖像，圖案到網(wǎng)站的工作方式，一切都可能影響這些感覺(jué)和情感聯(lián)系。

這些元素中的每一個(gè)都應(yīng)最終導(dǎo)致用戶采取行動(dòng)。大多數(shù)心理學(xué)教科書(shū)都引用引起人們行動(dòng)和反應(yīng)的觸發(fā)因素。這些觸發(fā)器也適用于Web設(shè)計(jì)，尤其是移動(dòng)設(shè)計(jì)，在該設(shè)計(jì)中，用戶幾乎總是必須與網(wǎng)站進(jìn)行物理交互才能發(fā)生某些事情，例如在屏幕上滑動(dòng)或點(diǎn)擊手指。

• 互惠：??如果您為用戶做某事，他們將為您做某事。（他們簽署了新聞通訊，您可以免費(fèi)贈(zèng)予他們。）
• 框架：??用戶將事物之間進(jìn)行比較。（我想要這個(gè)還是那個(gè)？大多數(shù)用戶都落在所有選項(xiàng)的中間。）
• 顯著性：??用戶想要現(xiàn)在重要的事情。（這就是為什么電子商務(wù)網(wǎng)站在購(gòu)物體驗(yàn)期間將相關(guān)項(xiàng)目添加到屏幕上的原因。）
• 社會(huì)證明：??用戶尋求他人的幫助。（社交媒體的影響。）
• 稀缺性：??用戶想要他們不能擁有的東西。（項(xiàng)目數(shù)量有限。）
• 對(duì)比：在用戶腦海中突出的內(nèi)容。（設(shè)計(jì)理論101。）

?

兩種不同的用戶體驗(yàn)

盡管無(wú)論設(shè)備如何，觸發(fā)器都是相同的，但用戶體驗(yàn)卻不同。用戶非常希望內(nèi)容與設(shè)備無(wú)關(guān)而相同，但是對(duì)于如何使用該內(nèi)容并與之交互有不同的想法。

桌面網(wǎng)站可供閱讀和閱讀。閱讀和信息收集過(guò)程可能會(huì)導(dǎo)致行動(dòng)，但是用戶通常有訪問(wèn)網(wǎng)站的明顯原因，例如工作。并非所有這些體驗(yàn)都是基于娛樂(lè)或樂(lè)趣，并且大多數(shù)可能不是。

臺(tái)式機(jī)用戶也相對(duì)而言仍處于在線互動(dòng)狀態(tài)。每個(gè)操作都是通過(guò)鍵盤(pán)或鼠標(biāo)完成的。與設(shè)備的實(shí)際交互并不多。（很少有用戶會(huì)觸摸屏幕。）

移動(dòng)用戶的體驗(yàn)明顯不同。用戶不斷觸摸設(shè)備–外殼和屏幕。因此，這些元素的大小及其感覺(jué)非常重要。物理觸摸的這種使用使在屏幕上設(shè)計(jì)元素尤為重要，因?yàn)樗鼈儽仨氁子谟|摸，而臺(tái)式機(jī)版本的鼠標(biāo)單擊始終是相同大小。

移動(dòng)設(shè)備用戶經(jīng)常訪問(wèn)具有不同意圖的網(wǎng)站。娛樂(lè)或任務(wù)完成活動(dòng)比閱讀和研究活動(dòng)更為普遍。（想一想，您多久掏出手機(jī)去雜貨店排隊(duì)玩游戲或回復(fù)短信?！?/span>

物理差異也會(huì)影響移動(dòng)設(shè)計(jì)的心理。您必須考慮照明條件，設(shè)備尺寸和觸摸選項(xiàng)。對(duì)于實(shí)際用戶，這些元素將如何組合在一起？

?

用戶期望

一切都?xì)w結(jié)為一個(gè)核心問(wèn)題：移動(dòng)用戶想要什么并期望什么？

與臺(tái)式機(jī)網(wǎng)站不同，在臺(tái)式機(jī)網(wǎng)站上，用戶期望相對(duì)二維的視覺(jué)動(dòng)態(tài)和引人入勝的體驗(yàn)，而移動(dòng)用戶希望一切都在三維空間中感覺(jué)真實(shí)且真實(shí)。

移動(dòng)用戶已經(jīng)從界面中期望某些東西：

• 每個(gè)動(dòng)作都必須是可輕敲的。（并且易于查看和點(diǎn)擊。）
• 圖形和圖像應(yīng)快速加載，并且可能根本不屬于移動(dòng)體驗(yàn)。
• 選項(xiàng)必須是上下文的。用戶想知道下一步是什么以及從這里可以去哪里。他們不需要知道所有可能的選擇。
• 網(wǎng)站需要與所有移動(dòng)設(shè)備功能集成，例如映射，調(diào)用和與其他應(yīng)用程序集成。
• 交互必須簡(jiǎn)單，并遵循公認(rèn)的模式。移動(dòng)用戶的注意力跨度幾乎為零。如果元素在第一時(shí)間不起作用，并且沒(méi)有太多的思考或解釋，那么用戶將迷失。

?

如何設(shè)計(jì)

實(shí)際的秘密在于結(jié)合觸發(fā)器和用戶期望。然后為他們?cè)O(shè)計(jì)。讓我們分解一些可以很好地做到這一點(diǎn)的網(wǎng)站示例，以及它們?nèi)绾谓Y(jié)合觸發(fā)器和移動(dòng)設(shè)備期望來(lái)獲得出色的用戶體驗(yàn)。

薄荷

Mint使用卡式界面，其中每個(gè)框都是其移動(dòng)應(yīng)用程序設(shè)計(jì)中的可單擊元素，而桌面版則具有更多的單擊式鏈接。鮮艷的色彩和充足的空白空間也有助于簡(jiǎn)化移動(dòng)版本。

觸發(fā)因素：框架和顯著性是這里的主要觸發(fā)因素，因?yàn)樽鳛橐豁?xiàng)免費(fèi)服務(wù)，薄荷要求您根據(jù)您可能正在考慮或需要的東西（從信用卡到保險(xiǎn)報(bào)價(jià)）注冊(cè)有限時(shí)間的報(bào)價(jià)。?

移動(dòng)期望：?Mint使用最新的用戶數(shù)據(jù)加載異常快。該移動(dòng)應(yīng)用程序刪除了許多顯示在桌面站點(diǎn)中的較重圖像，并使用簡(jiǎn)單的垂直模式供用戶跟蹤信息。它還集成了一些不錯(cuò)的UX工具，例如iPhone上的指紋訪問(wèn)和用于在元素之間移動(dòng)的直觀手勢(shì)控制。

蒸餾器?

Distiller使用了響應(yīng)式框架，因此內(nèi)容在桌面和移動(dòng)版本上的外觀和感覺(jué)幾乎完全相同。不過(guò)，該網(wǎng)站的工作是通過(guò)獨(dú)特的導(dǎo)航內(nèi)容的方式來(lái)最大程度地發(fā)揮移動(dòng)格式的潛力。

觸發(fā)因素：您可以輕松地看到該網(wǎng)站使用對(duì)比來(lái)創(chuàng)建用戶參與度的方式。兩種網(wǎng)站變體中都使用彩色和白色，目的是激發(fā)人們的興趣并鼓勵(lì)號(hào)召性用語(yǔ)。（只需查看顏色鮮艷的按鈕和突出的位置即可。）

移動(dòng)期望：?Distiller使用大量公認(rèn)的模式來(lái)吸引用戶參與，并提供一些微妙的提示，以防用戶可能需要幫助。例如，看第二個(gè)移動(dòng)屏幕：可以來(lái)回滑動(dòng)卡片樣式的元素（每個(gè)都是唯一的鏈接）以查看更多內(nèi)容，而點(diǎn)樣式的條用于向用戶顯示還剩多少元素。導(dǎo)航也得到了極大的簡(jiǎn)化，并隱藏在一個(gè)漢堡圖標(biāo)中，因此用戶不會(huì)被各種選擇所淹沒(méi)，可以在移動(dòng)網(wǎng)站上自由移動(dòng)。

天氣頻道

天氣頻道??在其桌面網(wǎng)站和移動(dòng)應(yīng)用程序上提供的內(nèi)容完全相同，但是體驗(yàn)卻截然不同。桌面站點(diǎn)上有更多信息可供閱讀和瀏覽，而應(yīng)用程序則側(cè)重于用戶現(xiàn)在需要了解的內(nèi)容。

觸發(fā)因素：顯著性（如上所述）和社交證明是The Weather Channel移動(dòng)應(yīng)用程序與眾不同的重要組成部分。打開(kāi)屏幕是用戶此時(shí)站立的天氣。輕彈手指，用戶即可報(bào)告狀況，在社交媒體上分享，并成為知名品牌天氣故事的一部分。

服裝網(wǎng)站設(shè)計(jì)：該應(yīng)用程序采用現(xiàn)代，扁平，卡片式設(shè)計(jì)，使每個(gè)元素都易于挖掘。沒(méi)有菜單可說(shuō)，因?yàn)檎麄€(gè)前提是上下文相關(guān)的，根據(jù)用戶的選擇將用戶從一個(gè)元素引導(dǎo)到另一個(gè)元素。