七個(gè)設(shè)計(jì)準(zhǔn)則
在過去的幾年中,移動(dòng)領(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ì)流程的不同階段和不同層面中的各種決策,都會(huì)對(duì)產(chǎn)品的性能和功效造成影響。下面,就讓我們一起來(lái)了解一些可以在實(shí)戰(zhàn)中有效幫助我們打造高性能移動(dòng)用戶體驗(yàn)的設(shè)計(jì)準(zhǔn)則。
1.定義用戶界面的品牌特色
移動(dòng)應(yīng)用中的每一個(gè)可以與用戶產(chǎn)生互動(dòng)的地方,無(wú)論是單一的交互元素,還是功能模塊整體,都應(yīng)該有助于提升產(chǎn)品的品牌認(rèn)知度、用戶忠誠(chéng)度及滿意度;設(shè)計(jì)人員應(yīng)該有能力識(shí)別出它們當(dāng)中最關(guān)鍵的那些,例如特色功能、視覺風(fēng)格、文案、字體或動(dòng)畫效果等。我們的團(tuán)隊(duì)經(jīng)手過很多不同的產(chǎn)品,雖然從整體角度講,它們具有各自的品牌風(fēng)格,但這些設(shè)計(jì)方案大多是由同一套基礎(chǔ)UI元素衍生發(fā)展出來(lái)的。我們可以將基礎(chǔ)UI元素組合成為界面模塊,而組件化、可復(fù)用的核心界面模塊,則可以進(jìn)一步構(gòu)成整個(gè)用戶界面。
所以,經(jīng)由對(duì)這些UI元素的風(fēng)格設(shè)定,我們就可以逐步為界面整體打造出能夠體現(xiàn)品牌風(fēng)格的獨(dú)有特質(zhì)。在概念階段,試著將那些在以下幾個(gè)方面發(fā)揮關(guān)鍵作用的UI元素識(shí)別出來(lái):
- 有助于提升產(chǎn)品差異化競(jìng)爭(zhēng)力的功能(例如Path中的照片檢視等)。
- 產(chǎn)品核心功能(例如在線購(gòu)物類應(yīng)用中的結(jié)帳功能)。
- 模式化的設(shè)計(jì)語(yǔ)言。Windows Phone 7的Metro UI是一個(gè)典型的例子:具有強(qiáng)烈風(fēng)格的字體、布局和交互等方面的模式,構(gòu)成了其獨(dú)特的設(shè)計(jì)基因。
這些能夠體現(xiàn)品牌特色的核心要素,本身要具有很強(qiáng)的響應(yīng)性。它們會(huì)被用戶不斷的看到、用到,而且會(huì)在產(chǎn)品不同的功能界面中被復(fù)用;它們的性能將直接決定一款應(yīng)用的整體表現(xiàn)。將設(shè)計(jì)與開發(fā)的注意力放在這些關(guān)鍵要素上,將會(huì)是一件事半功倍的事情。
2.判定產(chǎn)品優(yōu)先級(jí)
對(duì)“功效”一詞的理解可以上升到整個(gè)產(chǎn)品研發(fā)周期及市場(chǎng)的層面上。很多時(shí)候,公司會(huì)希望快速上線一款新產(chǎn)品,或是開發(fā)一個(gè)產(chǎn)品系列(例如基于一個(gè)平臺(tái)的多款同類產(chǎn)品,或面向不同平臺(tái)的單一產(chǎn)品),亦或是出于時(shí)間和資源的限制,必須從多個(gè)產(chǎn)品中選擇一款來(lái)優(yōu)先完成。在這類情況下,設(shè)計(jì)與優(yōu)化的工作力量就必須集中在那些最重要的產(chǎn)品上。優(yōu)先級(jí)矩陣可以有效的幫助我們理清頭緒。
上圖所示的抉擇因素包括系統(tǒng)平臺(tái)、當(dāng)前用戶量、預(yù)期用戶量、競(jìng)爭(zhēng)對(duì)手情況;當(dāng)然,我們還可以從其他更適合自己項(xiàng)目的角度來(lái)進(jìn)行權(quán)衡。如果產(chǎn)品受眾多數(shù)是Android用戶,而且你的競(jìng)爭(zhēng)對(duì)手也在盯緊他們,那么與其將精力分?jǐn)傇诟鱾(gè)平臺(tái)當(dāng)中,倒不如集中資源打造一款簡(jiǎn)潔高效的Android應(yīng)用并盡快投入市場(chǎng)。
出處:Be For Web
責(zé)任編輯:bluehearts
上一頁(yè) 怎樣打造高性能的移動(dòng)用戶體驗(yàn) [2] 下一頁(yè) 怎樣打造高性能的移動(dòng)用戶體驗(yàn) [4]
|