天天综合网亚在线,777久久精品一区二区三区无码

搜索

APP

起點課堂會員權益

職業(yè)體系課特權

線下行業(yè)大會特權

個人IP打造特權

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導直播

12場專業(yè)技能直播

會員專屬社群

榮耀標識

發(fā)布

注冊 | 登錄

項目中UX設計1到2的優(yōu)化總結(jié)

柒爺

2018-03-23

1 評論 12749 瀏覽 95 收藏

15 分鐘

本文總結(jié)了做一個設計與用戶體驗的提升，如何從1過渡到2。enjoy~

一般UX設計師剛到一家新公司會遇到2種情況：

公司的產(chǎn)品視覺構架包括規(guī)范以及到設計團隊建設都非常完備，產(chǎn)品體驗從第一眼看過去就很棒，可優(yōu)化的地方屈指可數(shù)。
與第一種情況完全相反。

那么，我們從第二種比較糟糕的情況開始總結(jié)該如何從1過渡到2，做一個設計與用戶體驗的提升。

一. 基礎問題梳理

是不是時常有面試官喜歡問這樣的問題:你覺得我們的APP有什么可以優(yōu)化的地方嗎？

1. 一致性原則

一致性原則是雅各布 ? 尼爾森的十大交互設計原則之一，在實際項目實踐中有很強的指導性作用。

因為各式各樣的原因，一些產(chǎn)品的視覺設計沒有規(guī)范，由不同批次的設計師完成，導致APP中許多界面的視覺風格都不一致。

（1）一致性體現(xiàn)的方面

控件結(jié)構：比如卡片底部操作區(qū)展示（點贊／評論／分享的固定控件樣式）的統(tǒng)一。
視覺規(guī)范：主色調(diào)與其他輔色在各界面色值的統(tǒng)一，文字樣式與主體文字大小的統(tǒng)一。
操作反饋：用戶在使用APP同功能時的操作統(tǒng)一，并得到統(tǒng)一的反饋，比如點擊彈窗關閉按鈕，會有統(tǒng)一的下滑消失反饋。

（2）一致性的重要性

因為對于用戶來說，同樣的控件樣式／操作反饋都觸發(fā)了相同的事情，而不同的界面視覺語言打亂了用戶的界面使用慣性，給產(chǎn)品易用性打了折扣。

同時，視覺上的不規(guī)范也僅對設計團隊的后續(xù)版本迭代視覺規(guī)范管理有影響，對產(chǎn)品的品牌性也造成了一定影響，給產(chǎn)品帶來一種不專業(yè)感。

2. 視覺品牌性

通常我們給UI設計的作用定義都是通過視覺的方式優(yōu)化產(chǎn)品體驗傳達品牌概念。APP產(chǎn)品不同于我們常見的線下產(chǎn)品，用戶對于它的感受幾乎完全的依賴于線上界面中所提供的信息。因此除了本身的產(chǎn)品LOGO之外，整個APP的UI都在傳達給用戶這個產(chǎn)品的定位與品牌調(diào)性。

因此如果一個APP做出來毫無自己的調(diào)性，和N種競品像素級類似，那么產(chǎn)品本身也就很難從眾多的山寨中脫引而出。

3. 用戶體驗漏洞

我們在這里暫時不說用戶體驗提升，先單純說缺漏。大家可能覺得只有剛剛做完1.0版本的APP會有這樣的缺漏，成熟的APP就不會有。

這里舉個成熟的工具型APP——墨跡天氣的例子。

拍照／選擇圖片部分調(diào)用了iOS原生控件，很顯然這個部分算是一個設計細節(jié)缺漏吧。

另外我很想知道這個頁面右上角圖標點開后會是個大概什么內(nèi)容的界面有幾個童鞋能猜對（雖然APP第一次使用時有個黃條提示）。

最后我們回到首頁讓我有點驚訝的是APP第一次使用時沒有提示屏幕可以下滑看未來5天的天氣詳情。

＊當然也許墨跡天氣有它的數(shù)據(jù)考量，我們只能單純從視覺用戶體驗層面稍加分析。

大家應該都發(fā)現(xiàn)在這部分我沒有提大框架上的界面設計優(yōu)化，因為其實在沒有真正去產(chǎn)品經(jīng)理手里拿到APP各項具體數(shù)據(jù)、了解他們針對的實際用戶群體和目前發(fā)展方向之前，APP的設計優(yōu)化也都只是停留在淺層的視覺優(yōu)化層面上的。所以真正的設計提升優(yōu)化還是得從了解產(chǎn)品本身開始。

二. 如何做設計優(yōu)化

一個設計從“能用”到“好用”有多遠的距離？

1. “學會包裝”

這里說的包裝，當然不是指你把作品用各種mock up和排版包裝成blingbling的展示圖扔到站酷上就表示你包裝成功了。

也有童鞋在站酷私信我，問面試總撲街的原因，看過TA的作品之后就發(fā)現(xiàn)一個很嚴重的問題是，作品不落地的同時過多的把作品停留在視覺包裝上而非內(nèi)容的包裝。

如果你是一名在公司上班的UX設計師，那么在工作中很現(xiàn)實的問題就在于沒有人會輕易同意你的設計稿（除非你是業(yè)界公認的大咖），從產(chǎn)品經(jīng)理到設計經(jīng)理甚至開發(fā)都可能從配色到風格開始diss你的設計稿，那么如何從一開始就爭取到主動權呢？

（1）用完整思考路徑代替結(jié)果

無論是配色還是圖標風格，相信都會有你自己的思考過程，把這些加上”證據(jù)“（競品OR大咖APP呈現(xiàn)的效果等）做成完成的分析，最后用一個完整的分析代替單純的一頁設計稿。

就算還會有diss聲，但至少會讓自己在前期站住腳拿到主動權，并且很有說服力。

這里給大家放一個之前幫公司做的基金詳情頁優(yōu)化的一個思考路徑做參考吧。

基金詳情頁在UX改版后點擊率提升了3個百分點

（2）提供更多解決方案

正如我們0-1文章中說的，設計師是解決問題的，那么在發(fā)現(xiàn)問題到解決的過程中，單一丟出一個結(jié)果也是無法服眾的。

建議通過思考做出多種方案（不需要過多，我的經(jīng)驗直覺是過多的方案是思維雜亂和不知如何是好的結(jié)果）。這里也拿1個例子和大家分享。

2. 設計移情

這個概念也是聽過一次騰訊的大咖設計師分享之后知道的概念，當時感覺受益匪淺。

簡化來說就是學會考慮用戶使用場景、站在用戶角度映使用射場景，考慮設計可能，把設計從能用變?yōu)楹糜谩Ｏ旅孢€是用例子說話：

這是騰訊大咖分享的一款手機購票的APP改版前?？瓷先ヒ菜坪蹩梢哉Ｊ褂?/p>

這是APP優(yōu)化后的最終效果。

個人覺得這是一個特別完美的例子，前后對比我們可以很明顯的看出，這不單單這是一個視覺優(yōu)化的過程，更多在于信息的整合與收納。

同時模擬了用戶的使用情境，以模擬實物票的樣式表達線上的出票信息，使用不同地鐵線分類地鐵站代替難以點擊的字母分類（雖然個人覺得這塊還可以再優(yōu)化，目前來看也少了搜索功能）。

這些改動都極大的提升了用戶的使用效率，真正從UI層面上貼近了地鐵購票APP的核心關鍵：便捷購票。

3. 培養(yǎng)產(chǎn)品思維

（1）數(shù)據(jù)化思維

很多好學的設計師童鞋注重設計創(chuàng)造力與交互理論的積累，容易忽略了數(shù)據(jù)的分析的重要性。這個大概也就需要在實際工作項目中去體會的了。

在整個項目進行中，數(shù)據(jù)分析基本可以分為：

前期調(diào)研數(shù)據(jù)
中期測試數(shù)據(jù)
后期結(jié)果數(shù)據(jù)

這里舉一個還在獵豹的時候做清理大師大改版時候遇到的因為數(shù)據(jù)改變設計的例子。

因為中期測試一部分數(shù)據(jù)用戶反饋首頁改版后顯得刺眼（因為APP長年未做大改版，舊版主色較深）因此重新調(diào)整了改版的主色，使用了明度更貼近原版的藍色。

（2）營銷思維

在關注數(shù)據(jù)后，我們就可以有所依據(jù)的去設計，不是如何設計好看，而是如何設計用戶更容易買單。最近有篇文章很流行《5個丑出新高度的網(wǎng)站，為什么那么多人夸》，讓我想起之前Expedia特地為了日本市場重新做了一個“接地氣”的銷售網(wǎng)站。

左邊為美國的Expedia?，右邊為日本的Expedia. 2014.

日本是一個極度重視信用度的國家，美國版的Expedia對大多數(shù)日本人來說內(nèi)容過少，并沒有足夠的信任感。

這個例子其實就告訴我們所有的UI設計都應該是基于實際數(shù)據(jù)的，而不是設計師的審美或者某個國外書籍里告訴你的某個交互定律。設計感與定律（不同國家不同國情，并不一定適用，就比如歐美人的閱讀習慣和國人就不同）是參考，但決定一切的是產(chǎn)品的發(fā)展策略與實際數(shù)據(jù)。