行動裝置 App的設計與效能表現之間的七個設計準則

來源:互聯網
上載者:User

文章描述:怎樣打造高效能的移動使用者體驗.

在新家一點點安頓了下來,不過心裡還是缺乏踏實的方向感;貓貓們也都有些瞻前顧後草木皆兵的樣子,有待繼續習慣;希望大家都好好的。話說眼前的這篇候選文章貌似已然有同行做過譯文,不過正像 “關於BeForWeb”中所說的,我只挑那些我喜歡的 、對我自己有學習和收藏價值的內容來做譯文,其他方面的因素和我沒有半毛錢的關係。不多說,直接進入正題。

在人際關係中,良好的第一印象是非常重要的,人們願意在彼此身上尋求信任與誠實,並期望在接下來的經曆中重現和增強這些好感。同樣的道理也體現在行動裝置 App或互連網產品中。在打造良好的品牌信譽及其與終端使用者之間持久信任關係的過程中,“設計”扮演著極其重要的角色。

在使用者的期望中,行動裝置 App應該是準確、友好和高效的。然而,行動裝置自身的局限性確實為產品的設計帶來了不少挑戰。要打造值得信賴的行動裝置 App使用者體驗,產品在效能方面的表現是極其重要的關鍵因素。

本文中,我們將對行動裝置 App的設計與效能表現之間的關係進行討論,並瞭解七個相關的設計準則。這些準則都是我們(英文原文作者)團隊在各類行動裝置 App實際項目中逐漸總結歸納出來的 ;希望它們同樣可以協助大家在落產品實需求的同時,從效能的角度更加合理的規劃設計方案。

行動裝置 App的效能表現

人們需要通過行動裝置 App在某種情境中完成一定的需求目標,例如提升效率、舒適度,或是單純的找找樂子。“功效”是行動裝置 App的一個核心因素,它們必須夠快夠穩定,才能在各種充滿變數的使用情境中有效提供功能與價值。

然而,在現實中我們時常發現,對於很多行動裝置 App來說,設計和開發週期卻始於對視覺外觀的強烈訴求:“ 它看上去必須很棒!” 誠然,出色的視覺風格可以通過優秀的第一印象來吸引使用者,但是要想讓一款應用得到使用者長久的青睞,每個方面的品質和表現都含糊不得,尤其是在效能方面。中看不中用的產品只會破壞它自己的信譽,使用者很快就會察覺其緩慢的運行速度,甚至會因為難以忍受的載入時間或頻繁的崩潰而認為這款應用根本無法使用;這對產品的可用性和品牌感知都是極大的損害。在使用者的期望中,一款應用必須首先具有快速的響應性,否則,最直接的後果就是在App Store中得到差評,安裝率少的可憐。

下圖是Twitter與Cookmate兩款應用的介面對比;拋開使用者基礎方面的因素,即使擁有炫目的視覺效果, Cookmate的使用者打分和評價也無法超越介面簡潔樸素的Twitter用戶端。

效能表現與品牌差異

產品的每個方面都會影響品牌感知。通常情況下,使用者的要求很簡單,他們只想找到最合適的工具,來協助他們切實改善生活中的某些方面。要使自己的產品在繽紛的市場中脫穎而出,樹立起品牌,並真正的吸引使用者,你的應用必須在某些方面強於對手,或是擁有其他應用所不具備的特色。作為移動使用者體驗中的重要元素,優異的效能表現會直接協助你的應用在品牌層面超越其他同類產品。進一步說,如果你能攻克某些技術挑戰, 使相關的特色功能可以流暢穩定的運行,那麼這絕對會成為你的產品中難以被複製的獨特賣點。

關於這一點,Flickr的iPhone應用是個不錯的例子。Flickr曾經在他的主站中宣稱,他們的應用有兩大目標:一方面協助使用者展示他們照片,另外還會提供全新的組織相片與影片的方式。他們的應用確實很好的做到了這兩點,有效提升了品牌信譽度。

所以,在規劃你的應用產品時,有必要首先對市場進行分析,並問自己兩個問題:

我們的應用與競爭者相比有哪些不同?

我們可以在哪些方面做的比競爭者更好?

明確了這些方向性的問題之後,再將注意力放在產品的設計與開發上。

效能表現與設計

無論打造怎樣的產品,正確的方式方法都是至關重要的,這也是人們制定設計與工程準則的初衷。一款汽車的設計會影響到它的空氣動力表現;一座橋樑,除了要有漂亮的外觀,對風力及交通負載的承受能力也是在設計過程中必須考慮的核心因素。同樣的道理也體現在行動裝置 App的設計當中。對設計方案的選擇會影響到應用的各個方面,包括內容呈現、互動性、視覺外觀,以及最重要的一點——效能表現。

我們可以發現,很多產品團隊會將效能表現方面的責任丟給技術開發人員;這種傳統觀念所造成的最直接的結果,就是很多涉及到效能方面的潛在問題只有在設計流程的尾聲、開發環節的初期才會暴露出來。實際上,技術開發方面的相關角色應該在產品創意初期就適度的介入到項目中來,保持對設計方案的技術可行性評審。

接下來要提到的一些與使用者介面效能表現相關的要素,以及本文後半部分將要介紹到的七個設計準則,會協助大家一點點認識到,行動裝置 App的效能表現絕不僅是技術人員需要考慮的問題,它與設計之間關聯也是相當密切的。

行動裝置 App使用者介面中的效能要素

使用者對行動裝置 App的效能表現的感知來自多方面,包括啟動速度、介面載入時間、動畫效果的流暢程度、對互動行為的回應時間、出錯狀況等。下面的示意圖向我們展現了這樣一些要素:應用(包括視覺映像、互動方式、內容、功能、代碼演算法等)在一定的硬體條件下(CPU、螢幕尺寸等)運行在某個系統平台(iOS或Android) 的行動裝置中。對於很多應用來說,它們還需要通過網路(LTE、3G、2G)與伺服器端進行後台串連。圖中上面 兩塊紅色地區所代表的,是一款行動裝置 App產品中最容易受到設計與開發決策影響的部分。下面兩塊灰色地區,屬於產品設計過程中需要考慮的牽制性因素。

對於圖中所示的每項因素的決策,都會影響到最終產品的效能表現。任何形式的組合、增強(例如進階的 視覺效果)或限制(例如糟糕的網路連接狀況)都會增加產品複雜度,降低效能,破壞使用者體驗。舉例來說,如果為了增強視覺效果,應用必須在緩慢的網速情況下,串連後台伺服器以擷取更多的資源檔——這就是一種勢必會降低產品效能的條件組合。

七個設計準則

在過去的幾年中,移動領域出現了很多變化。一些新的UI設計風格開始湧現,裝置螢幕尺寸及處理器效能規格都在逐漸向電腦裝置靠攏,輸入方式也發生了革命性的改變。

在這種情況下,設計師們需要一直努力去嘗試更加先銳的、特色鮮明、效能卓越的設計方案。我們所說的設計與效能的關係,並非單純的指降低圖片尺寸一類;在設計流程的不同階段和不同層面中的各種決策,都會對產品的效能和功效造成影響。下面,就讓我們一起來瞭解一些可以在實戰中有效協助我們打造高效能移動使用者體驗的設計準則。

1.定義使用者介面的品牌特色

行動裝置 App中的每一個可以與使用者產生互動的地方,無論是單一的互動元素,還是功能模組整體,都應該有助於提升產品的品牌認知度、使用者忠誠度及滿意度;設計人員應該有能力識別出它們當中最關鍵的那些,例如特色功能、視覺風格、文案、字型或動畫效果等。我們的團隊經手過很多不同的產品,雖然從整體角度講,它們具有各自的品牌風格,但這些設計方案大多是由同一套基礎UI元素衍生髮展出來的。我們可以將基礎UI元素組合成為介面模組,而組件化、可複用的核心介面模組,則可以進一步構成整個使用者介面。

所以,經由對這些UI元素的風格設定,我們就可以逐步為介面整體打造出能夠體現品牌風格的專屬特質。在概念階段,試著將那些在以下幾個方面發揮關鍵作用的UI元素識別出來:

有助於提升產品差異化競爭力的功能(例如Path中的照片檢視等)。

產品核心功能(例如線上購物類應用中的結帳功能)。

模式化的設計語言。Windows Phone 7的Metro UI是一個典型的例子:具有強烈風格的字型、布局和互動等方面的模式,構成了其獨特的設計基因。

這些能夠體現品牌特色的核心要素,本身要具有很強的響應性。它們會被使用者不斷的看到、用到,而且會在產品不同的功能介面中被複用;它們的效能將直接決定一款應用的整體表現。將設計與開發的注意力放在這些關鍵要素上,將會是一件事半功倍的事情。

2.判定產品優先順序

對“功效”一詞的理解可以上升到整個產品研發周期及市場的層面上。很多時候,公司會希望快速上線一款新產品,或是開發一個產品系列(例如基於一個平台的多款同類產品,或面向不同平台的單一產品),亦或是出於時間和資源的限制,必須從多個產品中選擇一款來優先完成。在這類情況下,設計與最佳化的工作力量就必須集中在那些最重要的產品上。優先順序矩陣可以有效協助我們理清頭緒。

上圖所示的抉擇因素包括系統平台、目前使用者量、預期使用者量、競爭者情況;當然,我們還可以從其他更適合自己項目的角度來進行權衡。如果產品受眾多數是Android使用者,而且你的競爭者也在盯緊他們,那麼與其將精力分攤在各個平台當中,倒不如集中資源打造一款簡潔高效的Android應用並儘快投入市場。

[1] [2]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。