10種簡(jiǎn)單的交互設(shè)計(jì)來(lái)提升用戶的體驗(yàn)方法

2016-11-22    分類: 網(wǎng)站建設(shè)

天才達(dá)·芬奇說(shuō),“簡(jiǎn)單是最終的復(fù)雜性,而這個(gè)永恒的真理就像幾個(gè)世紀(jì)以前也同樣如此。”

這種設(shè)計(jì)網(wǎng)頁(yè)和移動(dòng)界面的方法,使以人為中心的產(chǎn)品更加愉快且容易。不要誤會(huì),簡(jiǎn)單不代表空,原始或單一功能。相反,他意味著清晰,直觀和有有用。真正簡(jiǎn)單的產(chǎn)品不僅解決用戶的問(wèn)題,而且在時(shí)間和效率方面都以好方式展現(xiàn)。

在數(shù)碼產(chǎn)品方面,我們并不經(jīng)??紤]愛(ài)與尊重。我們可以用外觀(如美麗,優(yōu)雅,有趣等)或功能(如直觀,易于使用,易混淆等)或內(nèi)容(如內(nèi)容豐富,一致等)來(lái)形容它們,但很少可以聽(tīng)到有人稱贊一個(gè)網(wǎng)站或應(yīng)用程序需要尊重性。但是,尊重用戶的時(shí)間和精力是設(shè)計(jì)人員應(yīng)該努力實(shí)現(xiàn)的產(chǎn)品的重要目標(biāo)之一,這種方法是判斷可用性和可取性的一個(gè)重要因素。

今天我想給大家分享一些能夠支持這個(gè)目標(biāo)的建議和技巧。這些提示不是重新發(fā)明輪子,而是為設(shè)計(jì)結(jié)果提供有用的清單。所以,讓我們來(lái)看看設(shè)計(jì)師可以做些什么來(lái)為用戶節(jié)省時(shí)間和精力。

1.將核心數(shù)據(jù)放入標(biāo)題中

談到網(wǎng)站,這是一個(gè)非常有用的想法,快速,方便的導(dǎo)航。唯一的問(wèn)題是決定核心數(shù)據(jù)是什么,特別是對(duì)于擁有大量數(shù)據(jù)的網(wǎng)站,比如大型電子商務(wù)網(wǎng)站,新聞平臺(tái)或者多主題博客。標(biāo)題是人們?cè)诮榻B網(wǎng)站前幾秒鐘滾動(dòng)頁(yè)面之前看到的一個(gè)引導(dǎo)部分。作為邀請(qǐng)的標(biāo)志,標(biāo)題應(yīng)該提供關(guān)于數(shù)字產(chǎn)品的關(guān)鍵信息,以便用戶能夠在瞬間掃描它。

可以包含在標(biāo)題中的典型內(nèi)容有這些:

品牌標(biāo)識(shí)的基本要素:標(biāo)志,品牌名稱刻字,標(biāo)語(yǔ)或公司聲明,公司吉祥物,公司或領(lǐng)導(dǎo)人的照片,企業(yè)色彩等。

復(fù)制塊設(shè)置提供的產(chǎn)品或服務(wù)的主題

鏈接到網(wǎng)站內(nèi)容的基本類別

鏈接到最重要的社交網(wǎng)絡(luò)

基本的聯(lián)系信息(電話號(hào)碼,電子郵件等)

多語(yǔ)言界面的語(yǔ)言切換器

搜索字段

訂閱字段

與產(chǎn)品交互的鏈接,如試用版,從AppStore下載等。

這也并不意味著所有提到的元素都應(yīng)該包含在一個(gè)網(wǎng)頁(yè)標(biāo)題中:在某種情況下,標(biāo)題部分會(huì)被信息重載的風(fēng)險(xiǎn)很高。吸引用戶注意的對(duì)象越多,專注于關(guān)鍵的對(duì)象就越難。設(shè)計(jì)師可以與運(yùn)營(yíng)總監(jiān)或是利益相關(guān)者一起,決定戰(zhàn)略上重要的選項(xiàng),并從列表中選擇或添加其他選項(xiàng)。

為什么標(biāo)題如此重要?眼動(dòng)追蹤調(diào)查顯示,無(wú)論使用哪種掃描模式,掃描過(guò)程都將從網(wǎng)頁(yè)的頂部水平區(qū)域開(kāi)始。使用它來(lái)顯示核心信息和品牌是一個(gè)雙方支持的策略:讀者快速掃描關(guān)鍵數(shù)據(jù)。這就是為什么標(biāo)題設(shè)計(jì)是UI / UX設(shè)計(jì)師以及內(nèi)容和運(yùn)營(yíng)專家討論的重中之重。

2.使品牌高度可視化

就所討論的話題而言,品牌是指通過(guò)一系列顯著特征創(chuàng)造出來(lái)的一種形象,促進(jìn)了市場(chǎng)上產(chǎn)品或服務(wù)的意識(shí)和認(rèn)知。這種形象可以通過(guò)多種多樣的方式創(chuàng)造 – 視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)等。在網(wǎng)絡(luò)和移動(dòng)設(shè)計(jì)中,品牌推廣意味著一系列定義品牌風(fēng)格的視覺(jué)元素,這些元素可以應(yīng)用于標(biāo)識(shí),排版,品牌顏色等。這些方式都是創(chuàng)造產(chǎn)品的視覺(jué)可識(shí)別性和風(fēng)格的有力工具。在對(duì)目標(biāo)受眾和營(yíng)銷/客戶研究進(jìn)行分析的基礎(chǔ)上,意義上的品牌在產(chǎn)品推廣中扮演著至關(guān)重要的角色,因?yàn)榇蠖鄶?shù)人的視覺(jué)感受是非??焖俸腿菀椎?,比閱讀文本要容易得多,也比聽(tīng)覺(jué)接受要容易得多。而且,如果品牌已經(jīng)建立完善,在看到一個(gè)網(wǎng)站或應(yīng)用程序的第一秒鐘內(nèi)觀察就會(huì)提高信任度。

3.多使用數(shù)字,而不是文字

Nielsen Norman博客 提供的用戶行為調(diào)查之一是一個(gè)有趣的發(fā)現(xiàn):基于用戶掃描網(wǎng)頁(yè)時(shí)的眼動(dòng)追蹤研究,數(shù)字經(jīng)常會(huì)阻止瀏覽的眼睛并吸引注意力,即使它們嵌入在大量的詞匯中用戶也不能一眼瞥見(jiàn)。

人們下意識(shí)地將數(shù)字與事實(shí),統(tǒng)計(jì)數(shù)字,大小和距離聯(lián)系在一起 ,因?yàn)檫@對(duì)他們來(lái)說(shuō)是有用的。因此,他們迷上了復(fù)制品中包含的數(shù)字,而表示數(shù)字的文字可能在大量文本中被遺漏。甚至更多,無(wú)論數(shù)字代表什么,它們比文本變體更緊湊,這使得內(nèi)容更簡(jiǎn)潔和省時(shí),以便瀏覽數(shù)據(jù)。

4.注意使用號(hào)召性用語(yǔ)(CTA)的正確性

號(hào)召性用語(yǔ)(Call to Action)實(shí)際上是刺激用戶以某種方式與目標(biāo)互動(dòng)的短語(yǔ),又叫點(diǎn)擊動(dòng)作。CTA元素是交互式控件,使用戶可以執(zhí)行被調(diào)用的操作。布局中這種交互元素的常見(jiàn)類型是按鈕,選項(xiàng)卡或鏈接。在各種接口中,CTA元素是與產(chǎn)品有效互動(dòng)的核心因素,在可用性和導(dǎo)航性方面起著至關(guān)重要的作用。當(dāng)所有的交互和轉(zhuǎn)換路徑都是為用戶明確建立的,如果CTA元素沒(méi)有經(jīng)過(guò)深思熟慮,放置或設(shè)計(jì)好的時(shí)候,用戶可能會(huì)感到困惑,需要付出額外的努力來(lái)實(shí)現(xiàn)他們的目標(biāo)。這為轉(zhuǎn)換率不佳和一般用戶體驗(yàn)設(shè)置了高風(fēng)險(xiǎn)。這就是為什么在任何界面中,這個(gè)導(dǎo)航元素應(yīng)該引起設(shè)計(jì)師們的特別關(guān)注。

5.關(guān)注頁(yè)面的可掃描性

正如已經(jīng)提到的那樣,用戶通常不會(huì)從起點(diǎn)讀取和觀察頁(yè)面或屏幕上的所有內(nèi)容,而是從快速掃描開(kāi)始,以了解它是否包含他們需要或想要的內(nèi)容。這一重要的用戶研究領(lǐng)域得到了 Nielsen Norman Group的 大力支持,并為設(shè)計(jì)師和可用性專家提供了對(duì)用戶行為和交互的更好理解。收集用戶眼睛跟蹤數(shù)據(jù)的不同實(shí)驗(yàn)表明,有幾種典型的模式,訪問(wèn)者通常通過(guò)這些模式掃描網(wǎng)站。在 關(guān)于3種設(shè)計(jì)布局的 文章中 ,作者史蒂文·布拉德利(Steven Bradley)提到了以下常見(jiàn)模型:Gutenberg Diagram,Z-模式和F-模式。

了解這些模型后,視覺(jué)設(shè)計(jì)師和交互設(shè)計(jì)師可以在最有可能看到的點(diǎn)上獲得導(dǎo)航和重要數(shù)據(jù),并讓用戶感興趣。經(jīng)過(guò)深思熟慮的 視覺(jué)層次結(jié)構(gòu) 將使頁(yè)面變得輕松,節(jié)省用戶的時(shí)間和精力。

6.檢查圖標(biāo)的知覺(jué)

圖標(biāo) 是在網(wǎng)絡(luò)或移動(dòng)界面中使用的象形圖或表意圖,以支持其可用性,并提供成功的人機(jī)交互。很難高估他們?cè)谟脩艚缑鎸?dǎo)航中的角色:他們使用起來(lái)更快,因?yàn)榇蠖鄶?shù)用戶比文字更快地感知圖像。使用可識(shí)別和清晰的圖標(biāo)對(duì)于提高可用性有很大的潛力。但是,即使是最輕微的誤解,也可能成為用戶體驗(yàn)差的原因,因此應(yīng)該仔細(xì)測(cè)試圖標(biāo)類型的解決方案,并在需要時(shí)支持相同的復(fù)制內(nèi)容。

7.加強(qiáng)與主題圖像和主角人物的信息

在很多情況下,一張圖片勝過(guò)千言萬(wàn)語(yǔ)。在網(wǎng)絡(luò)和移動(dòng)用戶界面中,它經(jīng)常以這種方式工作:圖像變得高度支持和有效地設(shè)置情緒或傳遞信息。另外,圖像呈現(xiàn)內(nèi)容的部分內(nèi)容,其既是信息性的,又是情感上的吸引力。原始插圖,突出的主角人物,引人入勝的照片可以吸引多個(gè)目標(biāo)。

吸引用戶的注意

直觀地傳遞消息

支持一般的文體概念

設(shè)置需要的主題,情緒或氛圍

有效展示核心利益或項(xiàng)目。

8.嘗試用戶的語(yǔ)言與其交談

復(fù)制相應(yīng)網(wǎng)站的內(nèi)容,與用戶的交流起著至關(guān)重要的作用。不僅是有效的視覺(jué)呈現(xiàn)對(duì)于高性能而言是顯著的:樣式,結(jié)構(gòu)和詞匯也應(yīng)該符合用戶對(duì)頁(yè)面的期望。

在一個(gè)娛樂(lè)應(yīng)用程序中讓青少年使用過(guò)于正式或類似商業(yè)的風(fēng)格,相反來(lái)說(shuō),在奢侈品網(wǎng)站上銷售精英房地產(chǎn)過(guò)于不正式的風(fēng)格 – 可能有數(shù)百個(gè)復(fù)制不符合業(yè)務(wù)目標(biāo)以及習(xí)慣的情況目標(biāo)受眾的需求。

這種內(nèi)容不一致可能會(huì)造成混淆,使用戶離開(kāi)網(wǎng)站或應(yīng)用程序。用戶研究將有效地解決這個(gè)問(wèn)題,看看用戶想要溝通的方式,而一個(gè)專業(yè)的撰稿人將有助于加強(qiáng)設(shè)計(jì)與文字的力量。

9.運(yùn)用格式塔原則的力量

格式塔這個(gè)詞的含義是?形狀、形式?。它主要用于認(rèn)知心理學(xué)領(lǐng)域,探索人們不斷從世界看起來(lái)主要是混亂的數(shù)據(jù)的有意義的認(rèn)知規(guī)律的領(lǐng)域。

它適用于不同層次的感知,但是可視化部分似乎是設(shè)計(jì)人員創(chuàng)建界面最有趣的部分。它有助于更好地理解應(yīng)用程序或網(wǎng)站用戶的心理。當(dāng)設(shè)計(jì)者了解影響視覺(jué)感知的因素時(shí),使用戶體驗(yàn)設(shè)計(jì)的過(guò)程更加精通,成功完成交互設(shè)計(jì)的速度更快,降低了用戶對(duì)此的誤解。

資源

例如,運(yùn)用相似性和 接近 性的原則,設(shè)計(jì)者可以根據(jù)人的認(rèn)知能力對(duì)布局元素進(jìn)行分組 ,以便用戶以最自然和方便的方式感知。

10.優(yōu)化視覺(jué)內(nèi)容

無(wú)論有趣,有吸引力和信息豐富的界面,有一個(gè)無(wú)形的因素,可以消除所有的好處 – 加載內(nèi)容。如果應(yīng)用于界面的圖像,動(dòng)畫(huà),視頻過(guò)于沉重,或者在不同的設(shè)備上表現(xiàn)不佳,那么在了解產(chǎn)品的優(yōu)點(diǎn)之前,失去用戶的風(fēng)險(xiǎn)很高。

在競(jìng)爭(zhēng)激烈的情況下,網(wǎng)站和應(yīng)用程序的負(fù)載很大,可以肯定的是:即使用戶輸了很多點(diǎn),用戶也不會(huì)等待,他們會(huì)選擇更方便快捷的選擇。視覺(jué)內(nèi)容的優(yōu)化和持續(xù)測(cè)試是尊重用戶提升互動(dòng)時(shí)間少的流程的真正標(biāo)志。

網(wǎng)頁(yè)名稱:10種簡(jiǎn)單的交互設(shè)計(jì)來(lái)提升用戶的體驗(yàn)方法
本文路徑:http://www.muchs.cn/news/69973.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、服務(wù)器托管、用戶體驗(yàn)、移動(dòng)網(wǎng)站建設(shè)虛擬主機(jī)、網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)