好的人機(jī)交互設(shè)計(jì)有哪些主要評(píng)判標(biāo)準(zhǔn)?(上)
lulu導(dǎo)語:人機(jī)交互設(shè)計(jì)的好與壞的評(píng)判標(biāo)準(zhǔn)給人的感覺總是有些抽象,究竟怎樣的設(shè)計(jì)就可以被稱之為優(yōu)秀,有沒有通用的評(píng)判標(biāo)準(zhǔn)呢?知乎網(wǎng)友@馬力印象最深刻的三個(gè)原則分為別優(yōu)先級(jí)、一致性、感覺以及臨界點(diǎn)。本篇文章為上半部分,介紹了優(yōu)先級(jí)和一致性的內(nèi)容。
@馬力: 一些設(shè)計(jì)的基本原則往往是通用的、甚至可以說放之四海皆準(zhǔn)的,例如優(yōu)先級(jí)、一致性、界面的隱喻等等,好的設(shè)計(jì)都需要考慮到這些問題,甚至再更廣的范圍內(nèi)也同樣適用,而不僅僅是交互設(shè)計(jì)范疇。 一個(gè)設(shè)計(jì)師&產(chǎn)品經(jīng)理應(yīng)該在決策時(shí)下意識(shí)的、本能的考慮這些原則。就像以前很多零售業(yè)者能夠一抓準(zhǔn),你要一斤糖,他抓起來就是一斤,不多不少,靠的就是不斷的練習(xí)+思考,最后將其變成了自己的本能。 越是通用的標(biāo)準(zhǔn),往往也就離細(xì)節(jié)越遠(yuǎn),需要結(jié)合界面的具體部分(信息架構(gòu)、導(dǎo)航、交互、語詞、視覺等)和產(chǎn)品的具體領(lǐng)域(例如音樂播放器、閱讀軟件等)來看。往往說起來總比做起來容易,是不是紙上談兵,就要在設(shè)計(jì)中具體去把握了。 這里拋磚引玉的列出讓我印象最深刻的3個(gè)半原則: 蘋果的設(shè)計(jì)為什么讓我們覺得精彩?為什么我們父母級(jí)的用戶都能夠很快入手?我曾經(jīng)觀察我的父母試用iPad,他們能夠很快開始嘗試操作,而不像面對(duì)很多其他的數(shù)碼產(chǎn)品時(shí)那樣無從入手。其中的一個(gè)重要原因是蘋果在處理設(shè)計(jì)的優(yōu)先級(jí)方面非常成功。當(dāng)我在看iPhone非常細(xì)節(jié)的設(shè)計(jì)時(shí),常常非常佩服他們的設(shè)計(jì)師&PM能夠如此有魄力的砍掉功能和界面元素,從而讓重點(diǎn)的變的更重點(diǎn),讓需要突出的變的更突出。 一個(gè)基本的假設(shè):如同經(jīng)濟(jì)學(xué)里資源的稀缺性假設(shè)一樣,用戶的認(rèn)知資源和系統(tǒng)的界面資源都是稀缺的。 當(dāng)你把所有重要的東西都擺上桌面,就沒有重要的東西了。用戶的認(rèn)知空間和認(rèn)知能力有限,當(dāng)他們面前有1條路可以選擇時(shí),事情會(huì)變的很簡(jiǎn)單,但是當(dāng)他們面臨3條路時(shí),往往會(huì)躊躇不前。盡管我們難以量化的說用戶有多少精力在這種抉擇中損耗掉了,但這種損失是顯而易見的??纯碅ndroid原生系統(tǒng)的設(shè)計(jì),用戶想要運(yùn)行一個(gè)應(yīng)用時(shí),有幾條路? 設(shè)計(jì)中對(duì)優(yōu)先級(jí)的把握就是要讓我們能夠?qū)⒄嬲匾墓δ?內(nèi)容/元素放到突出的位置,以最多的界面資源去展示它們,而將次要的部分,弱化、隱藏起來,再次的部分,則索性砍掉。 具體來說: a. 用戶優(yōu)先級(jí) b. 功能優(yōu)先級(jí) c. 內(nèi)容/信息優(yōu)先級(jí) d. 交互優(yōu)先級(jí) e. 視覺優(yōu)先級(jí) 視覺更需要層次,重點(diǎn)的視覺元素需要讓用戶一眼掃過去就能看到,而次要的信息則要拉開距離,通過留白、顏色對(duì)比等等手段。一個(gè)例子是做PPT,當(dāng)我們看到好的PPT時(shí),總發(fā)現(xiàn)里面有大量的空間、有灰色的文字,這樣將重點(diǎn)突出出來,而很多人在做PPT時(shí)則會(huì)直接COPY大段文字,直接用粗體、黑色,滿屏幕只見到黑色的一片。 一致性可以讓界面更容易被預(yù)知,可以降低用戶的學(xué)習(xí)成本等等。一致性幾乎是設(shè)計(jì)中最普遍的一條原則,也是缺乏設(shè)計(jì)經(jīng)驗(yàn)的團(tuán)隊(duì)最容易犯的錯(cuò)誤。做可用性評(píng)估時(shí),幾乎每次都能找出一堆的不一致問題。 通常需要注意一致性的地方包括: a. 交互邏輯的一致性 b. 元素的一致性 c. 語詞的一致性 d. 信息架構(gòu)的一致性 d. 視覺的一致性 通常一致性還有另一個(gè)問題,就是在什么時(shí)候做出權(quán)衡取舍。有時(shí)強(qiáng)制的一致性會(huì)引發(fā)其他問題,例如用戶在執(zhí)行某些任務(wù)時(shí)效率會(huì)降低,會(huì)導(dǎo)致界面的復(fù)雜度增加等等。這是我們不得不做出權(quán)衡,決定是保持一致性,還是采用一個(gè)異常的但又合理的設(shè)計(jì)。以前碰到的例子是,需要說服做開發(fā)和測(cè)試的同事們?cè)谀承┨厥獾牡胤綘奚恢滦詠淼玫礁玫脑O(shè)計(jì)。他們會(huì)很在意一致性,這幾乎是設(shè)計(jì)師最容易推動(dòng)的原則。1. 優(yōu)先級(jí)
把握核心用戶,為產(chǎn)品自己真正的用戶群做設(shè)計(jì),不要天真的認(rèn)為你的設(shè)計(jì)可以滿足所有用戶。
把握核心需求,亮點(diǎn)功能往往兩三個(gè)就足夠多了。功能航母往往容易沉沒(看看為何現(xiàn)代戰(zhàn)爭(zhēng)中巨型戰(zhàn)列艦都逐漸被淘汰了),Nokia VS Apple也是這樣。有一次Tina(創(chuàng)新工場(chǎng)的COO)的一句話很受教,她說她以前在(微軟或IBM)做Marketing時(shí),給客戶講產(chǎn)品,往往一次只講三個(gè)Feature,即使這個(gè)產(chǎn)品或版本有再多的亮點(diǎn)。設(shè)計(jì)或者開發(fā)產(chǎn)品時(shí)我們總是想盡可能的將好東西放進(jìn)去,但是打動(dòng)客戶/用戶的點(diǎn)卻往往只在三個(gè)之內(nèi)。
將內(nèi)容分成不同的層次,核心內(nèi)容需要明顯的突出出來。報(bào)紙上的標(biāo)題、摘要、征文等層次清晰、涇渭分明也是這個(gè)原因。
主要的交互路徑需要讓用戶以最小的精神代價(jià)就能走的通,盡量減少這條路上的分支。為此,一些時(shí)候不得不將一些次要的交互路徑更含蓄的隱藏起來。最常用的可能是“高級(jí)設(shè)置”這樣的形式。
和優(yōu)先級(jí)這個(gè)原則互通的概念還有簡(jiǎn)化(簡(jiǎn)化的目的實(shí)際上就是突出重點(diǎn))、減法原則等等。2 一致性
完成同樣功能,交互邏輯是不是一樣的,流程是不是相似的,背后就好像有一樣的數(shù)學(xué)模型似的。
同樣的交互邏輯,使用的控件等是否是一致的,例如這里用按鈕來執(zhí)行動(dòng)作,在那邊變成了圖標(biāo),另一個(gè)地方又是鏈接。
界面上使用的語言,在描述同一個(gè)事物時(shí)是否是一致的。
信息的組織層次方面是否是一致的,導(dǎo)航是否是一致的,等等。
界面的圖標(biāo)、顏色、區(qū)域的分隔、指向等方面是否是一致的。
未完待續(xù),好的人機(jī)交互設(shè)計(jì)有哪些主要評(píng)判標(biāo)準(zhǔn)?(下)
本文由人人都是產(chǎn)品經(jīng)理@lulu 整理自知乎問答,轉(zhuǎn)載請(qǐng)注明出處并保留本文鏈接
好吧。。。我怎么倒著看的。好籠統(tǒng)的干貨