很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系：鳥哥筆記小羽毛（ngbjxym）
一般UI設(shè)計師剛到一家新公司會遇到2種情況：
? 公司的產(chǎn)品視覺構(gòu)架包括規(guī)范以及到設(shè)計團隊建設(shè)都非常完備，產(chǎn)品體驗從第一眼看過去就很棒，可優(yōu)化的地方屈指可數(shù)。
? 與第一種情況完全相反。
那么我們從第二種比較糟糕的情況開始總結(jié)該如何從1過渡到2，做一個設(shè)計與用戶體驗的提升。
1
基礎(chǔ)問題梳理
是不是時常有面試官喜歡問這樣的問題:你覺得我們的APP有什么可以優(yōu)化的地方嗎？
1. 一致性原則
一致性原則是雅各布 ? 尼爾森的十大交互設(shè)計原則之一，在實際項目實踐中有很強的指導(dǎo)性作用。
因為各式各樣的原因，一些產(chǎn)品的視覺設(shè)計沒有規(guī)范，由不同批次的設(shè)計師完成，導(dǎo)致APP中許多界面的視覺風(fēng)格都不一致。
? 一致性體現(xiàn)的方面
控件結(jié)構(gòu)
比如卡片底部操作區(qū)展示（點贊／評論／分享的固定控件樣式）的統(tǒng)一。
視覺規(guī)范
主色調(diào)與其他輔色在各界面色值的統(tǒng)一，文字樣式與主體文字大小的統(tǒng)一。
操作反饋
用戶在使用APP同功能時的操作統(tǒng)一，并得到統(tǒng)一的反饋，比如點擊彈窗關(guān)閉按鈕，會有統(tǒng)一的下滑消失反饋。
? 一致性的重要性
因為對于用戶來說，同樣的控件樣式／操作反饋都觸發(fā)了相同的事情，而不同的界面視覺語言打亂了用戶的界面使用慣性， 給產(chǎn)品易用性打了折扣。
同時，視覺上的不規(guī)范也僅對設(shè)計團隊的后續(xù)版本迭代視覺規(guī)范管理有影響，對產(chǎn)品的品牌性也造成了一定影響，給產(chǎn)品帶來一種不專業(yè)感。
因此APP界面的不一致雖然產(chǎn)品經(jīng)理有時并不在意，但作為UI設(shè)計師應(yīng)該以理服人推進到底 。
2.視覺品牌性
通常我們給UI設(shè)計的作用定義都是通過視覺的方式優(yōu)化產(chǎn)品體驗傳達品牌概念。APP產(chǎn)品不同于我們常見的線下產(chǎn)品，用戶對于它的感受幾乎完全的依賴于線上界面中所提供的信息。因此除了本身的產(chǎn)品LOGO之外，整個APP的UI都在傳達給用戶這個產(chǎn)品的定位與品牌調(diào)性。
因此如果一個APP做出來毫無自己的調(diào)性，和N種競品像素級類似，那么產(chǎn)品本身也就很難從眾多的山寨中脫引而出。
題外話：當(dāng)然設(shè)計師們應(yīng)該也都發(fā)現(xiàn)了現(xiàn)在國內(nèi)的互聯(lián)網(wǎng)行情避免不了的還是在你抄我我抄你，有時產(chǎn)品經(jīng)理的原型和競品相似度可以高達90%?；旧鲜悄膫€東西突然火了，大家就爭先恐后的做同一款A(yù)PP。誰會是最后的贏家就不只是設(shè)計這么簡單的事情了，APP背后的融資靠山以及推廣渠道等等都是重大的影響因素。
3.用戶體驗漏洞
我們在這里暫時不說用戶體驗提升，先單純說缺漏。大家可能覺得只有剛剛做完1.0版本的APP會有這樣的缺漏，成熟的APP就不會有。
這里舉個成熟的工具型APP——墨跡天氣的例子。
拍照／選擇圖片部分調(diào)用了iOS原生控件，很顯然這個部分算是一個設(shè)計細節(jié)缺漏吧。
另外我很想知道這個頁面右上角圖標點開后會是個大概什么內(nèi)容的界面有幾個童鞋能猜對（雖然APP第一次使用時有個黃條提示）。
最后我們回到首頁讓我有點驚訝的是APP第一次使用時沒有提示屏幕可以下滑看未來5天的天氣詳情。
＊當(dāng)然也許墨跡天氣有它的數(shù)據(jù)考量，我們只能單純從視覺用戶體驗層面稍加分析。
大家應(yīng)該都發(fā)現(xiàn)在這部分我沒有提大框架上的界面設(shè)計優(yōu)化，因為其實在沒有真正去產(chǎn)品經(jīng)理手里拿到APP各項具體數(shù)據(jù)、了解他們針對的實際用戶群體和目前發(fā)展方向之前，APP的設(shè)計優(yōu)化也都只是停留在淺層的視覺優(yōu)化層面上的。所以真正的設(shè)計提升優(yōu)化還是得從了解產(chǎn)品本身開始。
2
如何做設(shè)計提升
你的設(shè)計從“能用”到“好用”有多遠的距離？
1. "學(xué)會包裝"
這里說的包裝，當(dāng)然不是指你把作品用各種mock up和排版包裝成blingbling的展示圖扔到站酷上就表示你包裝成功了。
也有童鞋在站酷私信我，問面試總撲街的原因，看過TA的作品之后就發(fā)現(xiàn)一個很嚴重的問題是，作品不落地的同時過多的把作品停留在視覺包裝上而非內(nèi)容的包裝。
如果你是一名在公司上班的UI設(shè)計師，那么在工作中很現(xiàn)實的問題就在于沒有人會輕易同意你的設(shè)計稿（除非你是業(yè)界公認的大咖），從產(chǎn)品經(jīng)理到設(shè)計經(jīng)理甚至開發(fā)都可能從配色到風(fēng)格開始diss你的設(shè)計稿，那么如何從一開始就爭取到主動權(quán)呢？
? 用完整思考路徑代替結(jié)果
無論是配色還是圖標風(fēng)格，相信都會有你自己的思考過程，把這些加上”證據(jù)“（競品OR大咖APP呈現(xiàn)的效果等）做成完成的分析，最后用一個完整的分析代替單純的一頁設(shè)計稿。
就算還會有diss聲，但至少會讓自己在前期站住腳拿到主動權(quán)，并且很有說服力。
這里給大家放一個之前幫公司做的基金詳情頁優(yōu)化的一個思考路徑做參考吧。
基金詳情頁在UX改版后點擊率提升了3個百分點
? 提供更多解決方案
正如我們0-1文章中說的，設(shè)計師是解決問題的，那么在發(fā)現(xiàn)問題到解決的過程中，單一丟出一個結(jié)果也是無法服眾的。
建議通過思考做出多種方案（不需要過多，我的經(jīng)驗直覺是過多的方案是思維雜亂和不知如何是好的結(jié)果）。這里也拿1個例子和大家分享。
看不清的可以點擊看大圖哦
2. 設(shè)計移情
這個概念也是聽過一次騰訊的大咖設(shè)計師分享之后知道的概念，當(dāng)時感覺受益匪淺。
簡化來說就是學(xué)會考慮用戶使用場景、站在用戶角度映使用射場景，考慮設(shè)計可能，把設(shè)計從能用變?yōu)楹糜?。下面還是用例子說話：
這是騰訊大咖分享的一款手機購票的APP改版前。看上去也似乎可以正常使用
這是APP優(yōu)化后的最終效果。
個人覺得這是一個特別完美的例子，前后對比我們可以很明顯的看出，這不單單這是一個視覺優(yōu)化的過程，更多在于信息的整合與收納。
同時模擬了用戶的使用情境，以模擬實物票的樣式表達線上的出票信息，使用不同地鐵線分類地鐵站代替難以點擊的字母分類（雖然個人覺得這塊還可以再優(yōu)化，目前來看也少了搜索功能）。
這些改動都極大的提升了用戶的使用效率，真正從UI層面上貼近了地鐵購票APP的核心關(guān)鍵：便捷購票。
3.培養(yǎng)產(chǎn)品思維
? 數(shù)據(jù)化思維
很多好學(xué)的設(shè)計師童鞋注重設(shè)計創(chuàng)造力與交互理論的積累，容易忽略了數(shù)據(jù)的分析的重要性。這個大概也就需要在實際工作項目中去體會的了。
在整個項目進行中，數(shù)據(jù)分析基本可以分為：
前期調(diào)研數(shù)據(jù)
中期測試數(shù)據(jù)
后期結(jié)果數(shù)據(jù)
這里舉一個還在獵豹的時候做清理大師大改版時候遇到的因為數(shù)據(jù)改變設(shè)計的例子。
因為中期測試一部分數(shù)據(jù)用戶反饋首頁改版后顯得刺眼（因為APP長年未做大改版，舊版主色較深）因此重新調(diào)整了改版的主色，使用了明度更貼近原版的藍色。
? 營銷思維
在關(guān)注數(shù)據(jù)后，我們就可以有所依據(jù)的去設(shè)計，不是如何設(shè)計好看，而是如何設(shè)計用戶更容易買單。最近有篇文章很流行《5個丑出新高度的網(wǎng)站，為什么那么多人夸》，讓我想起之前Expedia特地為了日本市場重新做了一個“接地氣”的銷售網(wǎng)站。
左邊為美國的Expedia ，右邊為日本的Expedia. 2014.
日本是一個極度重視信用度的國家，美國版的Expedia對大多數(shù)日本人來說內(nèi)容過少，并沒有足夠的信任感。
這個例子其實就告訴我們所有的UI設(shè)計都應(yīng)該是基于實際數(shù)據(jù)的，而不是設(shè)計師的審美或者某個國外書籍里告訴你的某個交互定律。設(shè)計感與定律（不同國家不同國情，并不一定適用，就比如歐美人的閱讀習(xí)慣和國人就不同）是參考，但決定一切的是產(chǎn)品的發(fā)展策略與實際數(shù)據(jù)。
＊培養(yǎng)產(chǎn)品思維對UI設(shè)計師來說是一個高階且大模塊的學(xué)習(xí)，這里因為篇幅原因和個人積累有限也寫的比較淺顯。
3
被誤解的交互動效
動效在很多人眼里是和輔助一樣的存在，真的是這么雞肋嗎？
1. 交互動效的用途區(qū)分
現(xiàn)在APP中可以用到的交互動效按用途分，可以分為幾個類型：
? 反饋型交互動效
在使用某個功能后，反饋用戶當(dāng)前APP功能狀態(tài)切換的交互動效。涵蓋的范圍也非常廣，比如下拉loading、tabbar上的微動效等。
? 功能型交互動效
特定工具類、直播類等產(chǎn)品所需求的元素動效，比如直播時飛過的飛機、清理應(yīng)用時轉(zhuǎn)動的風(fēng)扇。這類的動效通過擬物化設(shè)計完成特定的重要功能，增強了與用戶的互動，是特點功能的最佳展現(xiàn)方式。
? 過渡型交互動效
在頁面跳轉(zhuǎn)與功能銜接中起到重要作用的交互動效。好的過渡動效避免了界面快速切換時給用戶帶來的迷失，給人以極佳的使用舒適感。
? 趣味型交互動效
起到錦上添花、增加趣味性和品牌調(diào)性的交互動效。
以上的例子都來自dribbble，我截取出來比較方便。
在這里我們撇開天花亂墜的飛機稿和純藝術(shù)創(chuàng)作不說，僅說交互動效在實際項目中的應(yīng)用情況其實并非是越多越好。
在實際項目中，不同類型的APP對動效的需求也不同，類似新聞類、深度閱讀類的產(chǎn)品，過度的、非必須的動效使用反而會干擾閱讀，我們應(yīng)該在實際情況中考慮動效的優(yōu)先取舍。
2. Lottie開源動畫庫
通常我們做的偏復(fù)雜的app動效，在實際落地過程中會遇到很多問題，比如：Gif圖失真、占內(nèi)存過大、開發(fā)成本過高。
那么由Airbnb開源的動畫庫Lottie很有效的解決了這一系列問題。Lottie可以直接利用 AE 導(dǎo)出的 JSON 動畫文件，將其解析為原生代碼，在iOS和Android設(shè)備平臺上運行。
大約還在1年前左右，我之前所在的公司在APP大改版中應(yīng)用過Lottie動畫庫，不過那個時候Lottie還十分不完善，含有位圖或者3D-fx的動效都無法順利使用Lottie動畫庫，因為現(xiàn)在公司做動效極少，不知道現(xiàn)在這些功能bug完善沒有。
簡書上有不少開發(fā)童鞋分享的Lottie使用心得，有興趣的設(shè)計師也可以瞅瞅他們的技術(shù)型文章。
新年回來第一發(fā)，估計有些小伙伴已經(jīng)開工了，這里和大家講多幾句題外毒雞湯。
回國工作這幾年發(fā)現(xiàn)國內(nèi)互聯(lián)網(wǎng)圈有種濃濃的焦慮壓迫癥，大家做事并不講究效率與創(chuàng)新，而是更注重形式與模仿，大概這就是國情，a little sad...
但是我還是真心希望大家能以一種工作與生活平衡的狀態(tài)去成長，因為其實這樣得到的真正收獲更多，也可以盡可能的讓自己不要迅速變成一個麻木冰冷又無趣的成年人。
其實做公眾號的初衷在于激勵自己以積極的心態(tài)去對待工作，意外發(fā)現(xiàn)還可以保護自己的一些創(chuàng)作版權(quán)，心懷感激的謝過每個轉(zhuǎn)發(fā)支持的小可愛。
筆芯?。
本文為作者獨立觀點，不代表鳥哥筆記立場，未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責(zé)申明》 如對文章、圖片、字體等版權(quán)有疑問，請點擊 反饋舉報
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容，同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權(quán)，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結(jié)；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權(quán)益；
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡(luò)欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內(nèi)容；
2. 不友善：不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應(yīng)，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容，或進行相關(guān)行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容；
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容，如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容，如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內(nèi)容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容；
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內(nèi)容；
2)存在事實夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構(gòu)或個人存在關(guān)聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治病；
2)求推薦算命看相大師；
3)針對具體風(fēng)水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶；
2)內(nèi)容與標題之間存在嚴重不實或者原意扭曲；
3)使用夸張標題，內(nèi)容與標題嚴重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內(nèi)容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的；
2)不當(dāng)評述自然災(zāi)害、重大事故等災(zāi)難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個用戶發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富，本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的，將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)