在新家一點(diǎn)點(diǎn)安頓了下來，不過心里還是缺乏踏實(shí)的方向感；貓貓們也都有些瞻前顧后草木皆兵的樣子，有待繼續(xù)習(xí)慣；希望大家都好好的。話說眼前的這篇候選文章貌似已然有同行做過譯文，不過正像 “關(guān)于BeForWeb”中所說的，我只挑那些我喜歡的 、對我自己有學(xué)習(xí)和收藏價(jià)值的內(nèi)容來做譯文，其他方面的因素和我沒有半毛錢的關(guān)系。不多說，直接進(jìn)入正題。

在人際關(guān)系中，良好的第一印象是非常重要的，人們愿意在彼此身上尋求信任與誠實(shí)，并期望在接下來的經(jīng)歷中重現(xiàn)和增強(qiáng)這些好感。同樣的道理也體現(xiàn)在移動應(yīng)用或互聯(lián)網(wǎng)產(chǎn)品中。在打造良好的品牌信譽(yù)及其與終端用戶之間持久信任關(guān)系的過程中，“設(shè)計(jì)”扮演著極其重要的角色。

在用戶的期望中，移動應(yīng)用應(yīng)該是準(zhǔn)確、友好和高效的。然而，移動設(shè)備自身的局限性確實(shí)為產(chǎn)品的設(shè)計(jì)帶來了不少挑戰(zhàn)。要打造值得信賴的移動應(yīng)用用戶體驗(yàn)，產(chǎn)品在性能方面的表現(xiàn)是極其重要的關(guān)鍵因素。

本文中，我們將對移動應(yīng)用的設(shè)計(jì)與性能表現(xiàn)之間的關(guān)系進(jìn)行討論，并了解七個(gè)相關(guān)的設(shè)計(jì)準(zhǔn)則。這些準(zhǔn)則都是我們（英文原文作者）團(tuán)隊(duì)在各類移動應(yīng)用實(shí)際項(xiàng)目中逐漸總結(jié)歸納出來的 ；希望它們同樣可以幫助大家在落產(chǎn)品實(shí)需求的同時(shí)，從性能的角度更加合理的規(guī)劃設(shè)計(jì)方案。

移動應(yīng)用的性能表現(xiàn)

人們需要通過移動應(yīng)用在某種場景中完成一定的需求目標(biāo)，例如提升效率、舒適度，或是單純的找找樂子。“功效”是移動應(yīng)用的一個(gè)核心因素，它們必須夠快夠穩(wěn)定，才能在各種充滿變數(shù)的使用場景中有效的提供功能與價(jià)值。

然而，在現(xiàn)實(shí)中我們時(shí)常發(fā)現(xiàn)，對于很多移動應(yīng)用來說，設(shè)計(jì)和開發(fā)周期卻始于對視覺外觀的強(qiáng)烈訴求：“ 它看上去必須很棒！” 誠然，出色的視覺風(fēng)格可以通過優(yōu)秀的第一印象來吸引用戶，但是要想讓一款應(yīng)用得到用戶長久的青睞，每個(gè)方面的質(zhì)量和表現(xiàn)都含糊不得，尤其是在性能方面。中看不中用的產(chǎn)品只會破壞它自己的信譽(yù)，用戶很快就會察覺其緩慢的運(yùn)行速度，甚至?xí)�因�(yàn)殡y以忍受的加載時(shí)間或頻繁的崩潰而認(rèn)為這款應(yīng)用根本無法使用；這對產(chǎn)品的可用性和品牌感知都是極大的損害。在用戶的期望中，一款應(yīng)用必須首先具有快速的響應(yīng)性，否則，最直接的后果就是在App Store中得到差評，安裝率少的可憐。

下圖是Twitter與Cookmate兩款應(yīng)用的界面對比；拋開用戶基礎(chǔ)方面的因素，即使擁有炫目的視覺效果， Cookmate的用戶打分和評價(jià)也無法超越界面簡潔樸素的Twitter客戶端。

性能表現(xiàn)與品牌差異

產(chǎn)品的每個(gè)方面都會影響品牌感知。通常情況下，用戶的要求很簡單，他們只想找到最合適的工具，來幫助他們切實(shí)改善生活中的某些方面。要使自己的產(chǎn)品在繽紛的市場中脫穎而出，樹立起品牌，并真正的吸引用戶，你的應(yīng)用必須在某些方面強(qiáng)于對手，或是擁有其他應(yīng)用所不具備的特色。作為移動用戶體驗(yàn)中的重要元素，優(yōu)異的性能表現(xiàn)會直接幫助你的應(yīng)用在品牌層面超越其他同類產(chǎn)品。進(jìn)一步說，如果你能攻克某些技術(shù)挑戰(zhàn)， 使相關(guān)的特色功能可以流暢穩(wěn)定的運(yùn)行，那么這絕對會成為你的產(chǎn)品中難以被復(fù)制的獨(dú)特賣點(diǎn)。

關(guān)于這一點(diǎn)，F(xiàn)lickr的iPhone應(yīng)用是個(gè)不錯(cuò)的例子。Flickr曾經(jīng)在他的主站中宣稱，他們的應(yīng)用有兩大目標(biāo)：一方面幫助用戶展示他們照片，另外還會提供全新的組織照片與視頻的方式。他們的應(yīng)用確實(shí)很好的做到了這兩點(diǎn)，有效的提升了品牌信譽(yù)度。

所以，在規(guī)劃你的應(yīng)用產(chǎn)品時(shí)，有必要首先對市場進(jìn)行分析，并問自己兩個(gè)問題：

我們的應(yīng)用與競爭對手相比有哪些不同？

我們可以在哪些方面做的比競爭對手更好？

明確了這些方向性的問題之后，再將注意力放在產(chǎn)品的設(shè)計(jì)與開發(fā)上。

性能表現(xiàn)與設(shè)計(jì)

無論打造怎樣的產(chǎn)品，正確的方式方法都是至關(guān)重要的，這也是人們制定設(shè)計(jì)與工程準(zhǔn)則的初衷。一款汽車的設(shè)計(jì)會影響到它的空氣動力表現(xiàn)；一座橋梁，除了要有漂亮的外觀，對風(fēng)力及交通負(fù)載的承受能力也是在設(shè)計(jì)過程中必須考慮的核心因素。同樣的道理也體現(xiàn)在移動應(yīng)用的設(shè)計(jì)當(dāng)中。對設(shè)計(jì)方案的選擇會影響到應(yīng)用的各個(gè)方面，包括內(nèi)容呈現(xiàn)、交互性、視覺外觀，以及最重要的一點(diǎn)——性能表現(xiàn)。

我們可以發(fā)現(xiàn)，很多產(chǎn)品團(tuán)隊(duì)會將性能表現(xiàn)方面的責(zé)任丟給技術(shù)開發(fā)人員；這種傳統(tǒng)觀念所造成的最直接的結(jié)果，就是很多涉及到性能方面的潛在問題只有在設(shè)計(jì)流程的尾聲、開發(fā)環(huán)節(jié)的初期才會暴露出來。實(shí)際上，技術(shù)開發(fā)方面的相關(guān)角色應(yīng)該在產(chǎn)品創(chuàng)意初期就適度的介入到項(xiàng)目中來，保持對設(shè)計(jì)方案的技術(shù)可行性評審。

接下來要提到的一些與用戶界面性能表現(xiàn)相關(guān)的要素，以及本文后半部分將要介紹到的七個(gè)設(shè)計(jì)準(zhǔn)則，會幫助大家一點(diǎn)點(diǎn)認(rèn)識到，移動應(yīng)用的性能表現(xiàn)絕不僅是技術(shù)人員需要考慮的問題，它與設(shè)計(jì)之間關(guān)聯(lián)也是相當(dāng)密切的。

移動應(yīng)用用戶界面中的性能要素

用戶對移動應(yīng)用的性能表現(xiàn)的感知來自多方面，包括啟動速度、界面加載時(shí)間、動畫效果的流暢程度、對交互行為的響應(yīng)時(shí)間、出錯(cuò)狀況等。下面的示意圖向我們展現(xiàn)了這樣一些要素：應(yīng)用（包括視覺圖像、交互方式、內(nèi)容、功能、代碼算法等）在一定的硬件條件下（CPU、屏幕尺寸等）運(yùn)行在某個(gè)系統(tǒng)平臺（iOS或Android） 的移動設(shè)備中。對于很多應(yīng)用來說，它們還需要通過網(wǎng)絡(luò)（LTE、3G、2G）與服務(wù)器端進(jìn)行后臺連接。圖中上面 兩塊紅色區(qū)域所代表的，是一款移動應(yīng)用產(chǎn)品中最容易受到設(shè)計(jì)與開發(fā)決策影響的部分。下面兩塊灰色區(qū)域，屬于產(chǎn)品設(shè)計(jì)過程中需要考慮的牽制性因素。

對于圖中所示的每項(xiàng)因素的決策，都會影響到最終產(chǎn)品的性能表現(xiàn)。任何形式的組合、增強(qiáng)（例如高級的 視覺效果）或限制（例如糟糕的網(wǎng)絡(luò)連接狀況）都會增加產(chǎn)品復(fù)雜度，降低性能，破壞用戶體驗(yàn)。舉例來說，如果為了增強(qiáng)視覺效果，應(yīng)用必須在緩慢的網(wǎng)速情況下，連接后臺服務(wù)器以獲取更多的資源文件——這就是一種勢必會降低產(chǎn)品性能的條件組合。

七個(gè)設(shè)計(jì)準(zhǔn)則

在過去的幾年中，移動領(lǐng)域出現(xiàn)了很多變化。一些新的UI設(shè)計(jì)風(fēng)格開始涌現(xiàn)，設(shè)備屏幕尺寸及處理器性能規(guī)格都在逐漸向桌面設(shè)備靠攏，輸入方式也發(fā)生了革命性的改變。

在這種情況下，設(shè)計(jì)師們需要一直努力去嘗試更加先銳的、特色鮮明、性能卓越的設(shè)計(jì)方案。我們所說的設(shè)計(jì)與性能的關(guān)系，并非單純的指降低圖片尺寸一類；在設(shè)計(jì)流程的不同階段和不同層面中的各種決策，都會對產(chǎn)品的性能和功效造成影響。下面，就讓我們一起來了解一些可以在實(shí)戰(zhàn)中有效幫助我們打造高性能移動用戶體驗(yàn)的設(shè)計(jì)準(zhǔn)則。

1.定義用戶界面的品牌特色

移動應(yīng)用中的每一個(gè)可以與用戶產(chǎn)生互動的地方，無論是單一的交互元素，還是功能模塊整體，都應(yīng)該有助于提升產(chǎn)品的品牌認(rèn)知度、用戶忠誠度及滿意度；設(shè)計(jì)人員應(yīng)該有能力識別出它們當(dāng)中最關(guān)鍵的那些，例如特色功能、視覺風(fēng)格、文案、字體或動畫效果等。我們的團(tuán)隊(duì)經(jīng)手過很多不同的產(chǎn)品，雖然從整體角度講，它們具有各自的品牌風(fēng)格，但這些設(shè)計(jì)方案大多是由同一套基礎(chǔ)UI元素衍生發(fā)展出來的。我們可以將基礎(chǔ)UI元素組合成為界面模塊，而組件化、可復(fù)用的核心界面模塊，則可以進(jìn)一步構(gòu)成整個(gè)用戶界面。

所以，經(jīng)由對這些UI元素的風(fēng)格設(shè)定，我們就可以逐步為界面整體打造出能夠體現(xiàn)品牌風(fēng)格的獨(dú)有特質(zhì)。在概念階段，試著將那些在以下幾個(gè)方面發(fā)揮關(guān)鍵作用的UI元素識別出來：

有助于提升產(chǎn)品差異化競爭力的功能（例如Path中的照片檢視等）。

產(chǎn)品核心功能（例如在線購物類應(yīng)用中的結(jié)帳功能）。

模式化的設(shè)計(jì)語言。Windows Phone 7的Metro UI是一個(gè)典型的例子：具有強(qiáng)烈風(fēng)格的字體、布局和交互等方面的模式，構(gòu)成了其獨(dú)特的設(shè)計(jì)基因。

這些能夠體現(xiàn)品牌特色的核心要素，本身要具有很強(qiáng)的響應(yīng)性。它們會被用戶不斷的看到、用到，而且會在產(chǎn)品不同的功能界面中被復(fù)用；它們的性能將直接決定一款應(yīng)用的整體表現(xiàn)。將設(shè)計(jì)與開發(fā)的注意力放在這些關(guān)鍵要素上，將會是一件事半功倍的事情。

2.判定產(chǎn)品優(yōu)先級

對“功效”一詞的理解可以上升到整個(gè)產(chǎn)品研發(fā)周期及市場的層面上。很多時(shí)候，公司會希望快速上線一款新產(chǎn)品，或是開發(fā)一個(gè)產(chǎn)品系列（例如基于一個(gè)平臺的多款同類產(chǎn)品，或面向不同平臺的單一產(chǎn)品），亦或是出于時(shí)間和資源的限制，必須從多個(gè)產(chǎn)品中選擇一款來優(yōu)先完成。在這類情況下，設(shè)計(jì)與優(yōu)化的工作力量就必須集中在那些最重要的產(chǎn)品上。優(yōu)先級矩陣可以有效的幫助我們理清頭緒。

上圖所示的抉擇因素包括系統(tǒng)平臺、當(dāng)前用戶量、預(yù)期用戶量、競爭對手情況；當(dāng)然，我們還可以從其他更適合自己項(xiàng)目的角度來進(jìn)行權(quán)衡。如果產(chǎn)品受眾多數(shù)是Android用戶，而且你的競爭對手也在盯緊他們，那么與其將精力分?jǐn)傇诟鱾�(gè)平臺當(dāng)中，倒不如集中資源打造一款簡潔高效的Android應(yīng)用并盡快投入市場。

標(biāo)簽： 移動用戶體驗(yàn) 用戶體驗(yàn) 產(chǎn)品設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。