可用性設計,選你所愛,愛你所選

前言

訪客至上。

可用性設計,選你所愛,愛你所選。

你們不知道的,我沒法告訴你們,但我可以澄清一些事實。

最近在讀的這本書適合從事Web設計和Web開發的技術人員閱讀,特別適合爲如何留住訪問者苦惱的網站/網頁設計人員閱讀。

可用性設計是Web設計中最重要也是難度最大的一項任務。該書作者根據多年從業的經驗,剖析用戶的心理,在用戶使用模式、爲掃描進行設計、導航設計、主頁佈局、可用性測試等方面提出了許多獨特的觀點,並給出了大量簡單、易行的可用性設計的建議。本書短小精練,語言輕鬆詼諧,書中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及包含大量信息的圖表,使枯燥的設計原理變得平易近人。

不管網絡會發生什麼樣的變化——不管是Web習慣用法、操作系統、帶寬,或者計算機的處理能力也好,Steve(本書作者)在這裏與你分享的原則都不會改變。因此,找一把椅子,坐下來,慢慢享受。

推薦讀書筆記:豆瓣讀書

概述

個人讀書過程中,勾畫的思維導圖,作以分享。


Web式應用

1.Krug可用性第一定律:別讓我思考。

如果你不能做到讓一個頁面不言而喻,那麼至少應該讓它自我解釋。

關於網絡使用情況的是三個事實:

We don’t read pages, we scan them.滿意策略:

我們不做最佳選擇,而是滿意即可。

我們不是追根究底,而是勉強應付。

我的推薦:在你清楚自己有一個更好的想法時進行創新,如果沒有,那麼請儘量利用習慣用法。

別誤會:我沒有任何打擊創新的意思。對於原創的、有新意的Web設計,我再欣賞不過了。

簡潔勝過一致。

Krug可用性第二定律:點擊多少次都沒關係,只要每次點擊都是無需思考、明確無誤的選擇。

省略多餘的文字,不要在Web上寫作的藝術。

Krug第三定律:去掉每個頁面上一般的文字,然後把剩下的文字再去掉一半。

好處:降低頁面的噪聲;讓更加有用的內容更加突出;讓頁面更簡短,讓用戶在每個頁面上一眼就能看見更多的內容,而不必滾動屏幕。

 

2.設計導航

事實:如果在網站上找不到方向,人們不會使用你的網站。

網絡導航101法則

無法承受的瀏覽之輕 

僅僅讓導航部分在每一頁以一致的外觀出現在同樣的位置,會讓你立即確認自己仍然待在這個網站上——這比想象中更加重要。而且,讓它在整個網站保持一致意味着你只需要瞭解它一次。

麪包屑設計中的幾項最佳實踐:

把它們放在最頂層。麪包屑在它們出現在頁面頂端,高於所有內容時最有效,我想很可能是因爲這讓它們看起來放在頁面邊緣——就像一個補充機制,如書本和雜誌上的頁碼一樣。

使用“>”對層級進行間隔。各種嘗試似乎已經確認,最好的分隔符就是大於號(>),可能是因爲“>”在視覺上就暗示了沿着層級向前移動的動作。

加粗最後一個元素。層級清單中的最後一個元素應該是當前頁面的名稱,讓它變粗正好得到了應有的突出。而且因爲這就是你所在的頁面,因此不用添加鏈接。

Web設計中的大爆炸理論:讓人們順利開始的重要性

已經沒有人從主頁開始對網站的進行訪問了,那都是2004年的事了。

沒有什麼比得上一個好口號。一個好的口號應該有個性、生動、有時候還很俏皮。俏皮很好,但它應該有助於傳達(而不是混淆)好處。

 

3.爭論

一個喜歡犁田,另一個喜歡放牛,但他們沒有理由不能成爲朋友。——音樂劇《奧克拉荷馬》

信仰爭論的解藥——測試。

爲什麼我們沒有早一點這麼做?——在網站的第一次可用性測試過程中,每個人都會這麼說。

關於測試的幾個事實:

如果想建立一個優秀的網站,一定要測試;

測試一個用戶比不做測試好一倍;

在項目中,早點測試一位用戶好過最後測試50位用戶。

最嚴重的問題最先修復。

可用性問題修復方法(推薦版):

收集一份問題列表;

選擇10個最爲嚴重的問題;

問題評級;

建立一份排序列表。

建議:

對那些“夠得着的果子”,建立另一份清單;

抵制添加的衝動;

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

忽略“Kayak(皮划艇)”問題,就當作是一種樂趣。

 

移動的加入

1.移動app

管理屏幕空間的挑戰不應該以犧牲可用性爲代價。

不要把你的提示藏在後面。

提示是可視化用戶界面上的基本元素。例如,一些按鈕的三維樣式使得它們很明顯可以點擊。作爲信息的“氣味”,鏈接也是一樣,可視化的暗示越明顯,給出的信號就越準確無誤。

扁平化設計:朋友還是敵人。

你可以儘可能地進行扁平化設計(也許你不得不,可能這個要求會強加於你),但是請確定你還在使用所有餘下的線索來補償所失去的那些。

關於可用性定義最爲核心的三個方面:

讓一個有着平均能力和經驗的人(甚至稍低於平均水平)能弄明白如何使用它(這說明它是可學習的)去完成某個任務(有效的),爲而會遇到不必要的麻煩(高效的)。

移動應用需要可學習。

移動的後勤工作(建議):

使用指向屏幕的攝像頭而不是鏡像技術,以便觀測到參與者的手勢和觸點;

把攝像頭連接到移動設備上,讓用戶能自然地拿着它;

不要使用攝像頭指向測試參與者。

不管以哪種形式,看樣子我們未來都會生活在移動的世界裏,它也提供了數不清的機會讓我們創造出卓越的用戶體驗和可以使用的東西。新的技術和新的形式會層出不窮,它們中的一些可能會包括一些截然不同的交互方式。

只是,在這場大洗牌中不要把可用性弄丟了。而且,別忘了,最好的方式就是進行測試。

 

2.基本禮貌

可用性是基本禮貌,爲什麼你的網站應該讓人尊敬。

好感存儲器,見名知意。

特性:

它因個人特質的不同而不同;

它依情況而定;

你可以重新填滿它;

有時候一個簡單的錯誤就能把它清空。

降低:

隱藏我要的信息;

因爲沒有按照你們的方式行事而懲罰我;

向我詢問不必要的信息;

敷衍我,欺騙我;

給我設置障礙;

你的網站看上去不專業。

提高:

知道人們在你網站上想做什麼,並讓他們明白簡易;

告訴我我想知道的;

儘量減少步驟;

花點心思;

知道我可能有哪些疑問,並且給與解答;

爲我提供協助,例如打印友好界面;

容易從錯誤中恢復;

如有不確定,記得道歉。

 

3.可訪問性

可用性的一部分。

開發人員和設計師們 

所聽到的:

x%的人口屬於殘障人士;

可訪問性更強會對所有人都有好處;

支持可訪問性纔是正確的做法。

所害怕的:

更大的工作量;

設計折中;

真相就是,它可能確實會很複雜。

現在能正確實施的四件事:

改正所有人感到混淆的可用性問題;

讀一篇文章;

看一本書;

去摘夠得着的果子。

 

4.指點迷津

讓可用性在你身邊成爲現實。

首先要清楚你的領地;

通常的建議:

演示ROI(投資回報率);

用他們的語言說話;

如果我是你:

讓你的老闆(以及他的老闆)來觀看可用性測試;

在你的個人時間進行一次測試;

對競爭對手進行測試;

理解管理層;

弄清楚自己在整個公司大局中的位置。

思考

可用性,並不能準確的說是哪一門技術,而其更多的是一種思想,一種人性的思維方式形成的佈局,無論是web還是移動app,都是適用的。

還記得自己先前幾個月的某一天衝動的給京東商城發了一封郵件(就是關於商城的可用性的),儘管時至今日,我依然沒有見到任何的改變,但確實很適用。

還記得Stave留給我們的指點迷津嗎?的確需要認真想一想了,我指的是每一句話。這也是我一直在思考的,或許今日我們能夠做的僅僅如此,但亦無悔。我懂得了更多!謝謝您,Steve!

我們需要的不是努力,而是保持努力。

如果想保持一個地方長期乾淨整潔,你覺得最好的方法是什麼?是好好打掃一次呢?還是去時刻用心去保持?我想可能各位心裏已經有了答案了吧。那我再問一個問題:到底是每天清掃好幾次的馬路上更乾淨呢?還是一天打掃一次的臥室乾淨呢?再看看第一個問題,看看你答對了嗎?

要使得一個地方長期保持整潔,最好的辦法其實是維護而不是打掃。打掃是很重要,如果不注意保持,一天掃好幾遍還是髒亂差。我們回家都知道換上拖鞋,垃圾知道扔在垃圾桶裏,所以即使幾天不打掃也不會像馬路邊上那樣塵土飛揚。

與此同理,努力也是這樣的道理。許久不努力,突然有一天心血來潮努力幾天,然後看不到效果就覺得想放棄,這樣只會一無所獲。這和打掃衛生其實是一樣的。之前許久沒有打掃乾淨,然後心血來潮掃了幾下,發現沒有掃乾淨,就覺得灰心喪氣最後放棄了,或者乾淨了幾天,由於沒能好好保持,最後還是會回到以前的狀態。

努力誰都會,不就是頭懸梁錐刺股嗎?不就是聞雞起舞囊螢映雪嗎?如果我們大部分人想做,我想堅持個一兩天沒有問題吧?可是你能堅持一個月嗎?你能堅持一年嗎?你能堅持十年嗎?只要你堅持一個月,你的工作就會有明顯的改變;只要你堅持一年,你的生活就會開始改變,只要你堅持十年可能你的人生都會不一樣了。三分鐘熱度我們都可以,可是成功要的是十年如一日。

其實成功沒有那麼難,只要水滴石穿的努力,就會看到結果;其實成功又非常難,只有三分鐘的熱度,是無法燒開一壺水的。關鍵看你是選擇保持努力還是選擇放棄。再高的山,一步一步總會登頂;只有幾層的階梯,也需要邁開雙腿去翻越。

逆境在所難免,因爲只有逆境纔是試金石,逆境纔是考驗你是否能堅持下去的標杆。只要我們能執着於保持自己的努力,保持認真付出,改變遲早有一天會到來的。

所以,我們更多需要的不只是努力,而是保持努力……

 

讀 書 要 思 考

2016.05.25

 

乾貨分享:

產品設計可用性八大原則

用戶反饋,最簡單也最困難!

交互設計新人在阿里的實習總結

用戶體驗設計上的6個關鍵見解

什麼樣的體驗是好的用戶體驗?

當用戶操作錯誤時,如何在不影響用戶體驗的情況下快速處理好


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章