天才達(dá)·芬奇說，“簡單是最終的復(fù)雜性，而這個(gè)永恒的真理就像幾個(gè)世紀(jì)以前也同樣如此。”
這種設(shè)計(jì)網(wǎng)頁和移動(dòng)界面的方法，使以人為中心的產(chǎn)品更加愉快且容易。不要誤會(huì)，簡單不代表空，原始或單一功能。相反，他意味著清晰，直觀和有有用。真正簡單的產(chǎn)品不僅解決用戶的問題，而且在時(shí)間和效率方面都以最佳方式展現(xiàn)。
在數(shù)碼產(chǎn)品方面，我們并不經(jīng)常考慮愛與尊重。我們可以用外觀（如美麗，優(yōu)雅，有趣等）或功能（如直觀，易于使用，易混淆等）或內(nèi)容（如內(nèi)容豐富，一致等）來形容它們，但很少可以聽到有人稱贊一個(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é)果提供有用的清單。所以，讓我們來看看設(shè)計(jì)師可以做些什么來為用戶節(jié)省時(shí)間和精力。
1.將核心數(shù)據(jù)放入標(biāo)題中
談到網(wǎng)站，這是一個(gè)非常有用的想法，快速，方便的導(dǎo)航。唯一的問題是決定核心數(shù)據(jù)是什么，特別是對(duì)于擁有大量數(shù)據(jù)的網(wǎng)站，比如大型電子商務(wù)網(wǎng)站，新聞平臺(tái)或者多主題博客。標(biāo)題是人們?cè)诮榻B網(wǎng)站前幾秒鐘滾動(dòng)頁面之前看到的一個(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)語或公司聲明，公司吉祥物，公司或領(lǐng)導(dǎo)人的照片，企業(yè)色彩等。
復(fù)制塊設(shè)置提供的產(chǎn)品或服務(wù)的主題
鏈接到網(wǎng)站內(nèi)容的基本類別
鏈接到最重要的社交網(wǎng)絡(luò)
基本的聯(lián)系信息（電話號(hào)碼，電子郵件等）
多語言界面的語言切換器
搜索字段
訂閱字段
與產(chǎn)品交互的鏈接，如試用版，從AppStore下載等。
這也并不意味著所有提到的元素都應(yīng)該包含在一個(gè)網(wǎng)頁標(biāo)題中：在某種情況下，標(biāo)題部分會(huì)被信息重載的風(fēng)險(xiǎn)很高。吸引用戶注意的對(duì)象越多，專注于關(guān)鍵的對(duì)象就越難。設(shè)計(jì)師可以與運(yùn)營總監(jiān)或是利益相關(guān)者一起，決定戰(zhàn)略上重要的選項(xiàng)，并從列表中選擇或添加其他選項(xiàng)。
為什么標(biāo)題如此重要？眼動(dòng)追蹤調(diào)查顯示，無論使用哪種掃描模式，掃描過程都將從網(wǎng)頁的頂部水平區(qū)域開始。使用它來顯示核心信息和品牌是一個(gè)雙方支持的策略：讀者快速掃描關(guān)鍵數(shù)據(jù)。這就是為什么標(biāo)題設(shè)計(jì)是UI / UX設(shè)計(jì)師以及內(nèi)容和運(yùn)營專家討論的重中之重。
2.使品牌高度可視化
就所討論的話題而言，品牌是指通過一系列顯著特征創(chuàng)造出來的一種形象，促進(jìn)了市場(chǎng)上產(chǎn)品或服務(wù)的意識(shí)和認(rèn)知。這種形象可以通過多種多樣的方式創(chuàng)造 – 視覺、聽覺、觸覺等。在網(wǎng)絡(luò)和移動(dòng)設(shè)計(jì)中，品牌推廣意味著一系列定義品牌風(fēng)格的視覺元素，這些元素可以應(yīng)用于標(biāo)識(shí)，排版，品牌顏色等。這些方式都是創(chuàng)造產(chǎn)品的視覺可識(shí)別性和風(fēng)格的有力工具。在對(duì)目標(biāo)受眾和營銷/客戶研究進(jìn)行分析的基礎(chǔ)上，意義上的品牌在產(chǎn)品推廣中扮演著至關(guān)重要的角色，因?yàn)榇蠖鄶?shù)人的視覺感受是非?？焖俸腿菀椎?，比閱讀文本要容易得多，也比聽覺接受要容易得多。而且，如果品牌已經(jīng)建立完善，在看到一個(gè)網(wǎng)站或應(yīng)用程序的第一秒鐘內(nèi)觀察就會(huì)提高信任度。
3.多使用數(shù)字，而不是文字
Nielsen Norman博客 提供的用戶行為調(diào)查之一是一個(gè)有趣的發(fā)現(xiàn)：基于用戶掃描網(wǎng)頁時(shí)的眼動(dòng)追蹤研究，數(shù)字經(jīng)常會(huì)阻止瀏覽的眼睛并吸引注意力，即使它們嵌入在大量的詞匯中用戶也不能一眼瞥見。
人們下意識(shí)地將數(shù)字與事實(shí)，統(tǒng)計(jì)數(shù)字，大小和距離聯(lián)系在一起 ，因?yàn)檫@對(duì)他們來說是有用的。因此，他們迷上了復(fù)制品中包含的數(shù)字，而表示數(shù)字的文字可能在大量文本中被遺漏。甚至更多，無論數(shù)字代表什么，它們比文本變體更緊湊，這使得內(nèi)容更簡潔和省時(shí)，以便瀏覽數(shù)據(jù)。
4.注意使用號(hào)召性用語（CTA）的正確性
號(hào)召性用語（Call to Action）實(shí)際上是刺激用戶以某種方式與目標(biāo)互動(dòng)的短語，又叫點(diǎn)擊動(dòng)作。CTA元素是交互式控件，使用戶可以執(zhí)行被調(diào)用的操作。布局中這種交互元素的常見類型是按鈕，選項(xiàng)卡或鏈接。在各種接口中，CTA元素是與產(chǎn)品有效互動(dòng)的核心因素，在可用性和導(dǎo)航性方面起著至關(guān)重要的作用。當(dāng)所有的交互和轉(zhuǎn)換路徑都是為用戶明確建立的，如果CTA元素沒有經(jīng)過深思熟慮，放置或設(shè)計(jì)好的時(shí)候，用戶可能會(huì)感到困惑，需要付出額外的努力來實(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)注頁面的可掃描性
正如已經(jīng)提到的那樣，用戶通常不會(huì)從起點(diǎn)讀取和觀察頁面或屏幕上的所有內(nèi)容，而是從快速掃描開始，以了解它是否包含他們需要或想要的內(nèi)容。這一重要的用戶研究領(lǐng)域得到了 Nielsen Norman Group的 大力支持，并為設(shè)計(jì)師和可用性專家提供了對(duì)用戶行為和交互的更好理解。收集用戶眼睛跟蹤數(shù)據(jù)的不同實(shí)驗(yàn)表明，有幾種典型的模式，訪問者通常通過這些模式掃描網(wǎng)站。在 關(guān)于3種設(shè)計(jì)布局的 文章中 ，作者史蒂文·布拉德利（Steven Bradley）提到了以下常見模型：Gutenberg Diagram，Z-模式和F-模式。
了解這些模型后，視覺設(shè)計(jì)師和交互設(shè)計(jì)師可以在最有可能看到的點(diǎn)上獲得導(dǎo)航和重要數(shù)據(jù)，并讓用戶感興趣。經(jīng)過深思熟慮的 視覺層次結(jié)構(gòu) 將使頁面變得輕松，節(jié)省用戶的時(shí)間和精力。
6.檢查圖標(biāo)的知覺
圖標(biāo) 是在網(wǎng)絡(luò)或移動(dòng)界面中使用的象形圖或表意圖，以支持其可用性，并提供成功的人機(jī)交互。很難高估他們?cè)谟脩艚缑鎸?dǎo)航中的角色：他們使用起來更快，因?yàn)榇蠖鄶?shù)用戶比文字更快地感知圖像。使用可識(shí)別和清晰的圖標(biāo)對(duì)于提高可用性有很大的潛力。但是，即使是最輕微的誤解，也可能成為用戶體驗(yàn)差的原因，因此應(yīng)該仔細(xì)測(cè)試圖標(biāo)類型的解決方案，并在需要時(shí)支持相同的復(fù)制內(nèi)容。
7.加強(qiáng)與主題圖像和主角人物的信息
在很多情況下，一張圖片勝過千言萬語。在網(wǎng)絡(luò)和移動(dòng)用戶界面中，它經(jīng)常以這種方式工作：圖像變得高度支持和有效地設(shè)置情緒或傳遞信息。另外，圖像呈現(xiàn)內(nèi)容的部分內(nèi)容，其既是信息性的，又是情感上的吸引力。原始插圖，突出的主角人物，引人入勝的照片可以吸引多個(gè)目標(biāo)。
吸引用戶的注意
直觀地傳遞消息
支持一般的文體概念
設(shè)置需要的主題，情緒或氛圍
有效展示核心利益或項(xiàng)目。
8.嘗試用戶的語言與其交談
復(fù)制相應(yīng)網(wǎng)站的內(nèi)容，與用戶的交流起著至關(guān)重要的作用。不僅是有效的視覺呈現(xiàn)對(duì)于高性能而言是顯著的：樣式，結(jié)構(gòu)和詞匯也應(yīng)該符合用戶對(duì)頁面的期望。
在一個(gè)娛樂應(yīng)用程序中讓青少年使用過于正式或類似商業(yè)的風(fēng)格，相反來說，在奢侈品網(wǎng)站上銷售精英房地產(chǎn)過于不正式的風(fēng)格 – 可能有數(shù)百個(gè)復(fù)制不符合業(yè)務(wù)目標(biāo)以及習(xí)慣的情況目標(biāo)受眾的需求。
這種內(nèi)容不一致可能會(huì)造成混淆，使用戶離開網(wǎng)站或應(yīng)用程序。用戶研究將有效地解決這個(gè)問題，看看用戶想要溝通的方式，而一個(gè)專業(yè)的撰稿人將有助于加強(qiáng)設(shè)計(jì)與文字的力量。
9.運(yùn)用格式塔原則的力量
格式塔這個(gè)詞的含義是?形狀、形式?。它主要用于認(rèn)知心理學(xué)領(lǐng)域，探索人們不斷從世界看起來主要是混亂的數(shù)據(jù)的有意義的認(rèn)知規(guī)律的領(lǐng)域。
它適用于不同層次的感知，但是可視化部分似乎是設(shè)計(jì)人員創(chuàng)建界面最有趣的部分。它有助于更好地理解應(yīng)用程序或網(wǎng)站用戶的心理。當(dāng)設(shè)計(jì)者了解影響視覺感知的因素時(shí)，使用戶體驗(yàn)設(shè)計(jì)的過程更加精通，成功完成交互設(shè)計(jì)的速度更快，降低了用戶對(duì)此的誤解。
資源
例如，運(yùn)用相似性和 接近 性的原則，設(shè)計(jì)者可以根據(jù)人的認(rèn)知能力對(duì)布局元素進(jìn)行分組 ，以便用戶以最自然和方便的方式感知。
10.優(yōu)化視覺內(nèi)容
無論有趣，有吸引力和信息豐富的界面，有一個(gè)無形的因素，可以消除所有的好處 – 加載內(nèi)容。如果應(yīng)用于界面的圖像，動(dòng)畫，視頻過于沉重，或者在不同的設(shè)備上表現(xiàn)不佳，那么在了解產(chǎn)品的優(yōu)點(diǎn)之前，失去用戶的風(fēng)險(xiǎn)很高。
在競(jìng)爭激烈的情況下，網(wǎng)站和應(yīng)用程序的負(fù)載很大，可以肯定的是：即使用戶輸了很多點(diǎn)，用戶也不會(huì)等待，他們會(huì)選擇更方便快捷的選擇。視覺內(nèi)容的優(yōu)化和持續(xù)測(cè)試是尊重用戶提升互動(dòng)時(shí)間少的流程的真正標(biāo)志。
本文轉(zhuǎn)載自網(wǎng)絡(luò)，版權(quán)歸原作者所有！
文章轉(zhuǎn)載請(qǐng)保留網(wǎng)址：http://www.wedoyun.com/news/industry/1999.html
