不可否認(rèn)蚌成，被我們經(jīng)常掛在嘴邊的設(shè)計規(guī)范担忧、方法及一致性對我們?nèi)粘９ぷ骱苤匾住Ｋ梢蕴嵘僮饕恢滦灾纤⑻岣吖ぷ餍食橙 ⒀永m(xù)品牌定位等等...
但是皮官，不知道你們有沒有發(fā)現(xiàn)捺氢，之所以有了這些方法和規(guī)范摄乒，導(dǎo)致很多設(shè)計師習(xí)慣性處于舒適區(qū)馍佑，從而放棄獨立思考拭荤。每天做著重復(fù)性的工作，復(fù)用著前輩制定下來的模版奇徒，套用著別人的方法論逼龟，抱怨著工作沒有挑戰(zhàn)。
我最近也在思考匀钧，一個遵從設(shè)計規(guī)范谬返，按照所謂的系統(tǒng)設(shè)計方法佑刷，步步推導(dǎo)而來的解決方案，是否真的就是一個好的設(shè)計涨冀？
規(guī)范，方法壮莹，一致性涝滴，重要的一面狭莱。
a.規(guī)范
當(dāng)我們剛從事UI設(shè)計時腋妙，自身對于用戶體驗設(shè)計的積淀還不夠厚實的時候骤素，遵循設(shè)計規(guī)范是最保守但也是最合理的做法济竹，因為這種解決方案更加成熟和通用送浊，也有了一定的用戶認(rèn)知袭景。同時像公司內(nèi)部的設(shè)計規(guī)范耸棒，有利于版本迭代的開發(fā)及設(shè)計效率，包括新人入職后更快上手工作幅疼，避免出錯躏升。
所以了解ios設(shè)計規(guī)范膨疏，安卓設(shè)計規(guī)范佃却，或者是公司內(nèi)部的設(shè)計規(guī)范等等饲帅，成為設(shè)計師必備的技能...
b.方法
這里說的方法是指設(shè)計工作中的方法論。運用方法論，能夠幫助設(shè)計師明確如何一步步的進(jìn)行整個項目惶洲，更高效的推導(dǎo)設(shè)計恬吕，達(dá)成目標(biāo)铐料。從而說服合作的同學(xué)，而且看起來非常的有理有據(jù)。下面是我們常見到的一些導(dǎo)圖例子：
c.一致性
為了減少用戶學(xué)習(xí)成本扛拨，不管從視覺還是交互層面我們都要遵循一致性。
包括同一個產(chǎn)品不同終端，要保持視覺統(tǒng)一性芽丹，才能加深用戶對產(chǎn)品品牌的認(rèn)知，這些也都沒毛病蚊俺。
下面是咸魚泳猬，頂導(dǎo)航顏色采用黃色，為了各端一致性指郁。
微云各端引導(dǎo)頁面，采用線性插畫的處理手法手形，來確保品牌一致悯恍。
以上說的都是規(guī)范库糠、方法、一致性重要的一方面涮毫。
但是瞬欧，我們會看到更多優(yōu)秀的創(chuàng)新的設(shè)計正在一步步脫離這些條條框框，從而做出讓人眼前一亮的設(shè)計罢防。所以我在思考在接下來的設(shè)計中艘虎，需要做的幾點來幫助自己成長：
1.跳出規(guī)范
工作的前一兩年，研讀并遵循著平臺設(shè)計規(guī)范野建，從而幫助我們在工作中做出不會出錯的設(shè)計唯鸭，同時提升工作效率和說服力。但是隨著自身經(jīng)驗的累積和成長蛉腌，需要對此產(chǎn)生警惕河咽，如果我們一直局限在別人制定的規(guī)范里狠毯，不去思辨献酗，很容易陷入十年如一日的工作狀態(tài)中颜及，很難做出創(chuàng)新的設(shè)計。
同時也可以看出很多優(yōu)秀的設(shè)計作品，陸續(xù)跳出規(guī)范，不局限于規(guī)范制定的像“最大字號多少px”，“導(dǎo)航條多少px”，“上下間距多少px”等等... 而是設(shè)計出符合自己產(chǎn)品氣質(zhì)的界面。下面有幾個例子：
下面是蝸牛裝修APP的設(shè)計褐缠，可以看出俐载，a.頂部區(qū)域并沒有明確的模塊區(qū)分導(dǎo)航區(qū)域意敛，而只有滑動時，導(dǎo)航的分隔才出現(xiàn)。b.字號和間距的大小抓歼，也讓人瀏覽起來更加放松取胎。
像VUE的處理薪棒，沒有嚴(yán)格遵循平臺設(shè)計規(guī)范所謂的列表的的高度，而是用紅的線條區(qū)分模塊，間距來區(qū)分列表的內(nèi)容灵再，反而更符合產(chǎn)品本身的氣質(zhì)。
下面是大家所熟知的Airbnb灵寺，它大膽的體驗設(shè)計被設(shè)計師們追崇模仿赂韵，這里想說的是它對底導(dǎo)航和按鈕大小的處理轧抗，也是跳出規(guī)范，更符合功能本身的重要層級狡忙。
2.弱化方法
上面有講到設(shè)計方法論如何幫助到我們的設(shè)計录粱，使用過程當(dāng)中嫡意，我們知道每一步應(yīng)該怎么分解和運用。例如：市場調(diào)研戈钢、頭腦風(fēng)暴、梳理線上流程捡遍、研究了信息架構(gòu)，并且還通過體驗地圖分析了行為路徑等等...
但是往往最后的設(shè)計方案和前期的調(diào)研沒有什么關(guān)系，而且復(fù)用到任何產(chǎn)品設(shè)計的前期都適用。所以，我認(rèn)為這屬于自我感動式的設(shè)計归露。感覺自己做了很多踩蔚，但是真的往深入去問why why why的時候福也，很多設(shè)計師都會被卡住凯傲。
因此一定程度上我們要弱化已知的設(shè)計方法，少一些套路和形式主義，多一些深度解析的方式做設(shè)計狼荞。
比如辽装，下面是facebook的總監(jiān)講述LIKE的設(shè)計方案：
他是這么闡述LIKE的設(shè)計方案的：這個設(shè)計的目的是優(yōu)化LIKE的按鈕，增強用戶的互動意愿相味，以及提升LIKE的表現(xiàn)力拾积。而他做的第一件事情就是理解什么叫增強互動，什么叫表現(xiàn)力，背后的產(chǎn)品目標(biāo)是什么拓巧？是用戶可以更多的表達(dá)斯碌。然后開始找如何讓這個目標(biāo)具體化。接下來尋找什么是被普通認(rèn)知和廣泛接受的reactions肛度。
它通過各種途徑去找用戶最常用的表情是什么傻唾，最常搜索的表情是什么，最多的短評論是什么承耿。設(shè)計師們希望可以從側(cè)面尋找大家在表達(dá)過程中喜歡用什么reaction冠骄，然后找到他，并通過之前定義號的原則進(jìn)行篩選瘩绒，完成設(shè)計方案猴抹。
所以可以看出，這種解決方式不是方法論的堆砌和強調(diào)锁荔，無需逐步check的線性設(shè)計過程蟀给，而是以產(chǎn)品目標(biāo)為起點，然后緊密圍繞目標(biāo)進(jìn)行提問回答阳堕，這種方式才能讓我們深入去思考跋理，給出的解決方案才更有道理，經(jīng)得起挑戰(zhàn)恬总。
3.不局限統(tǒng)一
在設(shè)計工作中前普，我們考慮著界面與界面的統(tǒng)一冰评，端與端的統(tǒng)一仇轻，這樣當(dāng)然沒錯听盖。但是我發(fā)現(xiàn)很多同學(xué)卤妒，都會過度的陷入所謂的統(tǒng)一廷臼，生怕做任何一個東西與統(tǒng)一相違背伞访。
比如產(chǎn)品里面是線性的圖標(biāo)恩静，那么就絕不允許有面狀的出現(xiàn)骤铃；線性的圖標(biāo)如果是2px谆焊，那么全局各端都必須是2x惠桃；如果web端功能引導(dǎo)頁面是真實照片的，那么別的端必須統(tǒng)一用真實照片等等...
這些問題我也遇到過辖试，但是我發(fā)現(xiàn)是自己太局限里面了辜王，其實我們應(yīng)該考慮的是針對不同終端的使用場景，用戶群體罐孝，在局部統(tǒng)一的基礎(chǔ)上呐馆，可以做差異化處理，是沒有問題的莲兢。包括icon的處理摹恰，也可以根據(jù)功能的強弱辫继，出現(xiàn)的時機，做差異化處理俗慈。而不是固執(zhí)的堅信只要不統(tǒng)一那就是錯的姑宽，設(shè)計決策并不是非黑即白的。
比如闺阱，google drive的引導(dǎo)頁面炮车，在移動端用的是矢量插畫的處理，在web端更強調(diào)的是產(chǎn)品官方形象酣溃，用的是真實照片瘦穆，貼近生活。只是通過logo主色來延續(xù)品牌的DNA赊豌。
還有印象筆記各端引導(dǎo)頁的處理扛或，同樣是針對不同的使用場景和用戶的習(xí)慣，采用不同元素碘饼，來特殊處理熙兔。
像Web和Mac端，一般較長停留時間艾恼，因此會采用一些結(jié)合場景的真實圖片住涉，詮釋功能特色，讓用戶更全面的了解產(chǎn)品能為他們做什么钠绍；而移動端舆声，以碎片化場景為主，因此采用的是簡潔插畫處理柳爽，干凈利索媳握，利于get到重點。統(tǒng)一的部分磷脯，只是它們的綠色蛾找。
所以即便要統(tǒng)一、要一致争拐，也不能特別軸腋粥，保持好度很重要晦雨。單純的為了統(tǒng)一而統(tǒng)一架曹，也是一種思維懶惰。
同時闹瞧，能用绑雄、好用、愛用奥邮，這三個層次往往被用來形容互聯(lián)網(wǎng)產(chǎn)品万牺。能用是基礎(chǔ)罗珍，說明用戶可以通過該產(chǎn)品來解決實際問題；好用是每個互聯(lián)網(wǎng)從業(yè)者都在追求的脚粟，讓用戶在使用產(chǎn)品過程中更省心省力覆旱，不會出現(xiàn)焦慮或不耐煩；而能做到第三個階段愛用的公司和產(chǎn)品屈指可數(shù)核无。
一些打動人心的APP設(shè)計扣唱，很小的設(shè)計點，但是走心团南，希望對你有所啟發(fā)噪沙。
1.把發(fā)郵件變成一次紙飛機的飛行
QQ郵箱，每次發(fā)送郵件時吐根，會在右上角出現(xiàn)一個紙飛機的圖標(biāo)和進(jìn)度條正歼。把發(fā)郵件給的過程暗喻成一次紙飛機的飛行，增添了不少童趣拷橘，加上配套的音效局义。讓我每次用QQ郵箱發(fā)送郵件時，都多了那么一點期待膜楷。
我們看看常規(guī)的設(shè)計：把發(fā)送郵件的等待過程旭咽，換成不停轉(zhuǎn)動的小菊花（加載圖標(biāo)），并配上文案：郵件正在發(fā)送中赌厅，請稍后穷绵。這樣一對比，是不是覺得qq郵箱的這個小設(shè)計更加打動人心特愿？
QQ郵箱
2.點擊底部標(biāo)簽欄仲墨，就可以回到頂部
用iPhone的人都知道，iPhone有個很貼心的功能揍障，即點擊通知欄目养，就可以將頁面的內(nèi)容回到第一屏，我是這個功能的重度用戶毒嫡。但是這里有個痛點癌蚁，因為通知欄位置太高，單手操作很困難兜畸，操作成本偏高努释。
毒物，一個導(dǎo)購類的APP咬摇，產(chǎn)品以內(nèi)容為主伐蒂。當(dāng)用戶在首頁向下瀏覽太多屏之后，它的標(biāo)簽欄第一個圖標(biāo)會變成倒三角肛鹏，文案變成了回頂部逸邦，單擊后即可回到第一屏恩沛。媽媽再也不用擔(dān)心我點擊通知欄回第一屏了÷萍酰回到首頁常用的做法還有在頁面右下角出現(xiàn)一個懸浮icon雷客，單擊可回頂部。
毒物APP
3.為用戶下一步操作的做設(shè)計
iPhone有個功能是下滑調(diào)用全局搜索功能桥狡，因為下載的APP太多佛纫，所以我經(jīng)常使用這個功能來搜索定位APP。如下圖总放，當(dāng)你喚起搜索時呈宇，系統(tǒng)會幫你保存上次搜索的內(nèi)容，并默認(rèn)全選中局雄。細(xì)想一下這個設(shè)計真是太貼心了甥啄，因為用戶啟動搜索，存在兩種可能炬搭，①繼續(xù)上次的搜索內(nèi)容蜈漓；②輸入進(jìn)行新的搜索。這個設(shè)計很好的兼顧了這兩種情況宫盔。
同樣為用戶著想的設(shè)計還有融虽，當(dāng)G-sensor開啟時，用戶旋轉(zhuǎn)手機屏幕會跟著旋轉(zhuǎn)灼芭；滴滴打車時有额，滴滴會為你智能推薦終點位置。這種設(shè)計方式是很重要的一條設(shè)計原則彼绷，我把它稱為“智能化”原則巍佑，讓設(shè)計更智能寄悯，真正的為用戶著想
iPhone全局搜索
4.解救強迫癥的滑動去除小紅點
APP都在用小紅點來刺激用戶點擊脆栋，這讓很多強迫癥患者很苦惱洒擦。QQ提供了一種折中方案秘遏，依然用小紅點提醒有未讀消息邦危，但是允許你輕輕一滑去除小紅點，再也不用一條一條去打開未讀消息列表來清除小紅點了倦蚪。大笑三聲：哈哈哈哈~
5.在不打擾用戶的前提下裁僧，提示用戶
手機驗證碼登錄和第三方一鍵登錄聊疲，簡化了注冊登錄流程沪悲，減低了用戶的操作成本贡珊。但是新的問題來了涉馁，有些APP我是用微信一鍵登錄的烤送、有些是用微博帮坚、QQ叶沛、豆瓣、等等判帮。怎么辦晦墙？
有道云筆記晌畅，通過懸浮框提示你上次的登錄賬號抗楔，輕松解決了這個問題连躏。
有道云筆記
6.將反饋變得有趣
當(dāng)頁面內(nèi)容加載完后入热，再上滑也滑不出什么勺良。一般的APP做法是允許用戶將頁面上滑尚困，松手后頁面恢復(fù)尾组。
來看看same是怎么做的讳侨。same在頁面底部設(shè)計了一個尖叫雞，你上滑的越多潮峦，雞尖叫的越大聲忱嘹。仿佛在說拘悦，神經(jīng)病別往上拉了础米，沒內(nèi)容了添诉。而且線性的圖標(biāo)設(shè)計也與same整體視覺風(fēng)格保持了一致蘑斧。
7.用滑動代替點擊
給朋友發(fā)信息竖瘾，發(fā)現(xiàn)中間少打了個字，常規(guī)做法是用手指選中漏打的區(qū)域乐横，再打上缺少的字葡公。但是由于手指與屏幕接觸區(qū)域過大催什，而且手指會部分擋住文字蒲凶，所以經(jīng)常點了好幾次都不能點準(zhǔn)旋圆。這個時候很多人會刪掉重新打一行灵巧。
搜狗輸入法通過左劃和右劃來移動光標(biāo)的位置刻肄，親測成功率百分之百敏弃。具體做法是噪馏，在搜狗輸入法界面上隅要，左右滑動步清，來調(diào)節(jié)光標(biāo)的位置欢搜。
搜狗輸入法
8.隨機獎勵
2016年被稱為知識付費元年炒瘟，得到APP率先一步搶占了用戶心智疮装，產(chǎn)品定位為知識服務(wù)廓推。用了半年的得到，專欄內(nèi)容很專業(yè)专缠，實實在在的干貨藤肢。雖然有很多產(chǎn)品設(shè)計的細(xì)節(jié)有待優(yōu)化嘁圈，但是隨即獎勵這個設(shè)計真是值得表揚蟀淮。這其實是借鑒了游戲的做法最住，因為游戲產(chǎn)品為了搶奪你的注意力，費盡心思怠惶，隨即獎勵就是其中一招涨缚。
因為獎勵是隨即的，用戶不知道什么時候會獲得獎勵策治，讓人有種莫名其妙得了好處的感覺脓魏。會加深對產(chǎn)品的影響，并提高好感通惫。
得到
總結(jié)：打造用戶喜歡的產(chǎn)品茂翔，讓產(chǎn)品從能用履腋、好用到愛用晚吞，是每個互聯(lián)網(wǎng)從業(yè)者的使命捌蚊，為你的APP增添一些打動人心的小設(shè)計，不失為一個好辦法谣辞。當(dāng)然前提是該設(shè)計能為用戶帶來價值躯嫉，千萬不要為了設(shè)計而設(shè)計帆阳。今天就分享到這里，喜歡可關(guān)注VX公眾號：UI設(shè)計小琪，每晚八點分享UI這邊知識體驗~
