讓商業(yè)變得更智能

實(shí)例解析「交互設計七大定律」在設計中的應用(下篇)
app交互設計

上篇內容筆者介紹了「交互設計七大定律」的前五個(gè),上篇內容為:《實(shí)例解析「交互設計七大定律」在設計中的應用(上篇)》接下來(lái)筆者將剩下兩個(gè)定律為大家做個(gè)實(shí)例分析。

Image title

交互設計之父阿蘭·庫珀說(shuō)過(guò)這樣一句話(huà):“除非有更好的選擇,否則就遵從標準”;在交互設計領(lǐng)域中,有很多被時(shí)間和前人驗證過(guò)的設計法則,這些法則是從用戶(hù)的行為邏輯中總結出來(lái)的,掌握這些法則能讓我們迅速有效的完成自己的設計,接下來(lái),筆者通過(guò)一些實(shí)例來(lái)解析下這些原則在設計中的應用~上篇內容筆者介紹了「交互設計七大定律」的前五個(gè),上篇內容為:《實(shí)例解析「交互設計七大定律」在設計中的應用(上篇)》 接下來(lái)筆者將剩下兩個(gè)定律為大家做個(gè)實(shí)例分析。

 

六、復雜性守恒定律/泰思勒定律(Tesler’s Law )

1、復雜度守恒定律/泰思勒定律(Tesler’s Law )簡(jiǎn)介:

復雜度守恒定律(Law of conservation of complexity)由Larry Tesler于1984年提出,也稱(chēng)泰斯勒定律(Tesler's Law)。在Dan Saffer所著(zhù)的《Designing for Interaction: Creating Smart Applications and Clever Devices》這本書(shū)中,有一段對Larry Tesler的采訪(fǎng),在采訪(fǎng)中對復雜度守恒定律進(jìn)行了討論。從那以后,作為一個(gè)專(zhuān)業(yè)的參考依據,復雜度守恒定律開(kāi)始在用戶(hù)體驗和交互設計領(lǐng)域廣為人知。Larry Tesler的觀(guān)點(diǎn)在開(kāi)發(fā)人員中引發(fā)了一場(chǎng)爭論:應該讓一位工程師花費額外的一周時(shí)間去減少軟件程序的使用難度,還是應該讓數以百萬(wàn)計的用戶(hù)花費額外的一分鐘來(lái)克服這一困難,哪個(gè)觀(guān)點(diǎn)更有益于企業(yè)的成功。這一爭論本身也反映出復雜度守恒定律的普適性,而不僅限于軟件和應用程序領(lǐng)域。

該定律認為:每一個(gè)過(guò)程都有其固有的復雜性,存在一個(gè)臨界點(diǎn),超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了,你只能將固有的復雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。

Image title

2、復雜度守恒定律/泰思勒定律(Tesler’s Law )對于設計的價(jià)值:

每個(gè)應用程序都具有其內在的、無(wú)法簡(jiǎn)化的復雜度。無(wú)論在產(chǎn)品開(kāi)發(fā)環(huán)節還是在用戶(hù)與產(chǎn)品的交互環(huán)節,這一固有的復雜度都無(wú)法依照我們的意愿去除,只能設法調整、平衡。這一觀(guān)點(diǎn)主要被應用在交互設計領(lǐng)域。

案例一:比如遙控器的設計演變:使用過(guò)智能電視的同學(xué)都會(huì )發(fā)現一個(gè)問(wèn)題,智能電視所配備遙控器界面按鈕比普通的電視遙控器按鈕少了很多,設計上也趨向簡(jiǎn)潔,使用上也更加好用,沒(méi)了那么強烈的選擇恐懼癥,決策的效率也提升了;按鈕的減少也就意味著(zhù)遙控器所承載的功能減少了,也就是有遙控器的操作復雜度降低了;我們再來(lái)看電視機界面及操作的變化,普通電視機的界面通常很簡(jiǎn)單,你使用遙控器打開(kāi)電視時(shí),界面上展示的必定是一個(gè)頻道當下的畫(huà)面,不會(huì )出現復雜的選擇頁(yè)面;而現在智能電視的界面就不同了,打開(kāi)之后界面展示相當復雜,類(lèi)似現在使用的視頻類(lèi)APP,交互也相當復雜,雖然,遙控器的功能減少了,但是電視機的界面和交互復雜度提升了;通過(guò)以上例子我們不難看出,復雜度的降低是一個(gè)相對的概念,不能過(guò)分的簡(jiǎn)化復雜度,只能通過(guò)技術(shù)或者其他手段轉移,來(lái)提升產(chǎn)品的用戶(hù)體驗。

Image title

案例二:比如手機設計演變:在諾基亞手機稱(chēng)霸的那個(gè)年代,基本上所有的手機樣式都是一塊顯示屏幕加上底部的操作按鍵,屏幕負責顯示內容,而底部的物理按鍵來(lái)實(shí)現各種操作,比如,打電話(huà)、發(fā)短信、上網(wǎng)、聊QQ、玩小游戲等等,就如下圖左一的經(jīng)典諾基亞手機,我們能清楚的看到它的布局還是蠻復雜,尤其是密密麻麻的物理按鍵,屏幕也相對較小,閱讀體驗現在看來(lái)還是蠻差;自從蘋(píng)果發(fā)布蘋(píng)果3GS全面屏只能手機之后,徹底改變了手機的設計風(fēng)格和操作體驗,也就是我們現在看到的安卓和蘋(píng)果的智能手機樣式,更大的屏幕、手勢操作、全新的界面讓人耳目一新;從手機的演變過(guò)程來(lái)看,智能手機簡(jiǎn)化了物理操作按鍵,通過(guò)技術(shù)手段降低了手機操作的復雜度,尤其是復雜的交互手勢操作,復雜度的降低是通過(guò)大量的技術(shù)和資金投入解決,這也體現了復雜守恒定律。

Image title

案例三:比如今日頭條的個(gè)性化信息推薦:今日頭條的首頁(yè)推薦內容,都是根據個(gè)人的瀏覽愛(ài)好或者傾向進(jìn)行信息的推薦的,除了首頁(yè)置頂內容外,其它內容的推薦每個(gè)人都是不一樣的;對于用戶(hù)來(lái)講,這樣的私人定制信息體驗很好,瀏覽的信息都是相關(guān)或者叫做用戶(hù)自己喜歡的內容;對于用戶(hù)來(lái)講這是一件好事情,但是,對于產(chǎn)品的開(kāi)發(fā)和設計者來(lái)說(shuō),這是一個(gè)很難的事情,因為實(shí)現這樣的效果或者體驗,需要很強的技術(shù)能力和大量服務(wù)器的支持,這種做法就是通過(guò)技術(shù)手段,將用戶(hù)復雜度降低,轉移到了開(kāi)發(fā)者本身,使得用戶(hù)的閱讀體驗在同類(lèi)產(chǎn)品中做到獨樹(shù)一幟。

Image title

七、簡(jiǎn)單有效原理/奧卡姆剃刀原理(Occam's Razor )

1、奧卡姆剃刀原理(Occam's Razor )簡(jiǎn)介:

奧卡姆剃刀定律(Occam's Razor, Ockham's Razor)又稱(chēng)“奧康的剃刀”,它是由14世紀邏輯學(xué)家、圣方濟各會(huì )修士奧卡姆威廉(William of Occam,約1285年至1349年)提出。這個(gè)原理稱(chēng)為“如無(wú)必要,勿增實(shí)體”,即“簡(jiǎn)單有效原理”。

2、奧卡姆剃刀原理(Occam's Razor )對于設計的價(jià)值:

引用《通用設計法則》中的解釋?zhuān)骸霸撛淼暮x指的是不必要的元素會(huì )降低設計的效率,而且增加未預期后果的發(fā)生概率。不管是實(shí)體、視覺(jué)或者認知上,多余的設計元素,有可能造成失敗或者其它問(wèn)題。這個(gè)法則還有美感上的吸引力,可以比喻成「剪除」設計中多余的元素,去除解決方案的雜質(zhì),最后設計會(huì )更嚴謹更純粹?!?/span>

如果要從功能相同的設計中做出選擇,那么最好選用最簡(jiǎn)單的設計。這里所說(shuō)的「功能相同」,指的是一般尺度來(lái)衡量,設計所展現的功能類(lèi)似。

(1)只放置必要的東西:

簡(jiǎn)潔網(wǎng)頁(yè)最重要的一個(gè)方面是只展示有作用的東西,其他的都沒(méi)有。這并不意味著(zhù)你不能提供給用戶(hù)很多的信息,你可以用“更多信息”的鏈接來(lái)實(shí)現這些。

案例:比如百度搜索首頁(yè)界面:提起搜索引擎,在國內都會(huì )想起百度,不僅是因為搜索內容準確及時(shí),也因為百度搜索首頁(yè)設計簡(jiǎn)潔,專(zhuān)注搜索,頁(yè)面上搜索框是最顯眼的,用戶(hù)剛進(jìn)入百度首頁(yè)的時(shí)候就可以看到中間的搜索框,然后直接輸入文字進(jìn)行搜索,其他相關(guān)信息被放置在不怎么顯眼右上角,而且增加了“更多產(chǎn)品”按鈕,給需要的用戶(hù)提供一個(gè)信息的入口。

Image title

(2)減少點(diǎn)擊次數:

讓你的用戶(hù)通過(guò)很少的點(diǎn)擊就能找到他們想要的東西,不要讓他們找一個(gè)內容找得很累。

案例:比如三星充值與支付寶充值流程:如下圖所示,三星手機充值界面要完成整個(gè)的話(huà)費充值流程,需要點(diǎn)擊動(dòng)作三次,而支付寶的充值界面完成整個(gè)話(huà)費充值流程只需要點(diǎn)擊一次,頁(yè)面流程更短,效率更高;因此,減少用戶(hù)的點(diǎn)擊次數,能提升產(chǎn)品的用戶(hù)體驗。

Image title

(3)減少段落的個(gè)數:

每當你的網(wǎng)頁(yè)增加一段,頁(yè)面中主要的內容就會(huì )被擠到一個(gè)更小的空間。那些段落并沒(méi)有起到什么好的作用,而是讓顧客們知道更多他們不想了解的東西。

案例:比如雅虎搜索首頁(yè)界面:雅虎跟谷歌和百度一樣,是做搜索引擎的,而且是做的最早的一家,可是現在卻沒(méi)有谷歌和百度使用的人多,有部分原因在于首頁(yè)設計的失誤上,大家都知道谷歌和百度首頁(yè)最顯眼的就是搜索框,沒(méi)有太多的干擾信息,而我們看看下圖中的雅虎首頁(yè),最大片的內容區域給了各種新聞和廣告,最重要的搜索框在頂部所占的位置卻很小,用戶(hù)本來(lái)是搜索內容的,進(jìn)入首頁(yè)卻看到大段的無(wú)關(guān)信息,干擾了用戶(hù)的正常操作。

Image title

(4)“外婆”規則:

如果你的外婆(其他老點(diǎn)的人)也能輕松的使用你的頁(yè)面,你就成功了。

案例:比如微信的界面設計:據英媒《金融時(shí)報》近日報道,微信活躍用戶(hù)已近10億人,微信超過(guò) 55 歲以上用戶(hù)僅占 1%,但考慮到多達 2 億的老年人口,這部分用戶(hù)的增長(cháng)潛力巨大,微信也越來(lái)越關(guān)注如何服務(wù)好老年用戶(hù),比如開(kāi)通語(yǔ)音和視頻聊天功能,提升通話(huà)穩定性和質(zhì)量等,在發(fā)紅包上,老年用戶(hù)的活躍度甚至超過(guò)了 95 后,月均發(fā)送 25 次紅包;從以上數據來(lái)看,微信是符合此原則的。

Image title

(5)給予更少的選項:

做過(guò)多的決定也是一種壓力,總體來(lái)說(shuō),用戶(hù)希望在瀏覽網(wǎng)頁(yè)的時(shí)候思考的少一點(diǎn)。我們在展示內容的時(shí)候要努力減少用戶(hù)的思維負擔,這樣就會(huì )使瀏覽者使用更順暢,心態(tài)更平和。

案例:比如谷歌與雅虎首頁(yè):谷歌和雅虎都是國際著(zhù)名的搜索引擎,兩者對于信息的檢索能力是一摸一樣的,但是,兩者中間使用最多的還是谷歌瀏覽器,原因就在于谷歌專(zhuān)注于搜索,頁(yè)面上展示的也只有搜索框,用戶(hù)打開(kāi)頁(yè)面直接搜索內容就可以;而雅虎的頁(yè)面信息相比谷歌信息實(shí)在太多了,頁(yè)面上大部分內容都是新聞資訊,搜索反而弱化了,過(guò)多的信息很容易讓用戶(hù)迷茫。

Image title

總結:

以上便是《app設計法則 | 實(shí)例解析「交互設計七大定律」在設計中的應用》的下半部分內容,自此該文章的所有內容已經(jīng)更新完畢,文中觀(guān)點(diǎn)有什么不合適的地方歡迎大家指正交流

來(lái)源:UI中國

app交互設計
亚洲一区二区中文字幕无_日本啪啪一区免费完整视频_91caop国产在线_中文字幕欧美日本亚洲