當?shù)湫偷腢I設(shè)計師到達新公司時，他或她會遇到兩種情況：

該公司的產(chǎn)品愿景框架，包括規(guī)格和施工團隊，非常完整。乍看之下，產(chǎn)品體驗非常好，而且只有少數(shù)優(yōu)化的地方。與第一種情況相反。

然后我們從第二個不好的情況開始，總結(jié)如何從1過渡到2，以改善設(shè)計和用戶體驗。

一，梳理的基本問題

面試官是否經(jīng)常喜歡提出這樣的問題：您認為我們的APP中有什么可以優(yōu)化的嗎？

1.一致性原則

一致性原則是Jacob&Bulll十大互動設(shè)計原則之一;尼爾森在實際項目實踐中具有強大的指導作用。

由于各種原因，一些產(chǎn)品的視覺設(shè)計不是標準化的，并且由不同批次的設(shè)計者完成，導致APP中許多界面的視覺風格不一致。

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

控制結(jié)構(gòu)：例如，卡底部的操作區(qū)域顯示的均勻性（甜/評/共享固定控制方式）?？梢暬?guī)范：每個界面中原色和其他二次色的均勻性，文本樣式的均勻性和主文本的大小。操作反饋：統(tǒng)一使用APP的相同功能時用戶的操作，獲得統(tǒng)一的反饋。例如，單擊彈出窗口關(guān)閉按鈕將具有統(tǒng)一的滑落反饋。

一致性的重要性

由于相同的控制風格/操作反饋對用戶觸發(fā)相同的事情，因此不同的界面可視語言會破壞用戶界面的慣性并損害產(chǎn)品的可用性。

同時，視覺不規(guī)則性只會影響后續(xù)版本的設(shè)計團隊對迭代視覺規(guī)范的管理，同時也對產(chǎn)品的品牌化產(chǎn)生一定的影響，給產(chǎn)品帶來不滿的感覺。

雖然產(chǎn)品經(jīng)理有時不關(guān)心APP界面的不一致性，但作為UI設(shè)計師，他們應(yīng)該被說服。

2.視覺品牌

通常，我們通過視覺優(yōu)化產(chǎn)品體驗來定義UI設(shè)計的角色，以傳達品牌概念。 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的例子——墨水天氣。

Photo/Select Image部分調(diào)用iOS本機控件，這顯然是缺少設(shè)計細節(jié)。

另外，我想知道這個頁面右上角的圖標將是一個什么內(nèi)容的界面（雖然APP第一次有一個黃色條）。

最后，我們回到了主頁。讓我感到驚訝的是，APP第一次沒有提示屏幕，以便查看接下來5天的天氣情況。

當然，也許墨水天氣有其數(shù)據(jù)考慮因素，我們只能從視覺用戶體驗水平稍微分析一下。

每個人都應(yīng)該發(fā)現(xiàn)，在這部分中，我沒有提到大框架上的界面設(shè)計優(yōu)化，因為事實上，在實際獲取APP的具體數(shù)據(jù)到產(chǎn)品經(jīng)理手中之前，了解實際的用戶組和當前他們所針對的發(fā)展方向，APP設(shè)計優(yōu)化也只是在淺層視覺優(yōu)化層面。因此，真正的設(shè)計改進優(yōu)化仍然必須從了解產(chǎn)品本身開始。

二，如何改進設(shè)計

您的設(shè)計從“可用”到“易于使用”有多遠？

1.學習打包

當然，這里提到的包裝并不意味著您將作品打包成一個帶有各種模擬和排版的blingbling顯示。把它扔到車站涼爽意味著你的包裝成功。

有些學生還偷偷摸摸地問我為什么面試失敗了。在閱讀了TA的工作后，我發(fā)現(xiàn)了一個非常嚴重的問題。當工作沒有落地時，我在視覺包裝上留下了太多而不是內(nèi)容包裝。

如果您是在公司工作的UI設(shè)計師，那么工作中的真正問題是，從產(chǎn)品經(jīng)理到設(shè)計經(jīng)理，沒有人會輕易同意您的設(shè)計（除非您是行業(yè)認可的大咖啡）。開發(fā)可以開始將您的設(shè)計從顏色匹配變?yōu)轱L格。那么你如何從一開始就獲得主動權(quán)？

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

無論是顏色匹配還是圖標風格，我相信您將擁有自己的思維過程，并將“證據(jù)”（競爭產(chǎn)品或大咖啡APP的效果）添加到完成的分析中，最后用完整的替換簡單的分析。單頁設(shè)計草案。

即使有不同的聲音，至少你會讓自己站在早期階段，獲得主動權(quán)，并且非常有說服力。

以下是每個人為公司提供基金詳情頁面優(yōu)化的參考路徑。

△基金會詳情頁面在用戶體驗修改后增加了3個百分點

提供更多解決方案

正如我們在《超全面！從0到1正確開啟UX項目的方式》文章中所說，設(shè)計師正在解決問題，然后在找到解決問題的過程中，隱藏單個結(jié)果是不可能的。

建議通過思考（而不是太多）來制作各種解決方案，這是一個與您分享的示例。

2.設(shè)計同理心

這個概念也是我在分享騰訊大咖啡設(shè)計師后聽到的概念。我覺得我受益匪淺。

簡化是學會考慮用戶對場景的使用，從用戶的角度映射場景的使用，考慮設(shè)計的可能性，并將設(shè)計從可用變?yōu)橛杏谩Ｎ覀儊碚務(wù)勏旅娴睦印?

△這是騰訊大咖啡手機購買票的一個版本。在APP版本發(fā)生變化之前，它似乎正常工作。

△這是APP優(yōu)化后的最終結(jié)果

個人覺得這是一個特別完美的例子。在比較之前和之后，我們可以清楚地看到，這不僅僅是視覺優(yōu)化的過程，而是更多關(guān)于信息的集成和存儲。

同時，它模擬用戶的使用情況，模擬實體票快線上的票務(wù)信息，并使用不同的地鐵線路對地鐵站進行分類，而不是難以點擊的字母分類（雖然個人覺得這件作品可以重新優(yōu)化，目前它也是少搜索功能）。

這些變化大大提高了用戶的使用效率，并且從UI級別真正接近地鐵票APP的核心：方便購票。

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

數(shù)據(jù)化思維

許多熱心的設(shè)計師都注重設(shè)計創(chuàng)意和互動理論的積累，而忽略了數(shù)據(jù)分析的重要性。這可能需要在實際工作項目中加以理解。

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

以前的研究數(shù)據(jù)，中期測試數(shù)據(jù)，后期制作數(shù)據(jù)

以下是獵豹作為清潔大師時遇到的設(shè)計變更示例。

由于部分數(shù)據(jù)在中期測試中，用戶反饋在主頁修改后顯得很明顯（因為APP長時間沒有經(jīng)過重新設(shè)計，舊版本有更深的主色），所以主色已經(jīng)重新調(diào)整了修訂版本，并使用了亮度接近原始版本的藍色。

營銷思維

在關(guān)注數(shù)據(jù)后，我們可以根據(jù)基礎(chǔ)設(shè)計，而不是如何設(shè)計好，但如何設(shè)計用戶更容易付費。最近的一篇文章非常受歡迎《這5個丑出新高度的網(wǎng)站，為什么那么多人夸》，讓我想起了Expedia之前為日本市場重新制作的“基礎(chǔ)燃氣”銷售網(wǎng)站。

△左邊是美國的Expedia，右邊是日本的Expedia。 2014

日本是一個非常重視信貸的國家。美國版的Expedia對大多數(shù)日本人來說內(nèi)容太少，而且沒有足夠的信任。

這個例子實際上告訴我們，所有UI設(shè)計都應(yīng)該基于實際數(shù)據(jù)，而不是設(shè)計師的美學或外國書中講述的互動法。設(shè)計意識和法律是參考，但決定一切的是產(chǎn)品開發(fā)策略和實際數(shù)據(jù)。不同的國家和不同的國情不一定適用，例如，歐洲人和美國人的閱讀習慣與普通人的閱讀習慣不同。

第三，誤解了互動

在許多人的眼中，效果與輔助效果相同。它真的如此肋骨嗎？

1.互動的目的是有區(qū)別的

可以在AP P中使用的交互式效果可以根據(jù)其用途分為幾種類型：

反饋型交互動效

使用某個功能后，反饋用戶當前APP功能狀態(tài)切換的交互效果。覆蓋范圍也很廣，例如下拉加載，tabbar上的微動，等等。

功能型交互動效

特定工具，現(xiàn)場直播等所需的元素效果。例如，在直播期間飛行的飛機，以及清潔應(yīng)用程序時轉(zhuǎn)動的風扇。這種動態(tài)效果通過準物理設(shè)計增強了與用戶的交互，完成了某些重要功能，這是顯示功能的最佳方式。

過渡型交互動效

在頁面跳轉(zhuǎn)和功能融合中起重要作用的交互。良好的過渡效果避免了界面快速切換時用戶的損失，給人以極佳的舒適感。

趣味型交互動效

互動效果增添了錦上添花，增添了樂趣和品牌色調(diào)。

△以上例子來自運球

在這里，我們打開了暴漲的草稿和純藝術(shù)創(chuàng)作，說在實際項目中交互式效果的應(yīng)用并不是越多越好。

在實際項目中，不同類型的APP對動態(tài)效果有不同的要求。與新聞和深度閱讀產(chǎn)品類似，過度和不必要的運動使用會干擾閱讀。我們應(yīng)該考慮實際情況的影響。第一選擇。

2. Lottie開源動畫庫

通常我們會做很多復雜的app效果，在實際登陸過程中會遇到很多問題，比如：Gif圖形亂碼，占用內(nèi)存太多，開發(fā)成本太高。

然后Airbnb的開源動畫庫Lottie非常有效地解決了這一系列問題。 Lottie可以直接使用AE導出的JSON動畫文件，將它們解析為本機代碼，并在iOS和Android設(shè)備平臺上運行它們。

« 傳統(tǒng)的企業(yè)網(wǎng)站優(yōu)化需要通過幾個維修點。在過去 | 如何在點對點競爭的情況下惡意推廣醫(yī)療推廣程序 »