iphone ui 設(shè)計(jì),幾點(diǎn)基本的設(shè)計(jì)準(zhǔn)則,創(chuàng)建優(yōu)秀的用戶界面

2011-10-24    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì)  、   cs界面設(shè)計(jì)  、   ipad界面設(shè)計(jì)  、   包裝設(shè)計(jì)  、   圖標(biāo)定制  、   用戶體驗(yàn)  、交互設(shè)計(jì)、   網(wǎng)站建設(shè)  、平面設(shè)計(jì)服務(wù)

原文:http://www.apple.com.cn/developer/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/PrinciplesAndCharacteristics/PrinciplesAndCharacteristics.html#//apple_ref/doc/uid/TP40006556-CH7-SW1

 


 


藍(lán)注:這幾點(diǎn)iphone的設(shè)計(jì)準(zhǔn)則,應(yīng)用在軟件界面上也同樣適合。


優(yōu)秀的用戶界面應(yīng)該遵循一些人機(jī)界面設(shè)計(jì)準(zhǔn)則,這些準(zhǔn)則來(lái)源于人—也即用戶—思考和工作的方式,而不是設(shè)備的能力。沒有吸引力的,令人難以理解的或是不合邏輯的用戶界面會(huì)讓一個(gè)原本優(yōu)秀的程序成為垃圾,而漂亮,直觀而又吸引人的用戶界面不僅可以改善程序的功能,還能激發(fā)用戶的正面依賴感。

即使您已經(jīng)對(duì)基本的設(shè)計(jì)準(zhǔn)則有所了解,這一章也值得您讀一下,因?yàn)楸菊轮刂v述了這些準(zhǔn)則是如何應(yīng)用在iPhone應(yīng)用程序中的。

隱喻

盡可能按照現(xiàn)實(shí)世界中的對(duì)象和操作來(lái)對(duì)您程序中的對(duì)象和操作建模。 這能夠幫助用戶,尤其是新手,迅速地理解您的應(yīng)用程序的是如何工作的。文件夾就是一個(gè)典型的軟件隱喻。因?yàn)樵诂F(xiàn)實(shí)世界中,人們將文件放在文件夾里,所以人們就能夠迅速地理解在計(jì)算機(jī)上將數(shù)據(jù)放入文件夾的概念。


iPhone OS中的隱喻包括iPod播放控件,點(diǎn)擊控件來(lái)觸發(fā)事件,滑動(dòng)開關(guān),以及調(diào)色板上的數(shù)據(jù)。


雖然隱喻暗示了iPhone OS用戶界面中對(duì)象和操作的含義,但是并沒有限制其軟件實(shí)現(xiàn)?;氐轿募A的例子,軟件實(shí)現(xiàn)的文件夾對(duì)象所具有的容量與現(xiàn)實(shí)世界中所對(duì)應(yīng)的文件夾的物理容量毫無(wú)關(guān)系。


在您設(shè)計(jì)程序時(shí),需要注意iPhone OS中已存在的隱喻,避免重復(fù)定義。同時(shí),檢查您的程序功能是否有對(duì)應(yīng)的可用的自然隱喻。記住,即使如此,相較于為了適應(yīng)您的應(yīng)用程序用戶界面而勉強(qiáng)使用現(xiàn)實(shí)世界的對(duì)象或操作的隱喻而言,使用標(biāo)準(zhǔn)控件和操作更為妥善。除非您選擇的隱喻能得到大部分用戶的認(rèn)可,包括那些會(huì)增加而不是減少用戶困惑的隱喻。




直觀操作


直觀操作意為人們感到他們?cè)谖锢砩?,而非抽象地控制某物。其?yōu)點(diǎn)在于,用戶更容易理解他們的行為對(duì)于操作對(duì)象所產(chǎn)生的結(jié)果。


得益于多點(diǎn)觸摸的用戶界面,iPhone OS用戶享有高度直觀的操控感。手勢(shì)的使用讓人們感到屏幕上顯示的對(duì)象具有更大的親和力和更強(qiáng)的操控感,因?yàn)樗麄儾⒉恍枰萌魏沃虚g設(shè)備(如鼠標(biāo))就操控它們。


為了提高您的iPhone應(yīng)用程序的操控感,您應(yīng)確保:


當(dāng)用戶操作屏幕上的對(duì)象時(shí),這些對(duì)象保持可見

用戶操作的結(jié)果是一目了然的



即看即點(diǎn)


iPhone應(yīng)用程序比人更善于記住一些選項(xiàng),命令,數(shù)據(jù)等。通過列表的形式來(lái)提供選擇或選項(xiàng) ,用戶可以輕松地瀏覽它們并作出選擇。盡量減少文本輸入的需要,使得用戶就不必花費(fèi)大量時(shí)間輸入命令,您的程序也不需要執(zhí)行大量的錯(cuò)誤檢查。


讓用戶做出選擇,而不是要求他們進(jìn)行開放式的輸入, 這樣能夠讓用戶能夠集中精力通過您的程序完成任務(wù),而不是疲于記憶如何操作。


反饋


用戶除了需要看到操作的結(jié)果外,還需要得到操作及時(shí)的反饋,以及在長(zhǎng)時(shí)間操作時(shí)的狀態(tài)報(bào)告。您的程序應(yīng)通過一些視覺上的變化來(lái)回應(yīng)用戶的每一個(gè)操作。例如,當(dāng)用戶點(diǎn)擊列表項(xiàng)時(shí),確保其高亮顯示。 聲音提示同樣有效,但是它不能作為主要或唯一的反饋機(jī)制。因?yàn)槿藗兛赡茉跓o(wú)法聽見聲音或是必須關(guān)閉聲音的環(huán)境中使用iPhone OS的設(shè)備。另外,您不能使用iPhone OS的系統(tǒng)聲音,因?yàn)樗麄円呀?jīng)和系統(tǒng)警告關(guān)聯(lián)。


iPhone OS繁忙時(shí)會(huì)顯示活動(dòng)指示符以自動(dòng)提供反饋。在持續(xù)幾秒以上的操作過程中,您的應(yīng)用程序應(yīng)顯示完成進(jìn)度,在適當(dāng)?shù)那闆r下,還應(yīng)顯示解釋性消息。


精細(xì)且有意義的動(dòng)畫是向用戶提供反饋的良好方式。 動(dòng)畫貫穿于整個(gè)iPhone OS,即使是在非沉浸式的程序中。作為一種提供反饋的方式,動(dòng)畫只是用于增強(qiáng)用戶的體驗(yàn),但不是用戶體驗(yàn)的焦點(diǎn)。




用戶控制


讓用戶來(lái)觸發(fā)和控制操作,而不是您的應(yīng)用程序。保持操作簡(jiǎn)單直接,使得用戶可以輕松地理解和并記住他們。盡可能使用用戶已經(jīng)熟悉的標(biāo)準(zhǔn)控件和行為。


在操作開始前應(yīng)提供充分的取消操作的機(jī)會(huì),并且確保在用戶觸發(fā)潛在的破壞性操作時(shí)取得操作確認(rèn)。盡可能使用戶能夠正常終止正在進(jìn)行的操作。




美學(xué)完整性


雖然一個(gè)程序的首要目的是為了完成某個(gè)任務(wù),即使該任務(wù)僅僅是玩游戲,我們也不應(yīng)低估程序外觀的重要性。這是因?yàn)橥庥^對(duì)功能有深遠(yuǎn)的影響:一個(gè)看起來(lái)零亂或者缺乏邏輯的程序是很難被理解和使用的。


美學(xué)上的完整性并不是用來(lái)衡量您的程序有多漂亮,而是衡量您程序的外觀和程序功能結(jié)合得有多好。例如,一個(gè)效率型應(yīng)用程序應(yīng)盡量精簡(jiǎn)裝飾性的元素并置于背景中,同時(shí)使用標(biāo)準(zhǔn)控件和行為以突出任務(wù)。


沉浸式程序是另一極端,用戶期待有趣且需要一些探索的漂亮外觀。雖然程序趨向于提供消遣,但是其外觀仍需和其任務(wù)結(jié)合。仔細(xì)設(shè)計(jì)這類程序的用戶界面,從而為用戶提供內(nèi)部一致的用戶體驗(yàn)。

日歷

鏈接

個(gè)人資料

存檔