分(fēn)享到:

【産品設計(jì)&用戶體(tǐ)驗】好設計(jì)的标準

日(rì)期:2016-10-30 18:30:00     閱讀(dú):297     文章(zhāng)來(lái)源:源美網絡     标簽:深圳網站(zhàn)設計(jì),深圳網頁設計(jì),深圳網站(zhàn)建設,交互式設計(jì)

深圳網站(zhàn)設計(jì)】好的人(rén)機(jī)交互設計(jì)(UX)有哪些主要評判标準呢(ne)?

一些設計(jì)的基本原則往往是通用的,甚至可(kě)以說(shuō)放(fàng)之四海皆準的,例如(rú)優先級、一緻性、界面的隐喻等等,好的設計(jì)都(dōu)需要考慮到這些問(wèn)題,甚至再更廣的範圍内也同樣适用,而不僅僅是交互設計(jì)範疇。


一個設計(jì)師(shī)&産品經理(lǐ)應該在決策時下意識的、本能的考慮這些原則。就(jiù)像以前很多零售業者能夠一抓準,你(nǐ)要一斤糖,他(tā)抓起來(lái)就(jiù)是一斤,不多不少,靠的就(jiù)是不斷的練習+思考,最後将其變成了自(zì)己的本能。


越是通用的标準,往往也就(jiù)離(lí)細節越遠(yuǎn),需要結合界面的具體(tǐ)部分(fēn)(信息架構、導航、交互、語詞、視覺等)和産品的具體(tǐ)領域(例如(rú)音樂播放(fàng)器、閱讀(dú)軟件(jiàn)等)來(lái)看(kàn)。往往說(shuō)起來(lái)總比做起來(lái)容易,是不是紙上談兵(bīng),就(jiù)要在設計(jì)中具體(tǐ)去(qù)把握了。


這裡(lǐ)抛磚引玉地列出讓我印象最深刻的三個半原則:

1. 優先級

蘋果的設計(jì)爲什麽讓我們覺得(de)精彩?爲什麽我們父母級的用戶都(dōu)能夠很快(kuài)入手?我曾經觀察我的父母試用 iPad,他(tā)們能夠很快(kuài)開始嘗試操作(zuò),而不像面對很多其他(tā)的數碼産品時那樣無從(cóng)入手。其中的一個重要原因是蘋果在處理(lǐ)設計(jì)的優先級方面非常成功。當我在看(kàn) iPhone 非常細節的設計(jì)時,常常非常佩服他(tā)們的設計(jì)師(shī)&産品經理(lǐ)能夠如(rú)此有魄力地砍掉功能和界面元素,從(cóng)而讓重點的變得(de)更重點,讓需要突出的變得(de)更突出。

一個基本的假設:如(rú)同經濟學裡(lǐ)資源的稀缺性假設一樣,用戶的認知資源和系統的界面資源都(dōu)是稀缺的。

當你(nǐ)把所有重要的東西都(dōu)擺上桌面,就(jiù)沒有重要的東西了。用戶的認知空間和認知能力有限,當他(tā)們面前有 1 條路(lù)可(kě)以選擇時,事(shì)情會變得(de)很簡單,但(dàn)是當他(tā)們面臨 3 條路(lù)時,往往會躊躇不前。盡管我們難以量化地說(shuō)用戶有多少精力在這種抉擇中損耗掉了,但(dàn)這種損失是顯而易見(jiàn)的。看(kàn)看(kàn) Android 原生(shēng)系統的設計(jì),用戶想要運行一個應用時,有幾條路(lù)?

設計(jì)中對優先級的把握就(jiù)是要讓我們能夠将真正重要的功能/内容/元素放(fàng)到突出的位置,以最多的界面資源去(qù)展示它們,而将次要的部分(fēn)弱化、隐藏起來(lái),再次的部分(fēn)則索性砍掉。

具體(tǐ)來(lái)說(shuō):

a. 用戶優先級

把握核心用戶,爲産品自(zì)己真正的用戶群做設計(jì),不要天真地認爲你(nǐ)的設計(jì)可(kě)以滿足所有用戶。

b. 功能優先級

把握核心需求,亮點功能往往兩三個就(jiù)足夠多了。功能航母往往容易沉沒(看(kàn)看(kàn)爲何現代戰争中巨型戰列艦都(dōu)逐漸被淘汰了),Nokia VS Apple 也是這樣。有一次 Tina(創新工(gōng)場的 COO)的一句話(huà)讓我很受教,她說(shuō)她以前做 Marketing 時,給客戶講産品,往往一次隻講三個 Feature,即使這個産品或版本其實有更多的亮點。設計(jì)或者開發産品時我們總是想盡可(kě)能地将好東西放(fàng)進去(qù),但(dàn)是打動客戶/用戶的點卻往往隻在三個以内。

c. 内容/信息優先級

将内容分(fēn)成不同的層次,核心内容需要明顯地突出出來(lái)。報紙上的标題、摘要、征文等層次清晰、泾渭分(fēn)明也是這個原因。

d. 交互優先級

主要的交互路(lù)徑需要讓用戶以最小的精神代價就(jiù)能走得(de)通,盡量減少這條路(lù)上的分(fēn)支。爲此,一些時候不得(de)不将一些次要的交互路(lù)徑更含蓄地隐藏起來(lái)。最常用的可(kě)能是「高級設置」這樣的形式。

e. 視覺優先級

視覺更需要層次,重點的視覺元素需要讓用戶一眼掃過去(qù)就(jiù)能看(kàn)到,而次要的信息則要拉開距離(lí),通過留白(bái)、顔色對比等等手段。一個例子是做 PPT,當我們看(kàn)到好的 PPT 時,總發現裡(lǐ)面有大(dà)量的空間、有灰色的文字,這樣将重點突出出來(lái),而很多人(rén)在做 PPT 時則會直接 COPY 大(dà)段文字,直接用粗體(tǐ)、黑(hēi)色,滿屏幕隻見(jiàn)到黑(hēi)色的一片。

和優先級這個原則互通的概念還(hái)有簡化(簡化的目的實際上就(jiù)是突出重點)、減法原則等等。


2. 一緻性

一緻性可(kě)以讓界面更容易被預知,可(kě)以降低用戶的學習成本等等。一緻性幾乎是設計(jì)中最普遍的一條原則,也是缺乏設計(jì)經驗的團隊最容易犯的錯誤。做可(kě)用性評估時,幾乎每次都(dōu)能找出一堆的不一緻問(wèn)題。

通常需要注意一緻性的地方包括:

a. 交互邏輯的一緻性

完成同樣功能,交互邏輯是否一樣,流程是否相(xiàng)似。

b. 元素的一緻性

同樣的交互邏輯,使用的控件(jiàn)等是否一緻,不允許這裡(lǐ)用按鈕來(lái)執行動作(zuò),在那邊變成了圖标,另一個地方又是鏈接。

c. 語詞的一緻性

界面上使用的語言,在描述同一個事(shì)物時是否是一緻的。

d. 信息架構的一緻性

信息的組織層次方面是否是一緻的,導航是否是一緻的,等等。

d. 視覺的一緻性

界面的圖标、顔色、區域的分(fēn)隔、指向等方面是否是一緻的。

通常一緻性還(hái)有另一個問(wèn)題,就(jiù)是在什麽時候做出權衡取舍。有時強制的一緻性會引發其他(tā)問(wèn)題,例如(rú)用戶在執行某些任務時效率會降低,會導緻界面的複雜度增加等等。這時我們不得(de)不做出權衡,決定是保持一緻性,還(hái)是采用一個異常的但(dàn)又合理(lǐ)的設計(jì)。有時需要說(shuō)服做開發和測試的同事(shì)們在某些特殊的地方犧牲一緻性來(lái)得(de)到更好的設計(jì)。


3. 感覺

可(kě)用性工(gōng)程的教科(kē)書(shū)裡(lǐ),往往會有「主觀滿意度」的内容(實際上這也是 ISO9241 的内容之一),但(dàn)是卻也往往語焉不詳,因爲主觀的問(wèn)題往往難以通過工(gōng)程/經驗的方法來(lái)解決。

但(dàn)是我們還(hái)是可(kě)以找出幾個明顯的能夠在設計(jì)中考慮到的點,來(lái)照(zhào)顧用戶的感覺。例如(rú)以下幾點:

a. 快(kuài)的感覺

天下武功,無堅不摧,唯快(kuài)不破。IBM 做測試的同事(shì)會拿秒表(當然他(tā)們似乎還(hái)有更好的工(gōng)具)來(lái)掐時間測試 Performance,如(rú)果某個版本的 Case 有 Performance 的明顯下降,會是個大(dà)事(shì)故。

我們通常還(hái)可(kě)以在設計(jì)上有很多處理(lǐ)來(lái)産生(shēng)快(kuài)的感覺,例如(rú)先讓界面顯示出結果,同時後台再去(qù)做操作(zuò)(例如(rú)存儲等耗時間的操作(zuò)),避免用戶的等待(當然最痛苦的是被工(gōng)程師(shī)告知界面上的顯示效率就(jiù)已經低到需要用戶等待了)。

曾經看(kàn)過一個研究,在進度條的顯示上,越來(lái)越快(kuài)的進度條最能夠讓用戶感覺到快(kuài),而不是那些完全真實反應内部進度的進度條(真實的情況可(kě)能是越來(lái)越慢(màn))。

b. 安全的感覺

用戶敢在看(kàn)起來(lái)很「山(shān)寨」的界面上輸入自(zì)己的密碼麽?用戶需要經常自(zì)己保存麽?Google 的 Gmail 是個好例子,而 MS Windows 的升級後自(zì)動重啓是個壞例子,某一次我同時遇到了它們:Windows XP 打完某些補丁後,會要求重新啓動系統,這時你(nǐ)可(kě)以選擇立刻重啓,或者點擊一個按鈕,等待若幹時間後再提醒,如(rú)果什麽都(dōu)不做,它會在一小短(duǎn)時間内自(zì)動重啓。當我正在工(gōng)作(zuò)時,顯然不願意立刻重啓系統,于是我選擇了稍後提醒,然後又工(gōng)作(zuò)了很久,在 Gmail 裡(lǐ)寫了一封郵件(jiàn)。這時剛好有人(rén)來(lái)找我討(tǎo)論問(wèn)題,等回到電腦前後,發現它自(zì)動重啓了……沒有保存的工(gōng)作(zuò)都(dōu)丢失了。但(dàn)是好在 Gmail 會自(zì)動保存我已經寫過的郵件(jiàn)内容,讓人(rén)稍稍安心。

知乎的文本編輯框也是一個好例子。

c. 其他(tā)感覺

例如(rú)界面語言是否讓用戶感覺到尊重。

一個小例子,新浪微博的客戶端裡(lǐ),用戶發完微博後,有時因爲系統的原因(發送按鈕監聽到了兩次事(shì)件(jiàn),或者别的什麽原因),微博内容可(kě)能會在用戶不知情的情況下「試圖」重複發送,這時會彈出一個提示框,告訴用戶說(shuō)「不要太貪心哦……」 用戶多委屈。


4. 臨界點

臨界點就(jiù)是壓倒大(dà)象的最後一根稻草。是什麽讓用戶決定注冊産品開始使用的?往往就(jiù)是多動那麽一下手指、多學習思考一小下,用戶就(jiù)從(cóng)門(mén)口溜走了。臨界點往往是多種因素綜合的作(zuò)用,與用戶的主觀心理(lǐ)(感覺)、客觀因素(績效)等有關系,姑且作(zuò)爲半個原則來(lái)看(kàn)。

常常驚訝于一些産品(特别是移動産品)能夠在用戶看(kàn)到的第一個界面,放(fàng)一個大(dà)大(dà)的登陸或者注冊框在上面,任何好東西都(dōu)沒給用戶看(kàn)到,就(jiù)讓用戶先來(lái)注冊。以前在一個設計(jì)中,給一個公司的同事(shì)講過一個故事(shì):如(rú)果有一天你(nǐ)在街上找人(rén)問(wèn)路(lù),那人(rén)說(shuō)「給我 5 毛我才能告訴你(nǐ)」,盡管你(nǐ)不情願但(dàn)還(hái)是給了他(tā) 5 毛,他(tā)拿了錢告訴你(nǐ)說(shuō)「經過查詢我發現自(zì)己不知道」。在實際的設計(jì)中,用戶付出的并不僅僅是金錢的費用,他(tā)們的精力也是成本,這時用戶就(jiù)會去(qù)盤算到底值不值得(de)來(lái)進行下一步的操作(zuò)。



文章(zhāng)引用:

本站(zhàn)文章(zhāng)爲深圳網站(zhàn)建設·源美網絡原創策劃,如(rú)有版權糾紛或者違規問(wèn)題,請(qǐng)聯系我們删除,謝謝!

上一篇: 講述品牌标識的重要性

下一篇: 電源裡(lǐ)的病毒

返回列表
最新案例
OUR ADVANTAGE WORKS

售後保障

承諾任何問(wèn)題1小時内解決

數據備份

更安全、更高效、更穩定

價格公道精準

項目經理(lǐ)精準報價不弄虛作(zuò)假

合作(zuò)無風(fēng)險

重合同講信譽,無效全額退款