雖然是生物研究生畢業(yè)毕荐,但萬萬沒想到自己一出校園就陰差陽錯(cuò)地開始在互聯(lián)網(wǎng)這塊并不熟悉的領(lǐng)域開始創(chuàng)業(yè)徒蟆,成為發(fā)起人之一的同時(shí)县习,也被趕鴨子上架成了一名產(chǎn)品經(jīng)理。
創(chuàng)業(yè)的這兩年不斷接受各種產(chǎn)品的洗禮挟冠,負(fù)責(zé)一個(gè)又一個(gè)有形無形的產(chǎn)品。作為產(chǎn)品狗其中很重要的一點(diǎn)就是口才袍睡,因?yàn)槟阋粩嗟睾筒煌巳ニ罕浦荆驮O(shè)計(jì)撕,投資人撕斑胜,技術(shù)撕持舆,和別的產(chǎn)品撕。而對于各個(gè)產(chǎn)品功能的評估伪窖,大家?guī)缀醵际且宰约旱慕?jīng)驗(yàn)和知識(shí)背景為依據(jù)進(jìn)行評估的(也不排除有時(shí)觀點(diǎn)是站在自己當(dāng)時(shí)情緒之上逸寓。下屬全是女生,我這個(gè)負(fù)責(zé)人對于情緒撕逼深有感觸/(ㄒoㄒ)/~~覆山,就像同時(shí)交了6個(gè)女票竹伸,有的不是翻倍的浪漫而是成倍的折磨),沒有相對統(tǒng)一的評估標(biāo)準(zhǔn)是非常容易起沖突和矛盾,并且大大拖緩項(xiàng)目進(jìn)度勋篓。
一路走來學(xué)習(xí)和積累了很多產(chǎn)品原則吧享,尼爾森可用性原則則是經(jīng)典中的經(jīng)典。雖然十大可用性原則是在web1.0背景下基于網(wǎng)頁產(chǎn)品提出來的譬嚣,而當(dāng)今產(chǎn)品的應(yīng)用場景和形態(tài)都發(fā)生了巨大的變化钢颂,但這時(shí)反過頭去研究尼爾森十大可用性原則會(huì)有意想不到的驚喜。當(dāng)你發(fā)現(xiàn)當(dāng)今林林總總的移動(dòng)互聯(lián)網(wǎng)產(chǎn)品交互原則(比如隱喻的合理性拜银,減少輸入成本等)其實(shí)都是尼爾森十大可用性原則的變種時(shí)殊鞭,你會(huì)感嘆這些經(jīng)典原則的時(shí)代超前性。
結(jié)合著現(xiàn)在的產(chǎn)品來回味一下這些經(jīng)典的原則尼桶,相信你也會(huì)有不同的收獲操灿。
尼爾森十大可用性原則
交互設(shè)計(jì)的本質(zhì)就是一種語言,一種人和物的溝通語言泵督。而交互設(shè)計(jì)師在中間扮演翻譯的角色趾盐,確保雙方溝通方便順暢。
一. Visibility of system status(狀態(tài)可見原則)
原文:用戶在網(wǎng)頁上的任何操作小腊,不論是單擊救鲤、滾動(dòng)還是按下鍵盤,頁面應(yīng)即時(shí)給出反饋秩冈⊙鸭颍“即時(shí)”是指,頁面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間漩仙。(The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.)
英文應(yīng)該被翻譯為:讓使用者能夠看見系統(tǒng)當(dāng)前狀態(tài)搓茬。翻譯成人話就是告訴用戶系統(tǒng)現(xiàn)在在做什么,進(jìn)行到哪一步了队他,剛剛的操作到底成功了還是失敗了卷仑。簡單來說就是不斷的給用戶反饋,用戶的每個(gè)操作都要有相應(yīng)的反饋麸折,讓用戶獲得掌控感锡凝,給用戶安全感。
實(shí)踐時(shí)如何使用這條原理呢垢啼?
1.向用戶反饋系統(tǒng)現(xiàn)在所處狀態(tài)窜锯,任務(wù)完成進(jìn)度。短時(shí)間任務(wù)盡量讓用戶感受到“馬上就要完成了”芭析,長時(shí)間任務(wù)真實(shí)反饋當(dāng)前進(jìn)度和剩余時(shí)間
2.向用戶反饋剛剛的操作成功還是失敗
3.反饋時(shí)盡量不要打斷用戶任務(wù)
4.引導(dǎo)和告知用戶操作
5.服務(wù)的話就要事無巨細(xì)地反饋當(dāng)前進(jìn)度,增加用戶信心和掌握感
我們說做產(chǎn)品就是和用戶談戀愛椿息,滿足她的需求歹袁,然后俘獲她的心。既然是談戀愛寝优,那最重要的就是互動(dòng)条舔,她做一個(gè)動(dòng)作你必須要有回應(yīng),做一個(gè)標(biāo)準(zhǔn)的暖男(氣管炎)產(chǎn)品乏矾,別等著女友來問“你在干什么呢”孟抗,必須要時(shí)時(shí)向上級匯報(bào)情況。
因?yàn)槲覀儽仨氁芽蛻粝胂蟪?7歲的女孩(Luke大神的觀點(diǎn))钻心,極其沒有安全感凄硼,笨笨的而且沒有耐心,必須要時(shí)刻向這位大小姐匯報(bào)我在干什么捷沸,到哪一步了摊沉,結(jié)果怎么樣,否則她就會(huì)感到無助痒给,沒有安全感说墨。而且要在合適的時(shí)機(jī)告訴她應(yīng)該去做什么,怎么做苍柏,這樣她才不會(huì)沒有方向尼斧。由于你的女孩極其沒有耐心,所以更重要的是反饋必須要盡快试吁,否則她的負(fù)面情緒肯定呈指數(shù)上漲突颊,而且我們還要用設(shè)計(jì)的手段來“哄”她,“親愛的,馬上就好哦律秃,再等一下下”爬橡,比如預(yù)加載,假進(jìn)度條棒动。
二.Match between system and the real world(環(huán)境貼切原則)
原文:網(wǎng)頁的一切表現(xiàn)和表述糙申,應(yīng)該盡可能貼近用戶所在的環(huán)境(年齡、學(xué)歷船惨、文化柜裸、時(shí)代背景),而不要使用第二世界的語言粱锐「硗Γ《iPhone人機(jī)交互指南》里提到的隱喻與擬物化是很好的實(shí)踐。此外怜浅,還應(yīng)該使用易懂和約定俗成的表達(dá)铐然。The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
英文應(yīng)該被翻譯為:讓系統(tǒng)和現(xiàn)實(shí)世界匹配。這其實(shí)就是語言的第二個(gè)基本特性:讓別人能快速聽懂你要表達(dá)的意思恶座,簡單來說就是說人話搀暑。
而設(shè)計(jì)語言和普通語言不同點(diǎn)在于,表達(dá)形式的多樣化:不僅僅使用文字跨琳,還能使用圖形和動(dòng)效自点。所以不僅要讓文字易懂,也要讓畫面和動(dòng)效易懂脉让,最好能夠直接調(diào)用我們已經(jīng)習(xí)以為常的元素桂敛。
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢?
1.文案人性化表達(dá)溅潜。文案表達(dá)包含兩個(gè)層次术唬,一使用用戶看得懂的語言,二情感化幽默化表達(dá)伟恶,就像在和用戶對話一樣
2.隱喻符合用戶實(shí)際生活中的認(rèn)知碴开。其中包括圖形,動(dòng)效博秫,流程
首先說文字潦牛,對用戶就別用專業(yè)術(shù)語和英文(中國環(huán)境)來裝逼啦。關(guān)于這一點(diǎn)我們來看看我們最熟悉的window
什么是“錯(cuò)誤769”挡育,什么是“通用卷”巴碗?一臉懵逼,兩臉懵逼
而MAC即寒,不僅說人話橡淆,而且還給出口召噩,教我怎么搞定這個(gè)問題。
再說圖形和動(dòng)效逸爵。在數(shù)字世界直接使用現(xiàn)實(shí)世界的語言無疑是最易懂的具滴,IOS的擬物化設(shè)計(jì)和隱喻就是非常好的實(shí)踐。
非常經(jīng)典的IOS4界面师倔,光影效果和質(zhì)感都非常符合正常生活認(rèn)知构韵,用戶能夠快速通過圖標(biāo)識(shí)別應(yīng)用入口
而Material Design對于動(dòng)效的規(guī)定也是更加符合自然特點(diǎn),元素的位移和展開都不是沿直線趋艘,而是曲線
(個(gè)人不太適應(yīng)Metro Design的純扁平化設(shè)計(jì)風(fēng)疲恢,也許是水平太淺不能真正理解領(lǐng)會(huì),也有可能是這種純理性的設(shè)計(jì)風(fēng)格把數(shù)字世界和現(xiàn)實(shí)世界斷開聯(lián)系瓷胧,不太符合這條環(huán)境貼切原則吧显拳。大師的作品我這種菜鳥怎么能夠領(lǐng)悟/(ㄒoㄒ)/~~)
三.User control and freedom(撤銷重做原則)
原文:為了避免用戶的誤用和誤擊,網(wǎng)頁應(yīng)提供撤銷和重做功能搓萧。Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.
英文翻譯為:用戶控制性和自由度杂数。被人們普遍翻譯成撤銷重做原則,簡單來說就是不要讓用戶走進(jìn)死胡同矛绘,永遠(yuǎn)給用戶提供出口和退路耍休。
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢刃永?
1.讓用戶可進(jìn)可退货矮,其中又分為及時(shí)性的和延后性的
2.在進(jìn)行不可逆操作時(shí)給予二次確認(rèn)
17歲的女孩笨笨的,出現(xiàn)誤觸和誤擊的情況是肯定斯够,給她提前想好退路囚玫,如果是不可逆的操作一定要進(jìn)行二次確認(rèn)。
滴答清單中刪除一條任務(wù)后有兩秒的時(shí)間在底部顯示非模態(tài)提醒读规,并且可以撤銷上一步撤銷操作抓督,非常友好的設(shè)置
但是對于完成后的項(xiàng)目條卻沒有辦法恢復(fù),但用戶很有可能是誤觸了前面的方框束亏,實(shí)際卻沒有完成铃在,但卻沒有退路。
四.Consistency and standards(一致性原則)
原文:同一用語碍遍、功能定铜、操作保持一致。Users should not have to wonder whether different words, situations, or actions mean the same thing.
英文翻譯為:一致性和標(biāo)準(zhǔn)化怕敬。這個(gè)原則現(xiàn)在可以說已經(jīng)深入骨髓了揣炕,但是這里還是要嘮叨兩句。
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢东跪?
1.和平臺(tái)規(guī)則保持一致性
2.和自身保持一致性畸陡。其中包括迭代版本保持一致性鹰溜,同一層級圖標(biāo)顏色字體保持一致性,品牌一致性
3.和用戶預(yù)期保持一致性丁恭。其中包括用戶未操作時(shí)和用戶操作時(shí)
一致性的第一層表示產(chǎn)品的設(shè)計(jì)要和平臺(tái)的規(guī)范保持一致曹动。第二層是和自身保持一致性,不同的品牌有自己的調(diào)性牲览,可以直接通過設(shè)計(jì)語言傳達(dá)給用戶仁期,而且能夠達(dá)到一個(gè)良好的品牌辨識(shí)度,成熟的產(chǎn)品有自己的設(shè)計(jì)標(biāo)準(zhǔn)竭恬。第三層是和用戶認(rèn)知保證一致跛蛋,盡量使用大家約定俗成的圖標(biāo),減少用戶的認(rèn)知成本痊硕。
第一層是理所當(dāng)然的赊级,否則通不過審核。第三層剛好符合慣性思維岔绸,很容易辦成理逊。關(guān)鍵在于第二層和自身保持一致,要讓產(chǎn)品在不斷迭代中還能一直保持調(diào)性是非常不容易的盒揉。
五.Error prevention(防錯(cuò)原則)
原文:通過網(wǎng)頁的設(shè)計(jì)晋被、重組或特別安排,防止用戶出錯(cuò)刚盈。Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢羡洛?
1.按鈕置灰或隱藏。對于不常用的按鈕或負(fù)面功能進(jìn)行隱藏
2.對于常犯的錯(cuò)誤進(jìn)行及時(shí)提醒或事前提醒
3.產(chǎn)品設(shè)計(jì)時(shí)盡量做到不讓用戶混淆藕漱,讓用戶一眼就能辨清
當(dāng)用戶操作錯(cuò)誤的時(shí)候欲侮,系統(tǒng)會(huì)出現(xiàn)錯(cuò)誤提醒,并且給正確操作出口肋联。但比錯(cuò)誤提醒各貼心的是提前防止用戶操作錯(cuò)誤威蕉。比如在撤銷重做原則中提到的二次確認(rèn),就是一種防錯(cuò)機(jī)制橄仍,尤其是對于不可逆的操作來說韧涨。
六.Recognition rather than recall(易取原則)
原文:好記性不如爛筆頭。盡可能減少用戶回憶負(fù)擔(dān)侮繁,把需要記憶的內(nèi)容擺上臺(tái)面虑粥。Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢?
1.在用戶提交時(shí)把結(jié)果展示在用戶面前鼎天,讓他最后確認(rèn)一遍舀奶,而不是直接結(jié)束
2.為用戶提供歷史記錄,或草稿斋射,讓用戶方便查詢
3.以上是腦力上的易取育勺,還有體力上的易取但荤。讓用戶減少輸入成本,尤其在移動(dòng)端涧至。a.提供選項(xiàng)腹躁,b.提供默認(rèn)值,c.用手勢代替輸入
七.Flexibility and efficiency of use(靈活高效原則)
原文:中級用戶的數(shù)量遠(yuǎn)高于初級和高級用戶數(shù)南蓬。為大多數(shù)用戶設(shè)計(jì)纺非,不要低估,也不可輕視赘方,保持靈活高效烧颖。Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
既要重視靈活又要重視效率,對于新手重視易用靈活窄陡,對老手重視效率
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢炕淮?
1.常用功能在最顯眼順手的位置,同時(shí)提供功能快捷鍵
2.對于新用戶設(shè)置撤銷重做功能
3.對于老用戶設(shè)置歷史記錄功能跳夭,直接在以前基礎(chǔ)上進(jìn)行操作就行
八.Aesthetic and minimalist desig(易掃原則)
原文:互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動(dòng)作不是讀涂圆,不是看,而是掃币叹。易掃润歉,意味著突出重點(diǎn),弱化和剔除無關(guān)信息颈抚。Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
這條原則本質(zhì)是對用戶視覺注意力資源的規(guī)范踩衩,盡量讓用戶視覺注意力聚焦,花最少的精力獲取注重要的信息
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢邪意?
1.讓用戶注意力有承接性九妈,不出現(xiàn)視覺跳躍
2.保證信息可讀性反砌,清晰明了雾鬼,重點(diǎn)突出
3.如無必要,勿增實(shí)體宴树。怎么簡單怎么來策菜,一個(gè)界面盡量做到一個(gè)核心操作加幾個(gè)輔助操作,如果要增加選項(xiàng)(比如首頁)一定不能超過9個(gè)>票帷S趾!(7±2原則)
4.提示一次只給一個(gè)锭吨,而且是在必要時(shí)候蠢莺,最好用手勢動(dòng)畫來引導(dǎo)
5.沉浸式體驗(yàn)獨(dú)占全屏
九.Help users recognize, diagnose, and recover from errors(容錯(cuò)原則)
原文:幫助用戶從錯(cuò)誤中恢復(fù),將損失降到最低零如。如果無法自動(dòng)挽回躏将,則提供詳盡的說明文字和指導(dǎo)方向锄弱,而非代碼,比如404祸憋。Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
我們盡量避免用戶出現(xiàn)操作錯(cuò)誤会宪,但當(dāng)出現(xiàn)錯(cuò)誤時(shí),我們應(yīng)該盡量去安撫用戶的挫敗感
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢蚯窥?
1.用用戶能夠懂得語言告訴用戶錯(cuò)誤原因
2.給用戶出口,確切的解決方法
3.安撫挫敗感,用幽默的圖片和文字博得一笑墨林,給其他事情產(chǎn)生正面情緒(比如幫助尋找走失兒童)
十.Help and documentation(人性化幫助原則)
原文:幫助性提示最好的方式是:1饥伊、無需提示;2荷鼠、一次性提示赎瞎;3、常駐提示颊咬;4务甥;幫助文檔。Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
幫助方式優(yōu)先級:
1.無需提示喳篇。非常簡單易懂敞临,用戶看界面就知道怎么操作,無需提示
2.一次性提示麸澜。只需要一次提示用戶就懂如何使用
3.常駐提示挺尿。
4.幫助文檔。稍微復(fù)雜一點(diǎn)的軟件炊邦,雖然要讓他盡量簡單但幫助文檔都是必要的
當(dāng)我們實(shí)踐時(shí)如何使用這條原理呢编矾?
1.在需要的情況下自動(dòng)出來提示
2.提示一次只出來一條
3.就在旁邊,方便易取
4.鼠標(biāo)懸浮文字說明
5.軟件幫助方便易取
- 文/潘曉璐 我一進(jìn)店門计雌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來悄晃,“玉大人,你說我怎么就攤上這事凿滤÷栝希” “怎么了鼠渺?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長眷细。 經(jīng)常有香客問我拦盹,道長,這世上最難降的妖魔是什么溪椎? 我笑而不...
- 正文 為了忘掉前任普舆,我火速辦了婚禮,結(jié)果婚禮上校读,老公的妹妹穿的比我還像新娘沼侣。我一直安慰自己,他們只是感情好歉秫,可當(dāng)我...
- 文/花漫 我一把揭開白布蛾洛。 她就那樣靜靜地躺著,像睡著了一般雁芙。 火紅的嫁衣襯著肌膚如雪轧膘。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼熔任,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了唁情?” 一聲冷哼從身側(cè)響起疑苔,我...
- 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎荠瘪,沒想到半個(gè)月后夯巷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡哀墓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了喷兼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片篮绰。...
- 正文 年R本政府宣布贾漏,位于F島的核電站候学,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏纵散。R本人自食惡果不足惜梳码,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望伍掀。 院中可真熱鬧掰茶,春花似錦、人聲如沸蜜笤。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽把兔。三九已至沪伙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間县好,已是汗流浹背焰坪。 一陣腳步聲響...
- 正文 我出身青樓,卻偏偏與公主長得像善绎,于是被迫代替她去往敵國和親黔漂。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 老土的本科碩士博士都是通信專業(yè)禀酱,后來在公司也是做通信相關(guān)業(yè)務(wù)炬守,但這幾年都是在弄計(jì)算機(jī)和互聯(lián)網(wǎng)相關(guān)的項(xiàng)目。Web“(...
- 網(wǎng)易云音樂更新到了2.0剂跟,相比之前增加不少功能模塊减途,很多交互細(xì)節(jié)也做了調(diào)整。 一曹洽、系統(tǒng)狀態(tài)可見原則Visibili...
- 簡介:尼爾森(Jakob Nielsen)于1995年針對Web交互設(shè)計(jì)提出的可用性原則鳍置。網(wǎng)上翻譯版本很多,有作修...
- 生命中所謂的不可承受之重!便是最親的人,想要給你的好辟拷,看到你的好撞羽,不是你追求的! 仙人很多解釋不了衫冻,他們善良诀紊,單純...