設(shè)計(jì)師讀書筆記系列之《DON’T MAKE ME THINK

      作者:
      2016-04-28
      1751

      《Don’t Make Me Think》作為設(shè)計(jì)師的必備讀物,如果你還沒看過,不妨看一下這篇總結(jié)筆記。這本書有13章,我選取了9個(gè)比較重要的點(diǎn)來記錄,附上國內(nèi)的相關(guān)案例,方便大家學(xué)習(xí)理解。

      作者是Steve krug,他是一名可用性咨詢師。他平時(shí)的工作內(nèi)容和流程可以供大家了解和參考:

      • 客戶發(fā)來新產(chǎn)品的網(wǎng)站地址或者設(shè)計(jì)原型

      • 他進(jìn)行試用,向用戶一樣執(zhí)行任務(wù),然后把問題記錄下來

      • 他安排客戶會議,描述這些問題,幫助用戶決定哪些是最急于修復(fù)的,并確定最佳修復(fù)方案

      • 客戶支付報(bào)酬

      作者對可用性的定義:

      • 有用:能否幫助人們完成一些必須的事務(wù)?

      • 可學(xué)習(xí):人們能否快速明白如何使用它?

      • 可記憶:人們每次使用的時(shí)候,是否都需要重新學(xué)習(xí)?

      • 有效:它們能完成任務(wù)嗎?

      • 高效:它們是否只需要花費(fèi)適當(dāng)?shù)臅r(shí)間和努力就能完成任務(wù)?

      • 合乎期望:是人們想要的嗎?

      • 令人愉悅:人們使用它的時(shí)候覺得有意思甚至好玩嗎?

      接下來就是文章里的一些重點(diǎn)了。

      一、可用性第一定律 – 別讓我思考

      讓用戶第一眼看到你的網(wǎng)站就能明白,一目了然,不用思考。

      假如用戶需要思考,哪怕很短暫,也要消除這些問號。

      二、關(guān)于用戶是如何使用Web 的三個(gè)事實(shí)

      我們并不是閱讀,而是掃描

      我們總是任務(wù)在身,,我們知道自己不必閱讀所有內(nèi)容,我們善于掃描。

      我們不會執(zhí)著于最佳選擇,而是滿意即可

      用戶總是處于忙碌之中,如果猜錯(cuò)了也不會產(chǎn)生什么嚴(yán)重后果,花費(fèi)精力做最佳選擇也并沒有太大改善,猜測更有趣。

      用戶不是追根究底,而是勉強(qiáng)應(yīng)付

      這對用戶來說并不重要,用戶不會花費(fèi)太多精力試用新產(chǎn)品,如果發(fā)現(xiàn)這個(gè)東西能用,用戶就會一直用下去

      三、做設(shè)計(jì)時(shí)需要注意的重要方面

      盡量利用習(xí)慣用法

      如果你準(zhǔn)備創(chuàng)新,最好暫時(shí)保留人們的習(xí)慣性用法,再慢慢替換。

      QQ的抽屜欄更多的是要適應(yīng)大屏?xí)r代的手勢操作,即抽屜欄向右滑出,但也保留了人們點(diǎn)擊右上角頭像的習(xí)慣性做法

      1zw20160427

      建立有效的視覺層次;

      把頁面劃分成明確定義的區(qū)域;

      明顯標(biāo)識可以點(diǎn)擊的地方;

      最小化干擾;

      為內(nèi)容創(chuàng)建清楚的格式,以便掃描;

      四、網(wǎng)頁或APP中的提示/指示該怎么做?

      簡短:只需要提供最少的信息來幫助用戶
      及時(shí):放在用戶正好需要它的地方
      不會錯(cuò)過:設(shè)置合適的格式,保證我一定會注意到它。

      有的提示一閃而過,比如保存成功、修改成功、支付成功等等;有的提示卻需要用戶手動關(guān)閉,例如下圖的兩個(gè)例子,天貓為了讓用戶感知到經(jīng)驗(yàn)值發(fā)放成功,在消息位置給出了提示,即使你打開新的天貓頁面,這個(gè)提示依舊存在,直到你注意到并關(guān)閉它;還有微信公眾平臺的編輯器,如果未輸入標(biāo)題便進(jìn)行發(fā)布,提示也會一直存在標(biāo)題上方。因此在做設(shè)計(jì)時(shí),提示的位置、出現(xiàn)的時(shí)間、是需要用戶重視還是忽略,都需要我們認(rèn)真考慮。

      stxz20160427

      五、省略多余的文字

      消滅歡迎詞,消滅冗長的引導(dǎo)、指示文字。

      如下圖的閃屏頁面,都做得非常簡潔,一個(gè)logo或者一張極具產(chǎn)品思想的圖片即可讓人記住

      4zw20160427

      很多APP喜歡把引導(dǎo)頁做的很精美,一般用來告訴用戶新的功能,但你有沒有 發(fā)現(xiàn),微信從未做過任何引導(dǎo)頁面,因?yàn)槲⑿胖来蟛糠钟脩舳紩苯雍雎浴?聪聢D的引導(dǎo)頁,你真的會閱讀這些引導(dǎo)文字嗎?

      7zw20160427

      當(dāng)然,如果你能把引導(dǎo)頁面做的很有趣,例如用動畫,或者演示來吸引用戶,會讓用戶對產(chǎn)品好感滿滿。如果沒那個(gè)自信,還是不要了。

      六、如何設(shè)計(jì)導(dǎo)航

      用戶來到網(wǎng)站通常會做兩件事:瀏覽或者搜索,盡管你的網(wǎng)站側(cè)重不同,但最好同時(shí)提供給用戶。

      如下圖:騰訊新聞用戶雖然多以瀏覽為主,但也在抽屜欄里提供了搜索入口。用戶的搜索的需求頻率雖然低,但卻并不是多此一舉,試想當(dāng)你看過某個(gè)新聞時(shí)想分享給朋友看的時(shí)候,卻發(fā)現(xiàn)早就被淹沒難以尋找,這個(gè)時(shí)候如果沒有搜索入口解決用戶燃眉之急,用戶對APP的評價(jià)將會大打折扣。

      百度當(dāng)然主打:百度一下。但用戶也時(shí)常不知道搜索些什么,這時(shí)候?yàn)g覽頁面上的時(shí)事熱點(diǎn)也是非常好的選擇。

      2zw20160427

      始終都能讓用戶返回主頁

      如下圖:在小米商城,無論你在哪個(gè)頁面瀏覽,鼠標(biāo)hover上左上角的小米logo,logo就會變?yōu)橹黜搃con,指引你回家。

      6zw20160427

      每個(gè)頁面都需要一個(gè)名稱,這個(gè)名稱需要出現(xiàn)在合適的位置,并且和鏈接一致

      對于大型網(wǎng)站來說,面包屑指示非常重要,注意將它們的放在頂層,用 >號做間隔,并加粗最后一個(gè)元素。

      如下圖:淘寶里的面包屑指示想必大家最為熟悉,他們便捷不言而喻。

      3zw20160427

      附上面包屑導(dǎo)航小故事來幫助大家記憶:很久很久以前,在大森林的邊上住著一個(gè)貧窮的樵夫,他與妻子和兩個(gè)孩子相依為命。他的兒子名叫漢塞爾,女兒名叫格萊特。后來樵夫的妻子去世了,他又給孩子們?nèi)⒘艘粋€(gè)后母。后母計(jì)劃把兩個(gè)孩子帶到森林的深處,然后趁他們睡著的時(shí)候跑掉。漢賽爾無意中知道了后母的計(jì)劃,于是偷偷地把一塊面包藏在了口袋里。在去森林的路上,漢賽爾悄悄地捏碎了他的面包,并不時(shí)地停下腳步,把碎面包屑撒在路上。后母順利地趁孩子們睡著的時(shí)候溜掉了,漢賽爾和格萊特醒來已是一片漆黑。漢賽爾安慰他的妹妹說:“等太陽一出來,我們就看得見我撒在地上的面包屑了,它一定會指給我們回家的路。”這是一個(gè)悲慘的故事,我并沒有講完。只希望童話里的兄妹兩個(gè)順利回家了。

      七、如何設(shè)計(jì)網(wǎng)站的主頁

      傳達(dá)整體形象, 當(dāng)用戶進(jìn)入一個(gè)新的網(wǎng)站,主頁一定要能回答以下四個(gè)問題:

      • 這是什么網(wǎng)站?

      • 網(wǎng)站上有些什么?

      • 我能在這里做什么?

      • 為什么我要在這個(gè)網(wǎng)站,而不是別的?

      八、不要做那些浪費(fèi)時(shí)間的爭論了,聽聽用戶的想想法吧

      市場、產(chǎn)品、開發(fā)、設(shè)計(jì)由于專業(yè)不同而觀點(diǎn)不同,反復(fù)的爭辯既浪費(fèi)時(shí)間又消耗團(tuán)隊(duì)經(jīng)歷

      九、如何做可用性測試

      • 每個(gè)開發(fā)團(tuán)隊(duì)?wèi)?yīng)該每個(gè)月安排一個(gè)上午進(jìn)行一次可用性測試

      • 作者認(rèn)為每輪測試3個(gè)用戶即可,選取接近你目標(biāo)用戶的新手用戶。

      • 鼓勵(lì)利益相關(guān)者-團(tuán)隊(duì)成員、市場、產(chǎn)品、開發(fā)人員等觀看測試。

      測試流程:

      • 簡單介紹測試如何進(jìn)行(約4分鐘)

      • 了解測試者,比如他們是不是計(jì)算機(jī)高手,有沒有玩過類似網(wǎng)站(約2分鐘)

      • 主頁觀光,觀察用戶在主頁看到了什么,如何操作(約3分鐘)

      • 任務(wù)測試,這是測試的核心部分,讓測試者執(zhí)行一些列任務(wù),并觀察他們遇到的問題(約35分鐘)

      • 和團(tuán)隊(duì)開展總結(jié)會,決定修復(fù)哪些問題

      • 收集一份問題列表

      • 選擇10個(gè)最嚴(yán)重的問題

      • 問題評級

      • 建立一份排序列表

      • 將小問題建立另一份清單(這些問題不需要評審就能完成)

      • 抑制添加的沖動,多用刪除法,少用加法

      • 不要太看重人們對新功能的要求

      • 忽略“kayak”問題,用戶出現(xiàn)暫時(shí)性錯(cuò)誤,但能很快自我恢復(fù),也稱皮劃艇問題,只要及時(shí)恢復(fù)正常,就是一種樂趣而已。

      九、可用性是基本禮貌

      降低用戶好感的幾種方式,請避免

      • 隱藏我想要的信息

      • 因?yàn)闆]有按照你們的方式操作而懲罰我

      • 向我詢問太多不必要的信息,比如私人信息

      • 敷衍我、欺騙我

      • 給我設(shè)置障礙

      • 你的網(wǎng)站看上去似乎不那么專業(yè),例如布局、顏色等

      提高好感的幾種方式,多使用

      • 知道人們想要在你的網(wǎng)站上做什么,并讓網(wǎng)站簡單易懂

      • 告訴我我想知道的

      • 盡量減少步驟

      • 知道我可能有哪些疑問,并給與解答

      • 為我提供協(xié)助,例如客服

      • 容易從錯(cuò)誤中恢復(fù)

      • 如有不確定,記得道歉

      這本書的讀書筆記到這里就結(jié)束了,當(dāng)然,筆記只能幫助我們快速回憶書里的內(nèi)容,還是建議大家去購買這本書詳細(xì)閱讀。

      寫在最后:在和產(chǎn)品經(jīng)理發(fā)生激烈交鋒的時(shí)候,理論知識是襯托你專業(yè)性的強(qiáng)大依據(jù),設(shè)計(jì)不單純是你能做到,更是你能說出為什么這么做,共勉。


      1
      5
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

      版權(quán)信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 亚洲AV无码一区二区三区人 | 日本一区二区三区高清| 色婷婷综合久久久久中文一区二区 | 无码日韩人妻av一区免费| 狠狠做深爱婷婷综合一区| 国产精品伦子一区二区三区 | 国产午夜福利精品一区二区三区| 国产精品一区二区三区99 | 日本高清一区二区三区| 一区在线观看视频| 亚洲视频在线观看一区| 亚洲av色香蕉一区二区三区 | 色偷偷一区二区无码视频| 国模吧一区二区三区精品视频| 一区三区三区不卡| 无码国产精品一区二区免费vr| 一本一道波多野结衣AV一区| 免费一区二区无码视频在线播放| 国产主播一区二区| 日韩一区二区三区免费体验| 中文字幕一区二区三区在线播放| 日本免费一区二区三区四区五六区| 日韩精品电影一区| 午夜福利一区二区三区在线观看| 日本人的色道www免费一区| 看电影来5566一区.二区| 国产高清视频一区二区| 国产美女露脸口爆吞精一区二区| 国产精品无码不卡一区二区三区| 精品国产一区二区三区无码| 亚洲国产精品一区二区第四页| 国产精品亚洲午夜一区二区三区| 久久久人妻精品无码一区| 伊人色综合视频一区二区三区| 一区二区三区国产| 无码毛片一区二区三区视频免费播放 | 一区二区三区四区免费视频| 视频一区二区中文字幕| 中文精品一区二区三区四区| 国产精品一区二区久久不卡| 视频精品一区二区三区|