《簡(jiǎn)約至上—交互式設(shè)計(jì)四策略》讀書筆記

《簡(jiǎn)約至上—交互式設(shè)計(jì)四策略》-20151031

簡(jiǎn)評(píng):

簡(jiǎn)約的四個(gè)策略是:刪除、組織、隱藏,轉(zhuǎn)移。
刪除不必要的,組織要展示的,隱藏非核心的,設(shè)計(jì)要轉(zhuǎn)移的。

A-刪除的目的就是聚焦,找到焦點(diǎn),刪除不必要的,達(dá)成主流用戶目標(biāo)的核心體驗(yàn)。
B-組織的精髓就是只聚焦一、兩個(gè)重要的功能,因?yàn)槎嗔司筒痪劢沽耍脩艟土鑱y了,而且重點(diǎn)不突出。體現(xiàn)在:內(nèi)容組織、布局組織、分層。
C-隱藏的目的就是減少不重要功能對(duì)主流用戶的干擾。隱藏的關(guān)鍵就是:隱藏不常用但不能少的功能、不對(duì)主流用戶而是對(duì)專家永華提供自定義功能、不關(guān)注時(shí)看不到,需要時(shí)可快速找到。
D-不同平臺(tái)、不同設(shè)備以及用戶和計(jì)算機(jī)之間功能的協(xié)作規(guī)劃, 把正確的功能放到正確的平臺(tái)或系統(tǒng)組件中 。

————讀書筆記————

首先講刪除,刪除的目的就是聚焦,找到焦點(diǎn),刪除不必要的,那么什么是焦點(diǎn)呢?達(dá)成主流用戶目標(biāo)的核心體驗(yàn)。這里包括了兩個(gè)要素:一個(gè)是用戶,我們做產(chǎn)品要區(qū)分目標(biāo)客戶,關(guān)注主流用戶,而不是專家用戶;另一個(gè)是高優(yōu)先級(jí)的、高需求的目標(biāo)功能,這是核心,因此繁瑣的流程不是核心、不必要的功能不是核心、殘缺不全的不理想功能不是核心,更不要說視覺上的干擾更不是核心了。

該刪除的干擾用戶的減速帶總結(jié)如下:

減少選擇項(xiàng),降低用戶的決策負(fù)擔(dān)
l 選擇合適的默認(rèn)值
l 刪除不必要的選項(xiàng)
l 簡(jiǎn)化選項(xiàng)設(shè)計(jì),消除會(huì)產(chǎn)生錯(cuò)誤的設(shè)計(jì)

刪減文字
l 刪除引見性文字,開門見山
l 刪除不必要的說明,突出主要內(nèi)容
l 刪除繁瑣的解釋:描述要精簡(jiǎn),減少冗余的描述說明
l 使用描述性鏈接,如標(biāo)題本身作為鏈接比在標(biāo)題下添加描述性文字鏈接要清爽。
l 精簡(jiǎn)句子:文字需要簡(jiǎn)潔、清晰、有說服力

精簡(jiǎn)界面設(shè)計(jì)
l 簡(jiǎn)化布局,分清主次
l 去掉重復(fù)的鏈接
l 精簡(jiǎn)按鈕和鏈接的樣式,讓人容易區(qū)分哪些能點(diǎn)哪些不能點(diǎn)
l 減少廣告位和廣告數(shù)量,避免干擾用戶

減少視覺混亂
l 使用空白或輕微的背景色來劃分頁面,而不要使用線條,因?yàn)榫€條在前景上,相對(duì)背景來說,前景會(huì)更多的吸引人的注意力
l 盡可能少使用強(qiáng)調(diào),不必又加粗、又放大、又變色
l 別使用粗黑線,勻稱、淺色的線更好
l 控制信息的層次:如果頁面中的信息層次超過了2-3個(gè)層次,就會(huì)導(dǎo)致用戶迷惑。比如說,少用大字體、數(shù)字或粗字體,總共不超過3個(gè)層次:標(biāo)題、子標(biāo)題和正文
l 減少元素大小的變化
l 減少元素開頭的變化

這些都可以作為日常設(shè)計(jì)中的參考。可是刪除也不是什么都刪,刪到讓用戶無所適從,那就太過了,還有一些不可避免的條款之類的,是不能亂刪的。

然后是組織,我們?cè)谝婚_始設(shè)計(jì)界面的時(shí)候,其實(shí)常常會(huì)碰到這個(gè)問題,應(yīng)該如何組織布局、元素。精髓就是只聚焦一、兩個(gè)重要的功能,因?yàn)槎嗔司筒痪劢沽耍脩艟土鑱y了,而且重點(diǎn)不突出。總結(jié)如下幾個(gè)點(diǎn):

內(nèi)容組織
l 分塊:盡可能簡(jiǎn)單。把項(xiàng)組織到7加減1個(gè)塊中,這是大腦瞬間能夠記住的最大數(shù)目
l 分類:界限需要是非分明,使重復(fù)交叉最少
ü 按用戶分類,根據(jù)用戶的行為進(jìn)行組織
ü 按照時(shí)間來組織活動(dòng)
ü 對(duì)一些實(shí)體對(duì)象,用戶對(duì)于排列方式不會(huì)陌生的情況,可按照空間分類進(jìn)行組織
l 期望路徑:不要被自己規(guī)劃圖中清晰的線條和整潔的布局所迷惑;不斷重復(fù)使用軟件的流程,看看哪個(gè)地方總是抓住你的眼球。簡(jiǎn)單的組織,意味著在使用軟件時(shí)會(huì)對(duì)什么感覺不錯(cuò),而不是在規(guī)劃中看到了什么邏輯。

布局組織
l 利用不可見的網(wǎng)格來對(duì)齊界面元素,是吸引用戶注意力的有效方式,而不需要明亮的顏色或者動(dòng)態(tài)圖片。
l 在不必要的情況下添加顏色來區(qū)分標(biāo)記會(huì)導(dǎo)致困惑
l 重要的元素要大,不重要的應(yīng)該小
l 相似的元素放在一起
l 重要的鏈接與內(nèi)容一起放在中間位置
l 應(yīng)用的導(dǎo)航按鈕放在底部,觸摸時(shí)不會(huì)遮擋住屏幕

分層:利用感知分層,將一些元素放在另一些上方或并排起來——地鐵線路圖
l 借助于顏色,或灰色陰影、大小縮放、形狀變化來實(shí)現(xiàn)
l 盡可能使用較少的層,層越多越復(fù)雜
l 將某些基本元素放在常規(guī)背景層,因?yàn)橐粋€(gè)元素很難放在兩層
l 兩層之間的差別最大化,選擇顏色時(shí)不要忘記色弱的用戶
l 相對(duì)重要的類別使用明亮、高飽和度的顏色來突出
l 同等重要的元素使用相同的亮度和大小,只是色調(diào)有所區(qū)別

第三個(gè)策略是隱藏,我們經(jīng)常在高級(jí)功能、擴(kuò)展功能的操作上會(huì)碰到這一策略的實(shí)施,雖然作者不推薦“高級(jí)”這個(gè)說法,實(shí)際上隱藏的目的就是減少不重要功能對(duì)主流用戶的干擾。隱藏的關(guān)鍵就是:隱藏什么、如何隱藏、如果提示線索。

隱藏哪些功能
不常用但不能少的功能。與用戶的目標(biāo)沒有直接關(guān)系,主流用戶很少使用,但缺少又會(huì)無法滿足用戶的個(gè)性化需求,比如“設(shè)置”功能。具體如下
l 事關(guān)細(xì)節(jié)
l 選項(xiàng)和偏好
l 特定于地區(qū)的信息

實(shí)現(xiàn)隱藏的方式
l 不要對(duì)主流用戶使用自定義的功能,但是可以為專家提供這個(gè)選項(xiàng)
ü 用戶不會(huì)花時(shí)間去做這件事情,除非它很簡(jiǎn)單,或者是功能本身就是一個(gè)定制化的產(chǎn)品
ü 自動(dòng)定制:想要根據(jù)用戶的習(xí)慣來自動(dòng)定制,隱藏一部分功能,企圖改善用戶的操作,實(shí)際上如果算法不好,目的很難達(dá)到,只會(huì)讓用戶的操作更加復(fù)雜
l 漸進(jìn)展示:核心功能+擴(kuò)展功能結(jié)合的模式,對(duì)于主流用戶顯示核心功能,對(duì)于專家用戶通過提示顯示擴(kuò)展功能的操作
l 階段展示:隨著用戶逐步深入界面再展示相應(yīng)的功能

隱藏與線索:
l 徹底的隱藏所有需要隱藏的功能,只在合適的時(shí)機(jī)、合適的位置上提示/顯示相應(yīng)的功能
l 將標(biāo)簽放在用戶的關(guān)注點(diǎn)上,標(biāo)簽的位置比大小更重要
也就是說,隱藏就是讓用戶不關(guān)注的時(shí)候看不到,需要的時(shí)候能很快找到。

最后講轉(zhuǎn)移,這就涉及到不同平臺(tái)、不同設(shè)備以及用戶和計(jì)算機(jī)之間功能的協(xié)作規(guī)劃, 把正確的功能放到正確的平臺(tái)或系統(tǒng)組件中 。不同平臺(tái)有不同的特點(diǎn):

移動(dòng)平臺(tái)與桌面平臺(tái)
ü 移動(dòng)平臺(tái)適合記錄用戶的所聞所見和路線
ü 桌面平臺(tái)適合大量文字操作

用戶與計(jì)算機(jī):
ü PC擅長(zhǎng)精確的保存與計(jì)算
ü 用戶擅長(zhǎng)控制、制定目標(biāo)和計(jì)劃

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容