上篇內(nèi)容筆者介紹了「交互設(shè)計(jì)七大定律」的前五個(gè),上篇內(nèi)容為:《實(shí)例解析「交互設(shè)計(jì)七大定律」在設(shè)計(jì)中的應(yīng)用(上篇)》接下來(lái)筆者將剩下兩個(gè)定律為大家做個(gè)實(shí)例分析。
交互設(shè)計(jì)之父阿蘭·庫(kù)珀說(shuō)過(guò)這樣一句話:“除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)”;在交互設(shè)計(jì)領(lǐng)域中,有很多被時(shí)間和前人驗(yàn)證過(guò)的設(shè)計(jì)法則,這些法則是從用戶(hù)的行為邏輯中總結(jié)出來(lái)的,掌握這些法則能讓我們迅速有效的完成自己的設(shè)計(jì),接下來(lái),筆者通過(guò)一些實(shí)例來(lái)解析下這些原則在設(shè)計(jì)中的應(yīng)用~上篇內(nèi)容筆者介紹了「交互設(shè)計(jì)七大定律」的前五個(gè),上篇內(nèi)容為:《實(shí)例解析「交互設(shè)計(jì)七大定律」在設(shè)計(jì)中的應(yīng)用(上篇)》 接下來(lái)筆者將剩下兩個(gè)定律為大家做個(gè)實(shí)例分析。
六、復(fù)雜性守恒定律/泰思勒定律(Tesler’s Law )
1、復(fù)雜度守恒定律/泰思勒定律(Tesler’s Law )簡(jiǎn)介:
復(fù)雜度守恒定律(Law of conservation of complexity)由Larry Tesler于1984年提出,也稱(chēng)泰斯勒定律(Tesler's Law)。在Dan Saffer所著的《Designing for Interaction: Creating Smart Applications and Clever Devices》這本書(shū)中,有一段對(duì)Larry Tesler的采訪,在采訪中對(duì)復(fù)雜度守恒定律進(jìn)行了討論。從那以后,作為一個(gè)專(zhuān)業(yè)的參考依據(jù),復(fù)雜度守恒定律開(kāi)始在用戶(hù)體驗(yàn)和交互設(shè)計(jì)領(lǐng)域廣為人知。Larry Tesler的觀點(diǎn)在開(kāi)發(fā)人員中引發(fā)了一場(chǎng)爭(zhēng)論:應(yīng)該讓一位工程師花費(fèi)額外的一周時(shí)間去減少軟件程序的使用難度,還是應(yīng)該讓數(shù)以百萬(wàn)計(jì)的用戶(hù)花費(fèi)額外的一分鐘來(lái)克服這一困難,哪個(gè)觀點(diǎn)更有益于企業(yè)的成功。這一爭(zhēng)論本身也反映出復(fù)雜度守恒定律的普適性,而不僅限于軟件和應(yīng)用程序領(lǐng)域。
該定律認(rèn)為:每一個(gè)過(guò)程都有其固有的復(fù)雜性,存在一個(gè)臨界點(diǎn),超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了,你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。
2、復(fù)雜度守恒定律/泰思勒定律(Tesler’s Law )對(duì)于設(shè)計(jì)的價(jià)值:
每個(gè)應(yīng)用程序都具有其內(nèi)在的、無(wú)法簡(jiǎn)化的復(fù)雜度。無(wú)論在產(chǎn)品開(kāi)發(fā)環(huán)節(jié)還是在用戶(hù)與產(chǎn)品的交互環(huán)節(jié),這一固有的復(fù)雜度都無(wú)法依照我們的意愿去除,只能設(shè)法調(diào)整、平衡。這一觀點(diǎn)主要被應(yīng)用在交互設(shè)計(jì)領(lǐng)域。
案例一:比如遙控器的設(shè)計(jì)演變:使用過(guò)智能電視的同學(xué)都會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題,智能電視所配備遙控器界面按鈕比普通的電視遙控器按鈕少了很多,設(shè)計(jì)上也趨向簡(jiǎn)潔,使用上也更加好用,沒(méi)了那么強(qiáng)烈的選擇恐懼癥,決策的效率也提升了;按鈕的減少也就意味著遙控器所承載的功能減少了,也就是有遙控器的操作復(fù)雜度降低了;我們?cè)賮?lái)看電視機(jī)界面及操作的變化,普通電視機(jī)的界面通常很簡(jiǎn)單,你使用遙控器打開(kāi)電視時(shí),界面上展示的必定是一個(gè)頻道當(dāng)下的畫(huà)面,不會(huì)出現(xiàn)復(fù)雜的選擇頁(yè)面;而現(xiàn)在智能電視的界面就不同了,打開(kāi)之后界面展示相當(dāng)復(fù)雜,類(lèi)似現(xiàn)在使用的視頻類(lèi)APP,交互也相當(dāng)復(fù)雜,雖然,遙控器的功能減少了,但是電視機(jī)的界面和交互復(fù)雜度提升了;通過(guò)以上例子我們不難看出,復(fù)雜度的降低是一個(gè)相對(duì)的概念,不能過(guò)分的簡(jiǎn)化復(fù)雜度,只能通過(guò)技術(shù)或者其他手段轉(zhuǎn)移,來(lái)提升產(chǎn)品的用戶(hù)體驗(yàn)。
案例二:比如手機(jī)設(shè)計(jì)演變:在諾基亞手機(jī)稱(chēng)霸的那個(gè)年代,基本上所有的手機(jī)樣式都是一塊顯示屏幕加上底部的操作按鍵,屏幕負(fù)責(zé)顯示內(nèi)容,而底部的物理按鍵來(lái)實(shí)現(xiàn)各種操作,比如,打電話、發(fā)短信、上網(wǎng)、聊QQ、玩小游戲等等,就如下圖左一的經(jīng)典諾基亞手機(jī),我們能清楚的看到它的布局還是蠻復(fù)雜,尤其是密密麻麻的物理按鍵,屏幕也相對(duì)較小,閱讀體驗(yàn)現(xiàn)在看來(lái)還是蠻差;自從蘋(píng)果發(fā)布蘋(píng)果3GS全面屏只能手機(jī)之后,徹底改變了手機(jī)的設(shè)計(jì)風(fēng)格和操作體驗(yàn),也就是我們現(xiàn)在看到的安卓和蘋(píng)果的智能手機(jī)樣式,更大的屏幕、手勢(shì)操作、全新的界面讓人耳目一新;從手機(jī)的演變過(guò)程來(lái)看,智能手機(jī)簡(jiǎn)化了物理操作按鍵,通過(guò)技術(shù)手段降低了手機(jī)操作的復(fù)雜度,尤其是復(fù)雜的交互手勢(shì)操作,復(fù)雜度的降低是通過(guò)大量的技術(shù)和資金投入解決,這也體現(xiàn)了復(fù)雜守恒定律。
案例三:比如今日頭條的個(gè)性化信息推薦:今日頭條的首頁(yè)推薦內(nèi)容,都是根據(jù)個(gè)人的瀏覽愛(ài)好或者傾向進(jìn)行信息的推薦的,除了首頁(yè)置頂內(nèi)容外,其它內(nèi)容的推薦每個(gè)人都是不一樣的;對(duì)于用戶(hù)來(lái)講,這樣的私人定制信息體驗(yàn)很好,瀏覽的信息都是相關(guān)或者叫做用戶(hù)自己喜歡的內(nèi)容;對(duì)于用戶(hù)來(lái)講這是一件好事情,但是,對(duì)于產(chǎn)品的開(kāi)發(fā)和設(shè)計(jì)者來(lái)說(shuō),這是一個(gè)很難的事情,因?yàn)閷?shí)現(xiàn)這樣的效果或者體驗(yàn),需要很強(qiáng)的技術(shù)能力和大量服務(wù)器的支持,這種做法就是通過(guò)技術(shù)手段,將用戶(hù)復(fù)雜度降低,轉(zhuǎn)移到了開(kāi)發(fā)者本身,使得用戶(hù)的閱讀體驗(yàn)在同類(lèi)產(chǎn)品中做到獨(dú)樹(shù)一幟。
七、簡(jiǎn)單有效原理/奧卡姆剃刀原理(Occam's Razor )
1、奧卡姆剃刀原理(Occam's Razor )簡(jiǎn)介:
奧卡姆剃刀定律(Occam's Razor, Ockham's Razor)又稱(chēng)“奧康的剃刀”,它是由14世紀(jì)邏輯學(xué)家、圣方濟(jì)各會(huì)修士奧卡姆威廉(William of Occam,約1285年至1349年)提出。這個(gè)原理稱(chēng)為“如無(wú)必要,勿增實(shí)體”,即“簡(jiǎn)單有效原理”。
2、奧卡姆剃刀原理(Occam's Razor )對(duì)于設(shè)計(jì)的價(jià)值:
引用《通用設(shè)計(jì)法則》中的解釋?zhuān)骸霸撛淼暮x指的是不必要的元素會(huì)降低設(shè)計(jì)的效率,而且增加未預(yù)期后果的發(fā)生概率。不管是實(shí)體、視覺(jué)或者認(rèn)知上,多余的設(shè)計(jì)元素,有可能造成失敗或者其它問(wèn)題。這個(gè)法則還有美感上的吸引力,可以比喻成「剪除」設(shè)計(jì)中多余的元素,去除解決方案的雜質(zhì),最后設(shè)計(jì)會(huì)更嚴(yán)謹(jǐn)更純粹?!?/span>
如果要從功能相同的設(shè)計(jì)中做出選擇,那么最好選用最簡(jiǎn)單的設(shè)計(jì)。這里所說(shuō)的「功能相同」,指的是一般尺度來(lái)衡量,設(shè)計(jì)所展現(xiàn)的功能類(lèi)似。
(1)只放置必要的東西:
簡(jiǎn)潔網(wǎng)頁(yè)最重要的一個(gè)方面是只展示有作用的東西,其他的都沒(méi)有。這并不意味著你不能提供給用戶(hù)很多的信息,你可以用“更多信息”的鏈接來(lái)實(shí)現(xiàn)這些。
案例:比如百度搜索首頁(yè)界面:提起搜索引擎,在國(guó)內(nèi)都會(huì)想起百度,不僅是因?yàn)樗阉鲀?nèi)容準(zhǔn)確及時(shí),也因?yàn)榘俣人阉魇醉?yè)設(shè)計(jì)簡(jiǎn)潔,專(zhuān)注搜索,頁(yè)面上搜索框是最顯眼的,用戶(hù)剛進(jìn)入百度首頁(yè)的時(shí)候就可以看到中間的搜索框,然后直接輸入文字進(jìn)行搜索,其他相關(guān)信息被放置在不怎么顯眼右上角,而且增加了“更多產(chǎn)品”按鈕,給需要的用戶(hù)提供一個(gè)信息的入口。
(2)減少點(diǎn)擊次數(shù):
讓你的用戶(hù)通過(guò)很少的點(diǎn)擊就能找到他們想要的東西,不要讓他們找一個(gè)內(nèi)容找得很累。
案例:比如三星充值與支付寶充值流程:如下圖所示,三星手機(jī)充值界面要完成整個(gè)的話費(fèi)充值流程,需要點(diǎn)擊動(dòng)作三次,而支付寶的充值界面完成整個(gè)話費(fèi)充值流程只需要點(diǎn)擊一次,頁(yè)面流程更短,效率更高;因此,減少用戶(hù)的點(diǎn)擊次數(shù),能提升產(chǎn)品的用戶(hù)體驗(yàn)。
(3)減少段落的個(gè)數(shù):
每當(dāng)你的網(wǎng)頁(yè)增加一段,頁(yè)面中主要的內(nèi)容就會(huì)被擠到一個(gè)更小的空間。那些段落并沒(méi)有起到什么好的作用,而是讓顧客們知道更多他們不想了解的東西。
案例:比如雅虎搜索首頁(yè)界面:雅虎跟谷歌和百度一樣,是做搜索引擎的,而且是做的最早的一家,可是現(xiàn)在卻沒(méi)有谷歌和百度使用的人多,有部分原因在于首頁(yè)設(shè)計(jì)的失誤上,大家都知道谷歌和百度首頁(yè)最顯眼的就是搜索框,沒(méi)有太多的干擾信息,而我們看看下圖中的雅虎首頁(yè),最大片的內(nèi)容區(qū)域給了各種新聞和廣告,最重要的搜索框在頂部所占的位置卻很小,用戶(hù)本來(lái)是搜索內(nèi)容的,進(jìn)入首頁(yè)卻看到大段的無(wú)關(guān)信息,干擾了用戶(hù)的正常操作。
(4)“外婆”規(guī)則:
如果你的外婆(其他老點(diǎn)的人)也能輕松的使用你的頁(yè)面,你就成功了。
案例:比如微信的界面設(shè)計(jì):據(jù)英媒《金融時(shí)報(bào)》近日?qǐng)?bào)道,微信活躍用戶(hù)已近10億人,微信超過(guò) 55 歲以上用戶(hù)僅占 1%,但考慮到多達(dá) 2 億的老年人口,這部分用戶(hù)的增長(zhǎng)潛力巨大,微信也越來(lái)越關(guān)注如何服務(wù)好老年用戶(hù),比如開(kāi)通語(yǔ)音和視頻聊天功能,提升通話穩(wěn)定性和質(zhì)量等,在發(fā)紅包上,老年用戶(hù)的活躍度甚至超過(guò)了 95 后,月均發(fā)送 25 次紅包;從以上數(shù)據(jù)來(lái)看,微信是符合此原則的。
(5)給予更少的選項(xiàng):
做過(guò)多的決定也是一種壓力,總體來(lái)說(shuō),用戶(hù)希望在瀏覽網(wǎng)頁(yè)的時(shí)候思考的少一點(diǎn)。我們?cè)谡故緝?nèi)容的時(shí)候要努力減少用戶(hù)的思維負(fù)擔(dān),這樣就會(huì)使瀏覽者使用更順暢,心態(tài)更平和。
案例:比如谷歌與雅虎首頁(yè):谷歌和雅虎都是國(guó)際著名的搜索引擎,兩者對(duì)于信息的檢索能力是一摸一樣的,但是,兩者中間使用最多的還是谷歌瀏覽器,原因就在于谷歌專(zhuān)注于搜索,頁(yè)面上展示的也只有搜索框,用戶(hù)打開(kāi)頁(yè)面直接搜索內(nèi)容就可以;而雅虎的頁(yè)面信息相比谷歌信息實(shí)在太多了,頁(yè)面上大部分內(nèi)容都是新聞資訊,搜索反而弱化了,過(guò)多的信息很容易讓用戶(hù)迷茫。
總結(jié):
以上便是《app設(shè)計(jì)法則 | 實(shí)例解析「交互設(shè)計(jì)七大定律」在設(shè)計(jì)中的應(yīng)用》的下半部分內(nèi)容,自此該文章的所有內(nèi)容已經(jīng)更新完畢,文中觀點(diǎn)有什么不合適的地方歡迎大家指正交流
來(lái)源:UI中國(guó)