1、如果你在我們Android商城想裝一個軟件，怎么評估這個軟件好與壞，你的用戶看你的軟件，(很大程度是根據(jù))第一眼的感受。所以說我們做一個軟件，推廣一個軟件的時候，UI的設(shè)計等等是非常重要。,我憑什么用你的產(chǎn)品 ？！,基于用戶體驗的界面設(shè)計,User experience design 簡稱UE設(shè)計。近來受到越來越多的關(guān)注。如HP, IBM, YAHOO, MICROSOFT、聯(lián)想等企業(yè)先后成立了用戶體驗研究機構(gòu)。近年來，用戶體驗研究在一些國際性大企業(yè)中越來越受重視。,界面的起源和概念,交流是界面設(shè)計的本質(zhì) Artemy Lebedev設(shè)計的問路T恤，就是一個很好地用來交流的界面:旅客即使在一個

2、陌生的國度，不用講一句話，只要先指T恤上的一個圖形，再指中間的問號，當(dāng)?shù)厝司蜁附o他想去的地方,避免了不少因語言不通帶來的麻煩。,界面設(shè)計的發(fā)展,界面經(jīng)歷了傳統(tǒng)意義上的物質(zhì)界面到非物質(zhì)界面的發(fā)展，界面設(shè)計也從狹義的圖形界面(GUI)發(fā)展到廣義的交互界面(UI)設(shè)計。,UI設(shè)計！=GUI設(shè)計,Donald Norman在他的情感設(shè)計一書中將設(shè)計分三個層次 本能層(visceral) 行為層(behavior) 反思層(reflective),基于用戶體驗的界面設(shè)計流程,研究-設(shè)計一測試一評估一再設(shè)計 (1)由研究用戶入手。首先應(yīng)該找出用戶是誰，并且研究他們的認知、行為等的特征。研究用戶任務(wù)的本質(zhì)

3、并且讓用戶參與設(shè)計過程。 (2)原型的開發(fā)，故事版，原型草圖，線框圖。 (3)迭代設(shè)計。如果在用戶測試過程中發(fā)現(xiàn)問題，就應(yīng)修改設(shè)計，并做進一步的測試和觀察，檢驗修改的效果。,Empathy,移情(Empathy)是近年來用戶體驗研究比較提倡的一個調(diào)研方法。Empathy意思是就是說要自己通過某種方式親身去體味別人的感受，獲得別人的感受。 舉個例子假如要為盲人設(shè)計佐料盒子。我們可以設(shè)想出很多種有創(chuàng)意的設(shè)計，但是在做這些設(shè)計之前，我們應(yīng)該先用布袋蒙上自己的眼睛，到廚房里摸索著炒個西紅柿雞蛋試試。,原型設(shè)計和用戶測試,原型(prototype)可以是畫在紙張上的一組屏幕草圖，可以是電子圖像，視頻模擬

4、，也可以是用紙張或紙板制作的工作站三維模型。 借助于原型，設(shè)計師或用戶能與未來的產(chǎn)品進行交互，從中獲得一些實際使用體驗，并發(fā)掘新思路。另外，交互設(shè)計師也通過設(shè)計原型來測試設(shè)計方案。原型大致分為三類: 功能測試的原型，感官測試原型，實現(xiàn)測試原型;,來自：,界面藝術(shù)化與用戶體驗,一般認為，美觀，富有藝術(shù)感的界面讓人看起來更賞心悅目，但美觀性和易用性有時又存在著許多矛盾。樸實的界面更受人歡迎，如Google搜索引擎主頁，主要亮點就是用戶很容易發(fā)現(xiàn)應(yīng)在屏幕的何處輸入搜索內(nèi)容。,界面簡潔化與用戶體驗,“無論你的界面有多酷，越少越好”，這是Alan cooper在他的軟件觀念革命中總結(jié)的一條公理。這是因為

5、注意力放在交互本身上只會強調(diào)工具的副作用。,合理分類,文字是用戶尋找的第一目標(biāo),“有好文字，才有好設(shè)計”,帶有MagSafe接口 一鍵影音功能,面向企業(yè)設(shè)計的多功能一體可擴充UItraTouch面板,關(guān)于文字的現(xiàn)狀 人們根本不想閱讀文字 使用可粗略瀏覽的文字 使用易讀的文字,為了觸屏移動設(shè)備而設(shè)計,通用原則,適配問題,？,適配不同屏幕原則, 使用資源修飾符來修飾同一套資 源的多個不同版本。 一個apk包里面會包含所有的資源文件 系統(tǒng)在運行時會根據(jù)軟硬件環(huán)境來自動選擇相應(yīng)修飾符版本的資源。,方法一,AndroidManifest.xml文件的元素如下添加子元素 ,方法二,在values-hpdi,values-mdpi,values-ldpi三種文件夾中的dimens.xml文件進行設(shè)置 40dp -14dp,方法三,9-patch drawables,使用 9-patch drawables foo.9.png 9-patch drawables 的語法跟CSS3 border image 類似 根據(jù)邊緣的像素寬度切割出不同的拉伸區(qū)域 最好同時提供 mdpi 和 hdpi 的版本,The Design o