簡約是一種信仰
簡單,而不失約法,此謂簡約
2007年,僅有9個按鍵且無復(fù)雜變焦功能的Flip攝像機意外紅,巔峰時占全美攝像機市場份額的1/5以上;更早一點,容量僅有140個字符Twitter和follow機制成功在重博客盛行的年代打開了一扇天窗,間接開創(chuàng)社交互動時代...
至此,優(yōu)秀的產(chǎn)品設(shè)計開始更多地關(guān)注核心,刪繁就簡。簡約至上的設(shè)計之道,是以用戶為中心的一種信仰。
1
從認(rèn)識“簡單”開始
正確的簡單
為誰設(shè)計
對于用戶,要記住三點:
① ?關(guān)注主流用戶,投入產(chǎn)出最高。
--專家用戶不是典型用戶,不能體驗主流用戶遇到的問題。以他們的意見來對待產(chǎn)品設(shè)計,容易跑偏。專家用戶想要的功能往往會嚇到主流用戶!
② ?用戶群不會“升級”,不要以為使用產(chǎn)品久了,普通用戶會變成專家用戶
--因而設(shè)計產(chǎn)品時,不能存有僥幸心理,以為果斷時間用戶就能掌握更多
③ 不同類型用戶對技術(shù)所持的態(tài)度與他們在使用產(chǎn)品或服務(wù)上花費的時間相比,前者對他們的影響更大
--設(shè)計體驗簡單的產(chǎn)品比復(fù)雜精致更能帶來長久的愉悅。
主流用戶的需求
① ?隨時可用性,不需要復(fù)雜的自定義設(shè)置。產(chǎn)品在初始安裝、重啟、切換等情境下都可以最快速進入工作狀態(tài),立即提供服務(wù)。
② ?容易操控,有適當(dāng)?shù)娜蒎e率。例如:常見于移動端網(wǎng)頁設(shè)計中的大按鈕、手游的非固定式虛擬搖桿等
③ ?準(zhǔn)確的反饋與合適的結(jié)果
④ ?引導(dǎo)性和示例性的指引(文字、聲音等),尤其是初始使用時。
最后,不要指望教會用戶多少東西,在壓力面前,用戶容易忘記所有知識,所以要時刻關(guān)注用戶,在所有常用、必要的場景給以足夠的關(guān)懷。例如:下圖是常見的404問題頁面設(shè)計。下圖的頁面內(nèi)容顯得非常專業(yè),基本讓用戶了解問題來龍去脈,但是真的需要這樣嗎?大家都讀得懂嗎?顯然上圖中的處理更加簡約而且易用性更強,當(dāng)然也包含了情感化設(shè)計的元素在里面(關(guān)注本公眾號,回復(fù)關(guān)鍵字“設(shè)計”可閱讀關(guān)于產(chǎn)品情感化設(shè)計的文章)
什么是簡單的體驗?
越是簡單的體驗,就越是極端的目標(biāo)。
2
簡約四策略
確立的簡約設(shè)計的基本邏輯之后,是具體操作的策略。在醞釀階段抑或高速成長還是成熟的產(chǎn)品,都可以通過簡約設(shè)計的四種策略來審視和打磨。
下圖是經(jīng)典的遙控器簡化案例,可以看見四張圖分別采用了“刪除、組織、隱藏、轉(zhuǎn)移”的策略去遙控器的優(yōu)化。
刪除
Tumblr和Twitter的成功,相比至于功能更全面的WordPress,體現(xiàn)了“刪除”的魅力。傳統(tǒng)觀點認(rèn)為,功能越多,能力就越強,用戶就越喜歡,而事實上,每款劃時代的產(chǎn)品,恰恰是專注某個點的“單品”。
少即是多。
刪除雜亂的特性可以讓設(shè)計師更專注于把有限的重要問題解決好。
刪除不是隨便將認(rèn)為是多余的功能去除就完事了,而是有一套完整的方法論。
產(chǎn)品增加的價值始于改進核心體驗。與新增功能相比,客戶更關(guān)注基本功能的改進。刪除策略的第一步就是先找到產(chǎn)品的核心。注意,這里不是刪除核心,恰恰是要作為保留的重點和其它次要的功能區(qū)別開來。
刪除殘缺功能容易陷入“沉沒成本誤區(qū)”,唯一的判斷標(biāo)準(zhǔn)是:保留該功能能獲得多少收益,付出多少成本。
刪減文字:
① ?刪除引見性文字“歡迎光臨...等”
② ?刪除不必要的說明
③ ?刪除繁瑣的解釋
④ ?精簡句子:去掉介詞
使用主動句、減少無意義的廢話和開頭
刪減視覺元素:
① ?使用空白或輕微的背景色來劃分頁面,不要使用線框
② ?盡量少使用強調(diào)
③ ?控制信息的層次,不要多于3層
④ ?減少元素大小和形狀的變化
刪除選擇分支:
① ?盡量減少給用戶的決策選擇,例如在電商平臺購物結(jié)賬時候,頁面應(yīng)該去掉無謂的導(dǎo)航鏈接
組織
把產(chǎn)品的功能和頁面元素按照既定的規(guī)則進行分類,然后重新組織,按照模塊進行排列和展示
除此之外,設(shè)計師在完成方案之后,還要反復(fù)測試流程,尋找設(shè)計過程中的那些“自以為完美”。例如:公園里、花園里雖有設(shè)計好的大路,卻依然有不少人們自己踩出來的捷徑,很明顯這些設(shè)計好的大路不能滿足人們的需求,
隱藏
隱藏,是為了更合理地布局,讓出有限的空間給更重要的功能,而非說隱藏就是刪除不必要功能的開始。隱藏意味著在人與功能面前設(shè)置了障礙,一般是對于不可刪除、且使用頻次較低的功能。例如:網(wǎng)站上的個人設(shè)置功能。
其核心要點為:徹底隱藏,巧妙出現(xiàn)
隱藏策略使用時,需要注意:
① ?漸進展示:功能彈出來時候,首先顯示主流用戶使用的核心功能,再提供選項給專家用戶選擇使用擴展功能。如下圖:
② ?適時出現(xiàn):iOS輸入框里面長按不松開會出現(xiàn)放大框放大當(dāng)前輸入的內(nèi)容。
③ ?提示與線索:供用戶可以有邏輯地發(fā)現(xiàn)被收藏的功能。例如:PS里面的工具收納。
轉(zhuǎn)移
轉(zhuǎn)移,是將功能和元素從本產(chǎn)品向其它其它功能、產(chǎn)品、用戶轉(zhuǎn)移的策略。
① ?跨平臺:常見于遙控器-智能電視的設(shè)計,將導(dǎo)航和選擇功能從遙控器上解放到電視上,使輸入輸出更加方便之光。
② ?產(chǎn)品向用戶:將更多選擇權(quán)交還給用戶,避免產(chǎn)品功能被固化
③ ?用戶向產(chǎn)品:提供更多自動和智能功能,例如:在微信里面可以自動長按手機號碼類似格式的數(shù)字會自動彈出撥打or錄入通訊錄的提示。
除了“刪除、組織、隱藏、轉(zhuǎn)移”四種策略之外,簡約設(shè)計還需要關(guān)注設(shè)計細(xì)節(jié),例如:早期的地圖APP導(dǎo)航雖有地鐵線路導(dǎo)航,卻會缺少方向,會導(dǎo)致用戶使用起來遇到麻煩。除此之外,簡約的體驗還應(yīng)該留給用戶更多的體驗和想象空間。讓產(chǎn)品成為完成他們生活一樣工具,而非過度占用大腦空間的冗余。
更多精彩內(nèi)容請見《簡約之上 交互式設(shè)計四策略》