中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

一個好的第一印象對于每一段關(guān)系來說是十分重要的。人們總是在追尋信任及真誠，并且期待可以透過后續(xù)的相處去讓他們的第一印象變得更好。這事兒套在品牌和產(chǎn)品設(shè)計上也是一樣的，設(shè)計就是扮演著這么重要的角色：去建立與使用者的關(guān)系以及維系品牌的承諾。

用戶期待他們的移動通訊服務(wù)是有價值、高性能的且易于使用的，然而，因為在設(shè)計中的種種限制，常常不能滿足使用者對于手機服務(wù)的所有要求，你們可能會小看了這件事的重要性，這些與用戶體驗相關(guān)的設(shè)計對使用者來說是不可以被忽視的，事實上，用戶使用體驗的設(shè)計應(yīng)該被列為手機設(shè)計中的十分關(guān)鍵的一環(huán)。

在這篇文章中，我們將討論與設(shè)計有關(guān)的七條守則，透過這些守則，可以幫助你在性能與外形設(shè)計上符合使用者和企業(yè)的需要。我們團隊曾經(jīng)在不同的平臺上設(shè)計多元移動通訊產(chǎn)品的App，而此七條守則是建立在那些過去的經(jīng)驗上。

原文：Seven Guidelines For Designing High-Performance Mobile User Experiences
翻譯、編輯: Ennis Chen@DamnDigital

移動通訊產(chǎn)品的性能表現(xiàn)

人們在不同時間、不同的地點透過他們的通訊產(chǎn)品去提高生產(chǎn)力，并且讓生活變得更加舒適、有趣，像是在等公交車的時候、走在人行道上的時候、尋找在哪個月臺搭車的時候。在多元的使用環(huán)境中，移動通訊的App設(shè)計必須得聚焦在一個核心功能上，而這個核心功能的速度要快以及是令人信賴的。

但這與事實正好相反，我們發(fā)現(xiàn)很多移動產(chǎn)品的設(shè)計周期總是以高美感為第一訴求，設(shè)計出很多令人驚嘆”這真是太好看了！”的產(chǎn)品。當然，那些令人驚艷的視覺設(shè)計也總是會在第一次的接觸中快速抓住消費者的眼球，但是長久的使用過程絕對和產(chǎn)品的品質(zhì)息息相關(guān)，而這些也都與App的表現(xiàn)是切割不開的。如果一個App看起來很棒，但卻不太好用，這會將損害你們的信譽，使用者其實很快會發(fā)現(xiàn)你們的App很緩慢或是就像壞了一般，如此的情況不只是會讓人不堪使用、更會破壞你們的品牌。使用者期待的是一個高速且反應(yīng)靈敏的App，如果你的App不是如此，它的評價就會變很低，然后會去使用的人將變得越來越少。

從視覺上來說，Twitter的App(圖左)似乎沒有Cookmate(料理小幫手)(圖右)來的酷炫好看，
但在App Store中，Twitter的App評價相對是好很多的。

App的性能讓你的品牌與眾不同

每一項產(chǎn)品的使用經(jīng)驗都影響著用戶對你的品牌觀感。使用者總是會去尋找最好的工具來使他們的生活變得更美好。為了吸引更多的用戶群，越來越多的App被設(shè)計出來，你得想點法子讓你的App與眾不同，像是做一些別人沒有做過的App，或是同樣的東西比別人做的更好。性能的表現(xiàn)是關(guān)鍵要素，這直接的讓你的品牌和別人的區(qū)隔出來。如果要更進一步，就好好突破你們在性能技術(shù)上的挑戰(zhàn)，讓使用過程變得更順暢，這絕對會讓你們產(chǎn)品的銷售有一定的突破，而且其他的競爭者也很難模仿。

Flickr iPhone App就是一個很好的例子，F(xiàn)lickr在一般互連網(wǎng)中的兩大目標是：幫助人們?nèi)ナ褂盟麄兊恼掌?，以及透過新的方式去管理相片及視頻。你知道嗎？Flickr App完全實現(xiàn)了這兩大目標，因此也讓他們的品牌承諾更加完整。

Flickr在實現(xiàn)品牌承諾上表現(xiàn)的很好

因此，當你要規(guī)劃設(shè)計一套App時，你最好要好好分析一下市場，并且試著去問問自己以下這兩個問題：
（1）這App和其他的競爭者有什么區(qū)別？（2）要如何讓這套App表現(xiàn)的比競爭者更好？
然后，好好努力在你們最重要的三個目標之上。

一個關(guān)鍵的設(shè)計過程

任何一種產(chǎn)品的制造設(shè)計模式都需要受到重視，一些經(jīng)典的設(shè)計和工程的準則總是會被世人津津樂道著。像是汽車的設(shè)計會影響在運作時的空氣動力學，一座無論如何美麗的橋也是得讓讓車與人能在上頭走過。移動通訊的應(yīng)用程序設(shè)計也是一樣的，App的設(shè)計影響著它的功能、內(nèi)容、互動性和逼真感，這也等于是影響了整體的表現(xiàn)。

我們在不少產(chǎn)品開發(fā)團隊中都發(fā)現(xiàn)，其實產(chǎn)品最終的性能更多地取決于開發(fā)人員，如果開發(fā)者不能很好地考慮性能與功能表現(xiàn)方面的因素，而把這一部分完全交由設(shè)計師來完成，已經(jīng)為時過晚。不過為了要創(chuàng)造更多的可能性，開發(fā)中的一些細節(jié)在創(chuàng)意發(fā)想時中就必須要被考慮進去的。運用以下七條守則，去思考與移動通訊介面設(shè)計相關(guān)的因素（請見下一章節(jié)），你將會了解要使用戶達到高性能的體驗不只是在做編碼活而已，開發(fā)端的努力是一個重要的關(guān)鍵！

在荷蘭鹿特丹的伊拉斯瑪斯橋。（圖：Wikipedia）

是什么在影響移動通訊介面的表現(xiàn)？

關(guān)于性能的表現(xiàn)是建立在以下幾個功能上：開機時間、頁面loading的狀態(tài)、切換頁面動畫的流暢度、誤差和等待時間。下圖說明了這些功能的因素：”App”（與他的圖像表現(xiàn)、互動、內(nèi)容、功能與編碼）在“移動”設(shè)備上的運行具有有著特定的技術(shù)（CPU，屏幕大小等）和平臺（Android，iOS等）。在不同的案例中，App以一些平臺（LTE、3G、2G）和網(wǎng)絡(luò)連接至后端，（下圖）上面兩因素是被設(shè)計與開發(fā)團隊影響著，而下面兩個因素則是需要考慮一些裝置上的限制。

影響性能的因素

每個對于以上這些要素的決定都會影響性能的表現(xiàn)。這是一種相互影響的狀態(tài)，不管像是增強（如進階的視覺效果）或限制（如網(wǎng)絡(luò)覆蓋差）皆有可能會影響他的效率。舉例來說，為了要從后端加載一些進階的圖像內(nèi)容，你就得冒著緩慢網(wǎng)速的風險，這些相互影響后的結(jié)果都會減弱程序的性能表現(xiàn)。

七條守則

在過去幾年中，我們看到了移動平臺的巨大改變。新的傳播介面開始不斷的出現(xiàn)，屏幕和處理器進化得和桌上型電腦一樣先進，而輸入機制也有了重大的改變。

在這些日新月異的科技改革所產(chǎn)生的限制中，設(shè)計師需要不斷的嘗試去創(chuàng)造更尖端、更令人耳目一新和更高性能的產(chǎn)品，這些不僅僅是去減少圖片大小的問題而已。不同層次的設(shè)計決策和設(shè)計過程將會產(chǎn)生重大的影響。讓我們來看看在不同的設(shè)計層面，已被證明是有用的七項工具，指引你實現(xiàn)高性能的移動用戶體驗。

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

在每位使用者在使用App時，要能讓他們感受出品牌的故事且增加認同、忠誠度以及滿意度。我們需要去辨認App中的哪些元素和品牌形象有關(guān)的，像是功能、視覺效果、措辭、字體和動畫。我們的設(shè)計團隊在不同的團隊里面做不同的產(chǎn)品，這使得我們可以用以一些簡單的使用介面元素做出更多元的變化。去界定我們App的核心要件可以讓用戶使用率增高、防止別人模仿，更可以優(yōu)化設(shè)計與製程。

我們建議去界定使用介面的元素(如上列之功能、視覺效果等)，如此便可以創(chuàng)造出有自己獨特風格的核心要件，在概念成形階段， 可以依照以下的一些規(guī)則去定義那些元素：

• 使App有差異化（例如：選擇不同的照片瀏覽路徑）
• 關(guān)鍵功能的展現(xiàn)（例如：登出店鋪時的接口）
• 設(shè)置特定的設(shè)計樣式（例如： 把一些重點截圖放在頭部背景之上）

微軟為 Window Phone 7設(shè)計的介面體現(xiàn)了字體、排版與綜合布局的完美整合，
創(chuàng)造出一種屬于他自己的設(shè)計DNA。

核心的識別標志要十分顯眼的，使用者會不斷的看見這些識別標示，而這些標示也會被運用到不同的產(chǎn)品介面里。如果讓設(shè)計和制程依循著一系列的識別元素，則可以倍數(shù)提高品牌的識別度 。

2.?關(guān)注產(chǎn)品組合

一個公司若想要很快的發(fā)表他的產(chǎn)品、或想去發(fā)展產(chǎn)品組合（如：不同的產(chǎn)品在同一平臺、同一產(chǎn)品在不同的平臺或是同樣的產(chǎn)品在同一平臺上）抑或是面對時間與資源的種種限制時，是十分難判斷到底應(yīng)該先關(guān)注哪一部分。我們認為設(shè)計和制程應(yīng)該關(guān)注在產(chǎn)品的組合上，產(chǎn)品組合才是最重要的事。一個產(chǎn)品順序的矩陣可以給我們很大的幫助，去了解哪項產(chǎn)品的設(shè)計應(yīng)該最優(yōu)先處理。

不同的產(chǎn)品順序的矩陣之例（以不同產(chǎn)品在不同的平臺、不同的客戶數(shù)量與競爭者的分類來決定設(shè)計的順序）

我們得去關(guān)注最重要的部分，如此可以讓整體的努力表現(xiàn)投注在投資報酬率最高的區(qū)塊。假設(shè)你預(yù)期的顧客都在使用Android手機，而你的競爭者也對準了這群用戶，那么去付出努力在設(shè)計更優(yōu)雅和高效的Android App就會比去分心去設(shè)計其他使用平臺上的App更為有價值。

3. 了解核心使用者的使用情節(jié)

我們的團隊過去曾面對很多不同項目的發(fā)布，在最初的要去完成一些產(chǎn)品要求的時程里，多半耗時長、抓不到重點以且?guī)缀鹾茈y去實現(xiàn)。事實上，當公司準備要做某一樣產(chǎn)品時，常常會忽略使用者需要我們解決的需求通常是非常特定的（他們的需求不是如此不著邊際 ）。

舉例來說，如果你去購物（先不管那些應(yīng)酬與尋找靈感等等的事兒）通常是要買某樣產(chǎn)品，不論是在一個小城市、倫敦的牛津街（奢侈品聚集地）或是在互連網(wǎng)上，都是在找尋你想要的。當然如果能讓整體的購物體驗有趣些當然更好，但最重要的事兒還是得買到你想要的東西。在設(shè)計購物的App上也是一樣的（不論是買游戲、音樂或是優(yōu)惠卷），不論你所設(shè)計的其他功能是否可以讓整體使用體驗更豐富，但一定得讓使用者可以很快的找到想買的東西以及購買，

下面的插圖顯示了在一家商店購買信息頁的兩種設(shè)計 ，左圖是比較進化后的版本，像是有送禮的功能、還有一些相關(guān)產(chǎn)品以及銷售店家的評價。而右圖則是側(cè)重于購買的功能上。如果使用右圖的設(shè)計可以優(yōu)化公司想傳達的概念，團隊不會被設(shè)計一些樣式給轉(zhuǎn)移注意力。只有把基礎(chǔ)的核心功能做好，再加上那些特色樣式才會有意義，只要那些特色樣式別阻礙了核心使用者的使用情節(jié)。

兩種不同的購買信息頁面

在產(chǎn)品在定義的過程中，為了要專注在開發(fā)設(shè)計產(chǎn)品上，我們需要去了解那些核心使用者的使用情節(jié)。

4. 優(yōu)化使用流程和元素

使用者不喜歡等待。（Google把” 我們以千分之一秒來計算搜索時間”作為處理使用者體驗中的第二大信條）。去優(yōu)化使用頻幕、流程以及元素可以讓使用者的操作速度更加快速，也減少了他們在使用過程中去想”這簡直在浪費我時間”。

A. 讓App使用者感覺速度加快

設(shè)計者不可能總是控制App的表現(xiàn)，有可能是因為網(wǎng)絡(luò)速度慢；或是使用者本身的裝置在後臺運行其他的任務(wù)；某些任務(wù)會需要更多的運算力。如果使用者最終感覺他們不是在讓費時間，那麼他們可能會對App有個更穩(wěn)定的印象，其實有些設(shè)計可以傳達這個訊息，就算是真的有些使用上的延遲。

第一步是去找出哪些是造成延遲的關(guān)鍵（如獲取后端數(shù)據(jù)、執(zhí)行大量運算等）。第二步是去放一些額外的步驟說明當正在延遲時，讓使用者認為這些延遲是必要的（也可以設(shè)計一些loading的動畫、或是顯示一些重要的小竅門等等的資訊）。

下面這組圖片是要展示在搜索內(nèi)容時可能的步驟：

使用者在此會經(jīng)歷以下的四個步驟：

1. 點擊搜索按鈕
2. 看到loading動畫
3. 看到一部分只有文字和圖片預(yù)留位置的表列（這是可以被儲存到App里頭的）
4. 看到真正的圖片縮圖

試想使用者直接從第一步驟跳至第四步驟，他們一定會感覺等待了很久。

（請見下圖）另外一個例子是當App開始準備loading時，你如果先展示了和你App設(shè)計有關(guān)的圖片，這會讓使用者覺得此App特別快 。然而，如果在第一個畫面加入了一個簡單的進度通知訊息，也有可能讓使用者認為速度正在加快。這也可以避免使用者認為這好像根本還沒開始要loading。

iPhone 上 Facebook App的loading畫面

B. 優(yōu)化使用介面的元素

每一個UI的元素都會影響App的表現(xiàn)，且每一項優(yōu)化都會反應(yīng)到整體的表現(xiàn)上，所以每個元素都應(yīng)該被仔細考量后使用。一些設(shè)計的關(guān)鍵請看：

• 頻幕上的元素
  在頻幕上UI元素的數(shù)量和樣式皆會影響在頻幕上的表現(xiàn)。舉例來說，一些多媒體（音訊、視頻和地圖）的影響會大于那些單一的元素（靜止的圖像等）。
• 元素的特點
  一個元素的特點，像是它的清晰度或圖像的大小都會影響繪圖運算時間。例如，在Android上，每個可以使用的規(guī)格（JPG，PNG）都會被解碼成點陣圖(bitmap)格式，所以每一個被優(yōu)化過的圖像可以減少一些大小。你能減少色彩濃度或降低解析度嗎？
• 繪圖技術(shù)
  UI元素在App上的繪圖方式會影響loading的時間，舉例來說，當整個頻募得背景圖正在loading時，會和一個放在更上層的巨大且不透明的圖一起處理嗎？你能不能為了整體的上傳的速度把整個背景切割成小的圖片？

5. 去定義UI縮小的規(guī)則

去建構(gòu)一個最生動的App設(shè)計像是在許多有障礙的地方進行導航，你必須要持續(xù)地平衡所有的功能、美學、實用性以及各種表現(xiàn)。有些平臺要求UI有比它者更多的折衷空間，不論平臺有多少限制，對于品牌最關(guān)鍵的識別仍然要保留下來。

以下是我們建立的UI的縮小規(guī)則，這些規(guī)則可以透過相對重要的UI元素去幫忙你的設(shè)計，某些元素對于你的品牌識別來說是非常重要的，有些元素則是你移除了他也不會造成太大的影響，請見下列幾項不同的類別：

• 重要的：這部份是指品牌的核心UI識別（參見守則一），舉例來說，一個App的頭部。
• 可替代的：此項相對于上一項是較為不重要的，但對于高端的解決方案來說是有利的，會降低App在表現(xiàn)上的負擔。像是以不透明的元素替換掉透明的元素。
• 可選擇的：這些元素可以被移除，并且仍然保持一定的App表現(xiàn)。像是減少搜尋選單的項目數(shù)量，從原本的25項，減少至10項。

1. 重要的（頭部）2. 可替代的（使用不透明色塊而不是透明的）3. 可選擇的（減少選單的長度）

6. 使用性能分析表格

當要生產(chǎn)一個很棒的產(chǎn)品時，清楚的溝通管道在團隊中是非常重要的。我們遇到很多情況是行銷人、設(shè)計師以及開發(fā)者對產(chǎn)品有著不同的期待，因為App的表現(xiàn)是被不同的要求所影響著，那些要求像是為了符合一些守則、對App的性能的期許等，而這些要求本身也會產(chǎn)身一些限制。那么如何去解決呢？我們在此想要介紹性能分析表格， 這個表格可以幫助你們?nèi)y量、檢視以及去設(shè)定每個產(chǎn)品現(xiàn)狀的目標。性能分析表格可以有效幫助不同的產(chǎn)品現(xiàn)狀、團隊期待及關(guān)注層面進行溝通，我們以下列一些元素來說明此表：

• 核心使用者的使用情況：確保此表格和使用者的使用經(jīng)驗是連結(jié)在一起的

• 競爭者的定位：和重要的競爭對手比較你的產(chǎn)品定位

• 現(xiàn)狀分析：展示目前產(chǎn)品的運行狀況

• 目標：設(shè)定App的表現(xiàn)目標

• 現(xiàn)狀：指出App目前所處的狀態(tài)與目標的差距

性能分析表格的例子

很多工具都可以幫助你去測量你的App表現(xiàn)，你可以主觀的來測量，藉由人工的紀錄時間以及一些任務(wù)，或是客觀的用一些工具，像是在Android SDK上以TraceView來評測（如果你是在開發(fā)一些原始的App的話）。

7. 如果要當?shù)谝?，就以UI工程技術(shù)來決勝負

設(shè)計和科技總是密不可分。要在使用者經(jīng)驗上有很好的表現(xiàn)是需要專業(yè)技術(shù)的支持，這不只需要從前端到后端的知識以及對于設(shè)計目標的深厚了解。

對于版面樣式的配置、圖片以及動畫等等的運用，在所有需要注意的事情之上，我們有兩點想分享給你們：

• 聰明的加載機制
  聰明的加載機制，像是延遲圖片載入，如果遇到圖片，他會先跳過，讓網(wǎng)頁上其他的內(nèi)容優(yōu)先載入，當其他的網(wǎng)頁物件載入完成后，再換圖片進行載入（這樣就不會因為圖片的關(guān)系而讓網(wǎng)頁卡在圖片讀取中），可以使讀者的閱讀經(jīng)驗更加順暢！
• 背景加載
  這是另一個廣為人之的例子。性能的表現(xiàn)仍然還是要看其背景圖是一張大的圖片或很多小部分，抑或是一個純粹的運算。最好的解決方法還是得依照不同的狀況而定。

在很多情況里，一個責任常常是需要營銷團隊、設(shè)計團隊以及開發(fā)團隊一起來擔的，我們注意到UI的表現(xiàn)常常會在這些分工中被忽略，每個團隊都有他們自己的目標，所以一些需要共同擔起的責任，像是UI的表現(xiàn)，大家就會忘記它的存在。我們以設(shè)計團隊中前端的編碼專家說明了這件事，這讓我們專注在優(yōu)化UI的實踐和表現(xiàn)，優(yōu)化后的使用者經(jīng)驗會更加流暢！

結(jié)論

我們已在上述的七條守則中以不同的角度介紹了和App使用表現(xiàn)的相關(guān)建議。每一項設(shè)計的考量都會影響App的表現(xiàn)，而這些使用表現(xiàn)應(yīng)該在設(shè)計過程被認為是最重要的影響因素。然而不幸的，設(shè)計團隊們常常是在搞壞了使用過程之后，才認知到這件事情的重要性。

我們已經(jīng)成功地為一些相應(yīng)的產(chǎn)品介紹這些守則，這些是可以幫助去改進你們的產(chǎn)品性能，也可以幫助你們團隊增加一些消費者使用經(jīng)驗的意識。到此，我們也可以試著去轉(zhuǎn)換最初對于App的要求：從”這必須要看起來超棒！”到”這必須要看起來超棒、感覺起來超棒、使用起來也超棒！”

來源：http://www.damndigital.com/archives/27138