學(xué)習(xí)蘋(píng)果公司是如何做APPUI界面設(shè)計(jì)的

以下是翻譯自Apple.com 蘋(píng)果官網(wǎng)。這是他們的 設(shè)計(jì)師給出來(lái)的一些設(shè)計(jì)經(jīng)驗(yàn)。25學(xué)堂與你分享!

充分考慮用戶體驗(yàn)的設(shè)計(jì)

的iOS應(yīng)用程序的成功很大程度上取決于其用戶界面的質(zhì)量。如果用戶沒(méi)有找到一個(gè)應(yīng)用程序的吸引力和易于使用,即使是最快的,最強(qiáng)大的,功能最齊全的應(yīng)用程序可以在App Store憔悴。

有許多方法來(lái)獲得從最初的靈感,流行的應(yīng)用,并沒(méi)有一個(gè)單一的路徑,是成功的保證。但有一個(gè)指令,所有成功的應(yīng)用發(fā)展取決于:在用戶心中的設(shè)計(jì)。該策略和最佳實(shí)踐,總結(jié)了以下都是基于這個(gè)指令,和他們所代表的一些原則,你需要按照你設(shè)計(jì)一個(gè)應(yīng)用程序的指導(dǎo)方針。當(dāng)你準(zhǔn)備開(kāi)始工作,請(qǐng)務(wù)必閱讀iOS人機(jī)界面指南的完整的故事。

了解人們?nèi)绾问褂盟麄兊脑O(shè)備

如果你是新來(lái)的,你的第一步是要成為一個(gè)iOS用戶自己。然后,盡可能的,探索的iOS平臺(tái)的特點(diǎn)作為一個(gè)用戶,而不是作為一個(gè)開(kāi)發(fā)者。你是否使用iOS設(shè)備從一開(kāi)始,或者你從來(lái)沒(méi)有過(guò)一個(gè)之前,花時(shí)間去表達(dá)你的期望和分析你的行動(dòng),你使用的裝置。

例如,考慮下面的設(shè)備和軟件功能,影響用戶體驗(yàn):

iPhone,ipad,ipod touch是手持設(shè)備,允許和鼓勵(lì)人們使用他們走。人們希望應(yīng)用程序啟動(dòng)迅速、容易使用在各種各樣的環(huán)境。

基于所有iOS設(shè)備,顯示器是最重要的,無(wú)論其大小。在顯示比較小的設(shè)備融資成為幾乎看不見(jiàn)的人們?cè)趶氖聭?yīng)用軟件。

多點(diǎn)觸摸界面,允許人們操縱內(nèi)容沒(méi)有另一設(shè)備的干預(yù),如鼠標(biāo)。人們往往會(huì)感到更多的控制應(yīng)用程序的經(jīng)驗(yàn)因?yàn)樗麄兛梢允褂糜|摸操作屏幕上的元素。

在一個(gè)時(shí)間只有一個(gè)應(yīng)用程序在最前面。用戶可以使用多欄的應(yīng)用程序之間輕松快速切換,但經(jīng)驗(yàn)不同于從多個(gè)應(yīng)用程序在計(jì)算機(jī)顯示器上同時(shí)打開(kāi)。

在一般情況下,應(yīng)用程序不打開(kāi)單獨(dú)的窗口同時(shí)。相反,用戶的屏幕內(nèi)容之間的過(guò)渡,其中可以包含多個(gè)視圖。

內(nèi)置的設(shè)置應(yīng)用程序包含了兩個(gè)裝置的一些應(yīng)用程序,運(yùn)行它的用戶的喜好。打開(kāi)設(shè)置,用戶必須離開(kāi)他們目前正在使用的應(yīng)用程序,所以這些偏好的“設(shè)置一次,很少改變”的品種。大多數(shù)應(yīng)用程序可以避免添加偏好設(shè)置,而是可以讓人們?cè)趹?yīng)用程序的主用戶界面的選擇。

一個(gè)偉大的iOS應(yīng)用包括平臺(tái)上運(yùn)行,提供了經(jīng)驗(yàn),無(wú)縫集成的設(shè)備和平臺(tái)的特點(diǎn)。

學(xué)習(xí)基本的人機(jī)接口原理

作為一個(gè)用戶,你注意到一個(gè)應(yīng)用程序時(shí)就很難判斷它是否收到您的輸入,或者當(dāng)用戶似乎來(lái)自不同地區(qū)在屏幕上沒(méi)有明顯的理由。在這樣的情況下,你所注意到的是應(yīng)用程序未能遵循人機(jī)界面設(shè)計(jì)的基本原則。

在這樣的背景下,人機(jī)界面是指人與設(shè)備之間的相互作用,包括運(yùn)行在他們的軟件。一個(gè)應(yīng)用程序(或設(shè)備)是輕松愉快的人們使用時(shí)的人機(jī)界面的基礎(chǔ)上的方法中,人們的思維和行為。

蘋(píng)果的人機(jī)界面設(shè)計(jì)原則編纂人設(shè)備交互,對(duì)用戶體驗(yàn)產(chǎn)生明顯的影響的幾個(gè)高層次的方面。當(dāng)你設(shè)計(jì)你的應(yīng)用程序,

請(qǐng)記住以下的高科技設(shè)計(jì)原則:

審美的完整性。

審美的完整性并不是衡量一個(gè)應(yīng)用程序是多么的美麗;相反,它是一個(gè)衡量應(yīng)用程序的外觀與功能。

一致性。

在接口的一致性使人們對(duì)自己的知識(shí)和技能,從一個(gè)應(yīng)用程序傳送到另一個(gè)。理想情況下,一個(gè)應(yīng)用程序是一致的與iOS標(biāo)準(zhǔn),內(nèi)部,并與早期版本的本身。

直接操作。

當(dāng)用戶直接操作屏幕上的對(duì)象而不是使用單獨(dú)的控件來(lái)操縱他們,他們更多地從事與任務(wù),他們更容易理解他們的行動(dòng)的結(jié)果。

反饋。

反饋是對(duì)人們的行為,保證他們的處理發(fā)生。例如,人們希望立即反饋時(shí),操作控制,并感謝他們的狀態(tài)更新在長(zhǎng)時(shí)間操作。

隱喻。當(dāng)一個(gè)應(yīng)用程序的虛擬物體和行為是現(xiàn)實(shí)世界中的對(duì)象和動(dòng)作的隱喻,用戶很快掌握如何使用應(yīng)用程序。最合適的隱喻或經(jīng)驗(yàn)不執(zhí)行限制的現(xiàn)實(shí)世界中的物體或動(dòng)作,他們的總部。

用戶控制。

雖然一個(gè)程序可以建議一個(gè)行動(dòng)或警告危險(xiǎn)的后果,它的應(yīng)用使決策遠(yuǎn)離用戶通常是錯(cuò)誤的。最好的應(yīng)用程序發(fā)現(xiàn)給人們他們所需要的能力,幫助他們避免危險(xiǎn)的后果之間的正確平衡。

 

遵循設(shè)計(jì)指南

蘋(píng)果人機(jī)界面指南包含的指導(dǎo)方針,從用戶體驗(yàn)的建議,具體的規(guī)則使用的IOS技術(shù)和屏幕上的元素。本節(jié)不作為IOS人機(jī)界面指南總結(jié);相反,它讓你嘗到的指導(dǎo)方針,幫助你設(shè)計(jì)一個(gè)成功的應(yīng)用程序的類型。

偉大的iOS應(yīng)用給人們簡(jiǎn)化訪問(wèn)他們所關(guān)心的內(nèi)容。要做到這一點(diǎn),這些應(yīng)用包括如用戶體驗(yàn)指南:

關(guān)注的首要任務(wù)。

使用簡(jiǎn)單且明顯的。

使用以用戶為中心的術(shù)語(yǔ)。

使目標(biāo)指尖大小。

強(qiáng)調(diào)設(shè)置。

使用的用戶界面(UI)元素一致。

使用微妙的動(dòng)畫(huà)交流。

問(wèn)的人只有在必要的時(shí)候。

用戶期望的應(yīng)用程序?qū)⑵脚_(tái)功能,如多任務(wù),iCloud,畫(huà)外音,印刷。即使用戶可能會(huì)認(rèn)為這些特征自動(dòng)可用,應(yīng)用程序開(kāi)發(fā)人員知道他們必須做的工作,將它們整合。確保一個(gè)應(yīng)用程序,

這些功能提供了預(yù)期的用戶體驗(yàn),開(kāi)發(fā)者根據(jù)IOS技術(shù)指南等:

支持iCloud存儲(chǔ)簡(jiǎn)單和透明的。

準(zhǔn)備多任務(wù)相關(guān)的中斷和重新開(kāi)始。

符合用戶的通知中心設(shè)置在處理本地和推送通知。

提供描述性信息使VoiceOver的用戶訪問(wèn)應(yīng)用程序。

靠使打印的用戶體驗(yàn)提供的打印界面系統(tǒng)。

確保聲音滿足用戶的期望在所有情況下。

當(dāng)一個(gè)應(yīng)用程序,正確的使用的用戶界面元素,如按鈕和標(biāo)簽欄,用戶可能會(huì)注意到,應(yīng)用程序的行為作為他們期望。但是,當(dāng)一個(gè)應(yīng)用程序使用的用戶界面元素的錯(cuò)誤,用戶往往快表達(dá)自己的不滿。偉大的IOS應(yīng)用程序要遵循用戶界面元素的使用指南,如:

確保在導(dǎo)航欄中顯示的按鈕返回先前屏幕標(biāo)題。

不要從它的功能不可用時(shí),標(biāo)簽欄刪除一個(gè)標(biāo)簽。

避免提供“解散烤餅”按鈕。

總是提供反饋,當(dāng)用戶選擇一個(gè)項(xiàng)目,在表觀上市。

在ipad,只在一個(gè)popover提出一個(gè)選擇器。

使用系統(tǒng)提供的按鈕和圖標(biāo)根據(jù)文檔中的意義。

當(dāng)設(shè)計(jì)自定義圖標(biāo)和圖像,使用通用的圖像,所有的用戶理解和避免復(fù)制蘋(píng)果的UI元素或產(chǎn)品。

再次,本節(jié)中列出的指導(dǎo)方針表示包含在iOS人機(jī)界面指南的指導(dǎo)方針的一部分。閱讀完整的文件在應(yīng)用程序開(kāi)發(fā)過(guò)程中的一個(gè)重要步驟。

利用一些行之有效的設(shè)計(jì)策略

成功的iOS應(yīng)用的卓越的用戶體驗(yàn)往往是由于開(kāi)發(fā)商的堅(jiān)定不移的專注和意愿來(lái)迭代設(shè)計(jì)的主要任務(wù)。策略總結(jié)本節(jié)可以幫助你改進(jìn)你的想法,審查設(shè)計(jì)方案,并聚集在一個(gè)應(yīng)用程序,人們會(huì)欣賞。

提取的特征列表。當(dāng)你到達(dá)一個(gè)應(yīng)用程序的想法很快,你會(huì)想出了大量的相關(guān)特征。雖然認(rèn)為更多的功能,使一個(gè)更好的應(yīng)用程序,它是誘人的,相反往往是真實(shí)的。最好的應(yīng)用程序往往把重點(diǎn)放在使一個(gè)主要任務(wù),只提供這些功能,用戶需要完成的任務(wù)。盡可能早在設(shè)計(jì)過(guò)程中,精確地定義你的應(yīng)用程序和你的目標(biāo)受眾是誰(shuí)。使用這個(gè)定義(稱為應(yīng)用程序定義語(yǔ)句)來(lái)過(guò)濾掉不必要的功能和引導(dǎo)程序的風(fēng)格。

該裝置的設(shè)計(jì)。除了集成的iOS用戶界面和用戶體驗(yàn)?zāi)J?,確保您的應(yīng)用程序在設(shè)備上的家的感覺(jué)。如果你計(jì)劃一個(gè)通用的應(yīng)用程序開(kāi)發(fā)(即,一個(gè)應(yīng)用程序,運(yùn)行在iPhone和ipad),這意味著你必須每一個(gè)設(shè)計(jì)的裝置有不同的用戶界面,即使大部分的底層代碼可以是相同的。同樣,如果你計(jì)劃開(kāi)始的基于Web的內(nèi)容,這是必要的,你重新設(shè)計(jì)內(nèi)容的外觀和感覺(jué)像本地應(yīng)用程序。

自定義適當(dāng)。每一個(gè)應(yīng)用程序包括一些用戶界面定制,如果只在其App Store圖標(biāo)。iOS SDK給你定制的用戶界面的各個(gè)方面的能力,所以它是由你來(lái)決定如何多的定制是合適的。目的的和易于使用的最佳平衡定制應(yīng)用程序的清晰度。理想情況下,你想讓用戶認(rèn)識(shí)到你的應(yīng)用程序的獨(dú)特性,同時(shí)欣賞的一致性使一個(gè)應(yīng)用程序直觀和易于使用的。

原型和迭代。不久后,你有什么特征包括決定,開(kāi)始創(chuàng)建測(cè)試的原型。早期的原型不需要顯示真正的用戶界面或藝術(shù),他們不需要處理的實(shí)際內(nèi)容,但他們需要給測(cè)試人員如何應(yīng)用工作一個(gè)準(zhǔn)確的概念。在測(cè)試過(guò)程中,特別注意什么測(cè)試嘗試和做不到,因?yàn)檫@可以揭示的地方,應(yīng)用程序的承諾的行為,它不能提供。繼續(xù)測(cè)試,直到你滿意,用戶可以很容易地掌握如何應(yīng)用工程和操作所有的特點(diǎn)。

這篇教程是apple 官網(wǎng)獲得的。值得我們學(xué)習(xí)!如有翻譯不準(zhǔn)的地方 請(qǐng)批評(píng)指正。

每天更新,
全站高品質(zhì)素材免費(fèi)下載!