時(shí)間很快,轉(zhuǎn)眼又是一周荐糜。這一周入職了新的公司巷怜,有了新的環(huán)境,新的同事暴氏,新的任務(wù)延塑。從之前長假的悠閑自得,到一下子突然忙到不可開交答渔,一時(shí)間竟還沒有完全適應(yīng)下來关带。慶幸自己工作以來一直有寫每日計(jì)劃的習(xí)慣,忙亂的時(shí)候沼撕,寫寫東西也算是能幫助自己摸清頭緒宋雏。腦袋漿糊的時(shí)候,畫畫思維導(dǎo)圖也是一個(gè)不錯(cuò)的方法务豺。
譯文中穿插一些生活體會(huì)磨总,是學(xué)習(xí)了Beforweb的博主c7210前輩的寫作手法。希望能在翻譯譯文的同時(shí)也能表達(dá)自己的一些心得體會(huì)笼沥,生活感悟或者其他什么能聊的東西蚪燕。想著讓每周的譯文也能有一些生活化的氣息,也希望大家能忍受我的一些碎碎念 :D 奔浅。
本文的作者是一位設(shè)計(jì)師馆纳,也是Laroche工作室的CEO,同時(shí)還是電臺(tái)的主持人乘凸。他所寫的這篇文章厕诡,依據(jù)的就是《Don't make me think》這本書,相信很多人應(yīng)該也看過营勤。不過咱們很多人就算知道這些道理灵嫌,還是依然會(huì)犯錯(cuò)。我覺得原因可能在于葛作,看到的理論沒有更多的與自己所參與的項(xiàng)目結(jié)合起來思考寿羞,也就是缺乏所謂的深度思考。很多時(shí)候赂蠢,只是看過绪穆,知道了,卻并非會(huì)在項(xiàng)目中會(huì)與之結(jié)合起來看問題,直至解決問題玖院。
產(chǎn)品設(shè)計(jì)常犯的10個(gè)小錯(cuò)誤
“好的設(shè)計(jì)是顯而易見的”這句話聽起來是相當(dāng)有年代感了菠红,我相信在過去的幾個(gè)世紀(jì)里它有很多不同的表現(xiàn)形式,它蘊(yùn)含在美食难菌、音樂试溯、建筑、服裝郊酒、哲學(xué)和其他一切事物中遇绞。
我們忘記了人類思維的變化是非常緩慢的,你對(duì)人類行為的認(rèn)知在至少50年左右的時(shí)間里是不會(huì)過時(shí)的燎窘。為了便于設(shè)計(jì)摹闽,我們需要遵循一些原則,這些原則將提醒我們?nèi)绾卧O(shè)計(jì)優(yōu)秀的產(chǎn)品褐健。我們每個(gè)月至少回顧一次這些原則付鹿,直到我們完全吸收這些良好的設(shè)計(jì)規(guī)則。
人類大腦的認(rèn)知水平不會(huì)每年一變铝量,因此倘屹,研究人類行為的結(jié)論會(huì)有很長的保質(zhì)期。20年前對(duì)用戶來說很困難的事慢叨,今天依然很難—?J. Nielsen
重溫:不要讓我思考
早在2000年互聯(lián)網(wǎng)泡沫之后纽匙,史蒂夫克魯格就提出了一些有用的原則,而這些原則如今仍然非常有價(jià)值拍谐。 即使在他的修訂版本中烛缔,這點(diǎn)也沒有任何改變。你會(huì)告訴我說轩拨,外觀更現(xiàn)代化了践瓷,網(wǎng)站更有組織和好用(只是flash動(dòng)畫變少了)。 但我的意思是人類行為沒有任何變化亡蓉。 我們總是希望“不要讓我想”的原則適用于我們互動(dòng)的任何類型的產(chǎn)品(無論是微波爐晕翠,電視,智能手機(jī)還是汽車)砍濒。
1. 我們通常不會(huì)仔細(xì)閱讀淋肾,而只是掃視
原因是——我們都是帶著目的來的,所以只會(huì)去尋找那些令我們感興趣的東西爸邢。例如樊卓,我很少記得自己瀏覽的產(chǎn)品網(wǎng)站首頁上的所有文字。為什么杠河?因?yàn)榇蠖鄶?shù)用戶都在努力的完成某些工作碌尔,并且很快就完成了浇辜。我們沒有更多的時(shí)間去仔細(xì)閱讀更多內(nèi)容。但是我們還是寫了很多文字唾戚,我們以為用戶需要知道這些柳洋,或者正如一些設(shè)計(jì)師所說:“它提升了體驗(yàn)”讥邻。
使用大量標(biāo)題——它們會(huì)快速讓用戶知道這個(gè)部分的內(nèi)容是否與他相關(guān)庭惜。無論哪種方式,它們都可以幫助用戶快速尋找或者離開網(wǎng)站赃磨。
保持段落簡短——長段落很容易讓用戶迷失自己的位置立由,而且也比短段落更難瀏覽。段落中其實(shí)是可以找到一個(gè)合理的地方把它分成兩段的序厉。
使用項(xiàng)目列表符號(hào)——幾乎任何東西都可以是一個(gè)清單锐膜。你有用逗號(hào)去分隔許多東西的句子嗎?肯定不如一份清單清晰弛房。此外道盏,不要忘記在項(xiàng)目列表之間留出空間,以便讓閱讀的體驗(yàn)變得更佳文捶。Medium就是一個(gè)很好的例子荷逞。
高亮關(guān)鍵字——?關(guān)鍵字和短語是大部分用戶掃視頁面所有尋找的。以粗體格式顯示最重要的一個(gè)粹排,讓重要信息更容易找到种远。但是,也不要強(qiáng)調(diào)太多東西顽耳,那樣的話坠敷,強(qiáng)調(diào)就變得沒有作用了。
2. 創(chuàng)建有效的視覺層級(jí)
另一個(gè)有助于用戶掃視頁面的重要方面是創(chuàng)建適當(dāng)?shù)囊曈X層級(jí)射富。我們必須清楚的表明頁面上各個(gè)元素之間的關(guān)系膝迎。所以有幾個(gè)原則需要去注意:
事情越重要,它就越突出胰耗。最重要的東西要么更大限次,要么顏色更大膽等等。
柴灯。例如卖漫,通過相同的視覺樣式或者在相同的標(biāo)題下對(duì)它們進(jìn)行分組。
3. 不要重新發(fā)明輪子
我們相信人們想要更多更新的東西弛槐。但是我們忘記了市面上有太多的應(yīng)用懊亡,而每一個(gè)都在耗費(fèi)我們的時(shí)間。如果它們每一個(gè)都完全不同乎串,那我們就需要去學(xué)習(xí)使用它們中的每一個(gè)店枣∷倬“哦,老天鸯两,又一個(gè)新應(yīng)用需要學(xué)習(xí)闷旧,心態(tài)簡直要崩掉!>啤忙灼!”
在我說這句話之前,有一點(diǎn)很重要:
作為設(shè)計(jì)師钝侠,當(dāng)我們被要求設(shè)計(jì)一些新的東西時(shí)该园,我們會(huì)受到一種嘗試和重新發(fā)明輪子的誘惑。因?yàn)橄衿渌艘粯幼鍪驴傆X得好像沒做什么帅韧。我們被雇來做一些不同的事情里初。更不用說,這個(gè)行業(yè)很少會(huì)因?yàn)樵O(shè)計(jì)出“最充分利用慣例”的東西而獲得獎(jiǎng)勵(lì)和贊揚(yáng)忽舟。
在重新發(fā)明輪子之前双妨,你必須了解你想要打破和創(chuàng)新的東西的價(jià)值(時(shí)間、成本叮阅、知識(shí))刁品。
4. 產(chǎn)品說明必須消亡
我們的工作是把事情變得清晰明了。如果“顯而易見”不是一個(gè)選擇浩姥,那么至少也要不言自明挑随。關(guān)于產(chǎn)品說明,你最需要知道的一點(diǎn)是沒有人會(huì)去讀它們及刻。我們應(yīng)該以刪除說明為目標(biāo)镀裤,使一切都不言自明。如果在一些情況下缴饭,實(shí)在是必須要暑劝,也應(yīng)該盡量減少(但是,真的沒有人會(huì)去讀它們)颗搂。
如果它不明顯担猛,那么我們應(yīng)該力求不言自明。
以宜家為例丢氢。如果讓一個(gè)普通人從宜家(IKEA)組裝一個(gè)衣櫥傅联,我相信他大多數(shù)時(shí)候都會(huì)把它組裝好。為什么?在大多數(shù)情況下疚察,如果我們心里有一幅清晰的畫面蒸走,它應(yīng)該如何裝配就是顯而易見的。但即使是在他們看說明的情況下貌嫡,也沒有文字比驻,只有圖片该溯。
5. 我們不關(guān)心產(chǎn)品如何運(yùn)作
對(duì)于大多數(shù)人來說,了解或理解產(chǎn)品的工作原理并不重要别惦。不是因?yàn)樗麄儾宦斆鞅奋裕且驗(yàn)樗麄儾辉诤酢K砸坏┧麄兇_定了你的產(chǎn)品使用方法掸掸,他們會(huì)很少會(huì)轉(zhuǎn)向別的同類產(chǎn)品氯庆。
讓我們以蘋果AirPods為例。我們都承認(rèn)扰付,它們是你在這個(gè)價(jià)位買到過的最糟糕的耳塞堤撵。但當(dāng)我看到人們?nèi)绾问褂盟鼤r(shí),我明白他們購買它的真正原因羽莺。它們不會(huì)讓你思考它到底是怎么工作的粒督,你甚至沒有注意到他們有新技術(shù)。
我觀察我的母親是如何與使用它的禽翼,她從來沒有問過我他們背后的技術(shù)是什么或者他們是如何工作的。她知道族跛,只要打開并靠近設(shè)備闰挡,它就會(huì)連接起來。它是那么簡單礁哄。
6. 大家都很忙长酗,沒空去尋找暗示
這一條規(guī)則我最喜歡。我們桐绒,身為設(shè)計(jì)師夺脾,最擅長給用戶添加一些微妙的效果和樂趣。對(duì)吧茉继?如果我告訴你你的用戶其實(shí)并不在乎呢?他們不愿意告訴你他們發(fā)現(xiàn)了多少咧叭,其實(shí)他們也沒空去發(fā)現(xiàn)。第一個(gè)?是的烁竭。第二個(gè)?好的菲茬。第三個(gè)?真的,我要看多少才夠呢?
為什么會(huì)這樣?生活是一個(gè)比應(yīng)用的樂趣和微妙的影響更加緊張和苛刻的環(huán)境派撕。例如婉弹,你是一個(gè)父親,你的孩子因?yàn)橄氤员苛芏臭[终吼,狗因?yàn)橛腥嗽谇伴T叫喚而狂吠镀赌,你試圖訂一張40分鐘后就該離開的火車票。在那個(gè)特定的時(shí)刻际跪,人們不會(huì)對(duì)你的微妙暗示給予關(guān)注商佛。另一方面喉钢,我們應(yīng)該利用好它們,而不是用戶在進(jìn)行主流程時(shí)被干擾威彰。
7. 焦點(diǎn)小組不是可用性測試
焦點(diǎn)小組是一群坐在桌子旁討論事情的人出牧。他們探討他們對(duì)產(chǎn)品的看法,過去的經(jīng)驗(yàn)以及他們對(duì)新概念的感覺和反應(yīng)歇盼。焦點(diǎn)小組可以很好地決定你的聽眾想要什么舔痕。
可用性測試是指每次觀察一個(gè)人試用某樣產(chǎn)品(通常是你做的產(chǎn)品)。在這種情況下豹缀,你要求他們執(zhí)行特定的操作伯复,以查看你的產(chǎn)品是不是要優(yōu)化一些問題。
8. 我們?cè)试S靠個(gè)人感覺來做
我們所有設(shè)計(jì)互聯(lián)網(wǎng)產(chǎn)品的人都有這樣的想法:“我也是一個(gè)用戶邢笙,所以我知道什么是好什么是壞啸如。”正因?yàn)槿绱说撸覀儾艜?huì)對(duì)自己喜歡的和不喜歡的東西有強(qiáng)烈的感覺叮雳。
我們喜歡用 ( ) 來使用產(chǎn)品,或者我們認(rèn)為 ( ) 是一大痛苦妇汗。當(dāng)我們?cè)谝粋€(gè)團(tuán)隊(duì)中工作時(shí)帘不,往往很難在門口體會(huì)這些感覺。結(jié)果就是一屋子的人都對(duì)設(shè)計(jì)一個(gè)偉大的產(chǎn)品有強(qiáng)烈的個(gè)人情感杨箭。我們傾向于認(rèn)為大多數(shù)用戶都和我們一樣寞焙。
(譯者注:關(guān)于這一點(diǎn),我覺得對(duì)于C端產(chǎn)品可能還比較可行互婿。但如果是B端產(chǎn)品捣郊,可能差別就很大了,因?yàn)槲覀兺焕斫猱a(chǎn)品的使用邏輯慈参,也不是直接使用者呛牲,很難做到感同身受。文章后面的留言中懂牧,也有不少朋友對(duì)關(guān)于這一點(diǎn)的疑惑侈净。而作者給出的解釋是,能夠快速驗(yàn)證自己的想法僧凤。仁者見仁吧~)
9. 你問了錯(cuò)誤的問題
如果你問這樣的問題:“人們喜歡下拉菜單嗎?”正確的問題是:“這個(gè)下拉菜單畜侦,在這個(gè)上下文中,在這個(gè)頁面上躯保,是否為那些可能使用這個(gè)網(wǎng)站的人創(chuàng)造了良好的體驗(yàn)?”
我們應(yīng)該撇開“人們喜歡它嗎?”這種問題旋膳,而應(yīng)該深入到設(shè)計(jì)的戰(zhàn)略背景中去思考。
原因是如果我們專注于人們喜歡的東西途事,我們就會(huì)失去本應(yīng)該專注的焦點(diǎn)验懊∩眯撸可用性測試將消除任何“喜歡”,并告訴你需要做什么义图。
10. 當(dāng)一個(gè)人使用你的產(chǎn)品時(shí)减俏,你忘記了她不應(yīng)該花時(shí)間思考......
我在哪里?
我應(yīng)該從哪里開始?
他們?cè)谀睦锓帕耸裁??
這個(gè)頁面最重點(diǎn)的內(nèi)容是什么?
為什么他們這樣稱呼它?
這是廣告還是網(wǎng)站本身的一部分?
問題的關(guān)鍵在于,當(dāng)我們使用產(chǎn)品時(shí)碱工,我們腦海中出現(xiàn)的每一個(gè)問題娃承,只會(huì)增加我們的認(rèn)知負(fù)擔(dān)。它分散了我們對(duì)“我為什么在這里”和“我需要做什么”的注意力怕篷。通常历筝,人們只想知道那個(gè)按鈕是否可以點(diǎn)擊,他們并不喜歡解謎廊谓。
每次你讓用戶點(diǎn)擊不起作用的東西梳猪,或者它看起來像一個(gè)按鈕/鏈接,實(shí)際上卻不是蒸痹,這樣也會(huì)增加一堆問題春弥。這種情況的發(fā)生是因?yàn)楫a(chǎn)品的創(chuàng)建者并不太是太在意自己的產(chǎn)品。
轉(zhuǎn)自:彩云譯設(shè)計(jì)
譯者:彩云Sky
原文:https://uxplanet.org/10-small-design-mistakes-we-still-make-1cd5f60bc708