2023-8-31 博博
有這么一句話:“復(fù)雜的事情簡單做,你就是專家;簡單的事情重復(fù)做,你就是行家;重復(fù)的事情用心做,你就是贏家”。前言
設(shè)計師是一個工作類型較為多元化的崗位,如UI除界面視覺外,還要會點插畫、動效、品牌、交互等,而UE除交互體驗之外,還得懂視覺、運營、業(yè)務(wù)以及前/后端知識...。這就逐漸讓設(shè)計師們形成了一種習(xí)慣,涉及的方面越多、經(jīng)驗越豐富,就越容易過度思考,把事情也想的、做的復(fù)雜,雖說是為了提升設(shè)計價值而想盡辦法,但最終臃腫復(fù)雜的解決方案不斷分散、混淆用戶的意志力,讓用戶體驗變得非常糟糕。有這么一句話:“復(fù)雜的事情簡單做,你就是專家;簡單的事情重復(fù)做,你就是行家;重復(fù)的事情用心做,你就是贏家”。沒錯,要解決那些臃腫且復(fù)雜的設(shè)計,首先要做的就是化繁為簡,我們可以采用一個非常經(jīng)典的設(shè)計理論「奧卡姆剃刀原則」。奧卡姆剃刀是經(jīng)過很多前輩反復(fù)實踐驗證過的設(shè)計法則,特別在方案的設(shè)計與評估階段非常有效,今天筆者就和大家一起來看看,如何利用奧卡姆剃刀給設(shè)計做減法。
分享目錄
一、認識奧卡姆剃刀原則二、優(yōu)秀的設(shè)計案例(iPhone)三、奧卡姆剃刀與設(shè)計的結(jié)合四、不能“剃”的過猛五、結(jié)語
一、認識奧卡姆剃刀原則
1.奧卡姆剃刀背景
奧卡姆剃刀原則是由英國學(xué)者、邏輯學(xué)家、圣方濟各會修士奧卡姆威廉(William of Ockham)于中世紀提出,也被稱為「奧康的剃刀」、「簡單有效原理」。他在《箴言書注》中指出:“切勿浪費較多的東西去做用較少的東西同樣可以做好的事情”。奧卡姆剃刀原則意味著當(dāng)現(xiàn)有的幾個理論都能對現(xiàn)象進行解釋時,應(yīng)該使用假設(shè)最少的那個。我們不能人為的將事情復(fù)雜化、為自己制造的麻煩而煩惱,需要保持事情的簡單性才能抓住根本、解決實質(zhì)性的問題,如果將該原則簡化為八個字,即為“如無必要,勿增實體”。
2.各行業(yè)中的應(yīng)用
投資領(lǐng)域:應(yīng)該用奧卡姆剃刀來應(yīng)對復(fù)雜的投資市場,對于需要消耗大量時間、金錢及精力的事情加以區(qū)分并將其簡單化,重新定義自己的投資策略,方能那些那些困境;科學(xué)領(lǐng)域:不管有幾個存在競爭地位的理論,如果最終得出的結(jié)論相同,那么就選擇最簡單的那個;企業(yè)管理領(lǐng)域:在制定管理決策時,應(yīng)該抓住主要矛盾、剔除干擾,盡量將復(fù)雜的事情簡單化才能解決企業(yè)最根本問題,保持正確的發(fā)展方向。奧卡姆剃刀原則還廣泛應(yīng)用于政治、社會、經(jīng)濟、設(shè)計等領(lǐng)域。不僅如此,很多名人都有過類似該原則的描述:
愛因斯坦:萬事萬物應(yīng)該都應(yīng)盡可能簡潔,但不能過于簡單。
羅伯特-格羅斯泰斯特:在其他條件相同的情況下,要求得越少的那個就越好,越有價值。
亞里土多德:自然界選擇最短的道路。
艾薩克·牛頓:每件東西都應(yīng)該越簡單越好,不能只是稍微簡單一點兒。
奧卡姆的威廉:如無必要,切勿假定繁多。
......
3.設(shè)計領(lǐng)域中的應(yīng)用
“剃刀”的意思是將多余的內(nèi)容削去,刪除不必要的步驟、簡化冗余信息、減少多余的消耗、呈現(xiàn)最直觀的樣子、尋找解決問題的最短路徑等,都是奧卡姆剃刀原則最直觀的體現(xiàn)。奧卡姆剃刀出自心理學(xué)和物理學(xué),雖然不是為設(shè)計而生,但很多設(shè)計師已經(jīng)將其運用在提升信息傳達效率以及用戶體驗之上。將復(fù)雜的設(shè)計需求簡單化,去除無關(guān)內(nèi)容對視覺的干擾,讓設(shè)計更嚴謹、純粹,確保核心元素能在第一時間被用戶察覺并理解對設(shè)計師來說至關(guān)重要。當(dāng)然,奧卡姆剃刀也要視情況而定,當(dāng)內(nèi)容簡化到不能再簡化時,就需要設(shè)計師通過一些視覺表現(xiàn)手段去吸引、引導(dǎo)用戶獲取信息,讓內(nèi)容更好的呈現(xiàn)。說的直白點就是在不影響功能、視覺的前提下去除多余元素,同時已保留的內(nèi)容需要用更簡單、清晰的方式呈現(xiàn)給用戶。
二、優(yōu)秀的設(shè)計案例(iPhone)
蘋果的產(chǎn)品在設(shè)計領(lǐng)域無論哪一方面都能作為業(yè)界領(lǐng)袖、數(shù)一數(shù)二的存在,縱觀 iPhone 的發(fā)展史,無論是硬件外觀、還是系統(tǒng)界面,都在一刀一刀的不斷去除繁瑣、無必要的東西,那把奧卡姆剃刀從來都沒放下過。
1.iPhone 硬件外觀
2007年,當(dāng)大家還拿著大部分空間位置都被按鍵占用(屏幕占小部分)的傳統(tǒng)手機時,蘋果推出了第一代 iPhone,它直接將機械化按鍵變成了界面觸控,你用它就在那里,不用就自動隱藏了,釋放了大部分界面空間資源,顯示更多內(nèi)容,整個手機正面減的就剩下一個 Home 按鍵。另外,滑動解鎖、兩指變焦、重力感應(yīng)等功能更是減少了大量的操作步驟,讓操作變的更簡單、更容易。2010年的 iPhone 4 是喬布斯時代最經(jīng)典的杰作,更是為 2012年的 iPhone 5s 創(chuàng)下巔峰打下了良好的基礎(chǔ),機身從弧形設(shè)計變成方形和棱角分明的外觀設(shè)計,到后來的充電接口和插孔的變窄、Home 鍵去掉中間小方塊、機身的變薄、以及再后面充電插口與耳機插口的合并,無一不是在彰顯著減法的魅力。直到 2017年 iPhone X 全面屏的問世,將手機正面唯一的 Home 給減掉了,雖然“劉?!钡拇嬖谝欢缺煌虏郏胰嫫恋母拍钍怯尚∶茁氏忍岢龅?,但如果說是 iPhone 在引領(lǐng)潮流一點都不為過,熄屏后的 iPhone X 就像一塊完整的玻璃,即便是劉海也不應(yīng)效果它簡潔且獨特的美感。
2.iOS 系統(tǒng)界面
當(dāng)2007年 iPhone Runs OS X(iOS 1 系統(tǒng))出現(xiàn)時,應(yīng)用界面和操作上跟現(xiàn)在的系統(tǒng)很像,里面也有了郵件、日歷、照片、時鐘、文本、Safari、便箋等應(yīng)用。流暢的動畫、多點觸控的交互方式、簡潔的UI足以顛覆人們對于傳統(tǒng)意義上手機界面的認識。隨后,iOS 系統(tǒng)每次新版本的出現(xiàn),都有一些變化,但與iOS 7 相比,就是小巫見大巫了。2013年,iOS 7 的發(fā)布,是迄今為止 iOS 系統(tǒng)史上設(shè)計風(fēng)格的最大一次升級,UI設(shè)計由之前的擬物化轉(zhuǎn)向扁平化,整個系統(tǒng)外觀看起來十分簡潔,新增的指紋解鎖、控制中心設(shè)置快速切換、中國人喜愛的九宮格輸入法,以及簡化的圖標、交互的過渡動畫等,基本上每一各元素都在根據(jù)用戶的操作及行為習(xí)慣發(fā)生變化。毫不夸張的說,iOS 7 系統(tǒng)改變了近十年的設(shè)計風(fēng)格,設(shè)計趨勢也正式從擬物化(復(fù)雜)時代走向扁平化(簡約)時代。iOS 12 在設(shè)計上雖然沒有太大變化,但系統(tǒng)的流暢度相對提升了很多,例如相機啟動速度提升70%、App啟動速度提升40%,新增勿擾模式、密碼自動填充等,包括后面 iOS 13 更加省電、面部解鎖速度提升、安裝包/更新包內(nèi)層變小等,無一不是在將事情變的更簡單、更容易。
三、奧卡姆剃刀與設(shè)計的結(jié)合
1.簡單直接的話術(shù)
用戶的每一次操作及信息的接收都是與產(chǎn)品的一次交流,在對話方面,不應(yīng)該使用多重否定、較長的定語或含糊其辭的描述,以免用戶出現(xiàn)認知偏差導(dǎo)致理解上的錯誤,減少用戶出錯率最直接的方法就是用通俗易懂的極簡話術(shù)與其交流。
2.N次能解決就不要用N+1
用戶在進行一個任務(wù)時,提升任務(wù)完成率最好的辦法就是避免復(fù)雜,任何一個流程,能用N次操作解決的事情,就不要用N+1次操作來完成,讓用戶以最少的點擊次數(shù)就能完成任務(wù),以提升用戶對產(chǎn)品的滿意度與忠誠度。下圖是用戶登錄未勾選「用戶服務(wù)協(xié)議」,圖1、圖2分別給出了不同的交互流程,顯然,圖2的操作次數(shù)更少,讓登錄變的更容易完成。在設(shè)計一個功能時,如果存在多種交互方案,那么最簡單那個肯定是最好的。▽圖1:四步操作完成登錄
▽圖2:兩步操作完成登錄
3.只放置必要的功能
在設(shè)計一個頁面之前,需盡可能簡化內(nèi)容和操作步驟,但這并非不讓產(chǎn)品給用戶提供更多信息,可以將「更多信息」用其他方式呈現(xiàn)。例如,某個產(chǎn)品有A、B、C三個功能,A和B是主功能,C是輔助,很多用戶更喜歡C,但C的存在會使很多用戶離開主功能,這是就需要用到奧卡姆剃刀“削去”輔助功能,讓主功能不在受到干擾。這個例子從表面上看似舍棄了優(yōu)秀的輔助功能,卻很大程度的提高了主功能的完成率?!跋魅ァ辈⒉灰馕吨鴦h除,如果某些功能不重要但需要存在,可通過削弱視覺權(quán)重來做減法,例如將其放在不顯眼的位置或提供入口/鏈接也是很常見的一種設(shè)計手段。
4.盡可能的減少選項
這一點與「??硕伞沟谋磉_是一致的,做過多的決定對用戶來說也是一種麻煩,產(chǎn)品所提供的內(nèi)容不能讓用戶有過多的思維負擔(dān),盡可能的減少選項,避免用戶因選擇性困難導(dǎo)致迷茫,如果選項過多,將不常用的隱藏起來。關(guān)于這一點,先不多做贅述,后續(xù)筆者會輸出一篇介紹「??硕伞沟奈恼?,會有更詳細的描述。
5.克制顏色的使用數(shù)量
在同一個產(chǎn)品中,應(yīng)使用一個主題色貫穿整個設(shè)計,作為強調(diào)重點的存在,然后再選擇1~2個輔助色作為點綴使用。不要添加太多花里胡哨的顏色,增加額外的視覺噪音,尤其是在B端設(shè)計中,克制顏色的使用能讓整體看起來更加簡潔有層次感。
6.已知方案“A”,勿增方案“B”
如果已經(jīng)有一個非常不錯且成熟的設(shè)計方案,那么我們應(yīng)該將其設(shè)定為統(tǒng)一的標準,在后續(xù)的同類設(shè)計中應(yīng)該與這個方案保持一致,不要固步自封去搞“創(chuàng)新”,因為新的方案很可能存在漏洞、或與之前的法案發(fā)生沖突。當(dāng)然,如果你能承受失敗帶來的損失,也可大膽嘗試。
四、不能“剃”的過猛
將復(fù)雜的設(shè)計簡單化,剔除大部分多余元素是奧卡姆剃刀在設(shè)計中的核心理念,但它并不是一味的強調(diào)簡單的就是好的、復(fù)雜的就是差的,應(yīng)確定好這兩種形式的邊界在哪里、目的是什么?;貧w設(shè)計本身,剔除的目的不在于追求至簡,而是通過合情合理的減法讓用戶更好的接收信息以及完成目標,一旦“剔”的過猛就會傷筋動骨。2007年,巨頭企業(yè)微軟推出的 Metro UI 就是一個很好的例子,全面去除光影、色彩變化以及質(zhì)感等細節(jié),直接以簡單的色塊+icon組合展示,讓其變的毫無層次感,多用一點時間就會發(fā)現(xiàn)這種簡潔過于單調(diào),很容易讓人產(chǎn)生審美疲勞。雖說微軟設(shè)計師的這套扁平設(shè)計理念新穎且超前,但用戶并沒有買賬,極度的扁平直接導(dǎo)致極度的冷淡。Metro UI 的失敗讓后面的 Windows 10 直接放棄了這套設(shè)計語言,重新引入了豐富的細節(jié),讓設(shè)計從純粹的扁平中得以解脫。超前一代是天才,超前兩代就是瘋子,很顯然,Metro UI 超前過頭了,這一反面案例應(yīng)該值得所有設(shè)計師深思。當(dāng)然,這么說有點“馬后炮”的味道,但前輩們已踩過的坑就是我們最好的避坑經(jīng)驗。
作者:大漠飛鷹CYSJ
來源:站酷
藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://tweetduck.com