你很可能準(zhǔn)備把一個(gè)現(xiàn)有的軟件移植到iOS平臺(tái)，而非創(chuàng)建全新的程序。從某些方面來說，從網(wǎng)頁(yè)或其他平臺(tái)移植應(yīng)用要比從草圖搭建全新應(yīng)用更具挑戰(zhàn)性。
如果由你負(fù)責(zé)這些項(xiàng)目，想一下人們會(huì)怎樣使用iOS設(shè)備：
用戶使用iOS設(shè)備的方式與使用桌上或膝上電腦非常不同，對(duì)用戶體驗(yàn)的期待也完全不同。將軟件從電腦移植到iOS設(shè)備的征途絕非一馬平川。
用戶經(jīng)常在走動(dòng)中或是在嘈雜的環(huán)境中使用iOS設(shè)備。你的工作就是創(chuàng)建爽快的使用體驗(yàn)，把用戶拉進(jìn)來，盡可能又快又簡(jiǎn)單地把他們想要的內(nèi)容提供出來。
記住二八原則：通常，大多數(shù)用戶（至少80%）只使用程序中很少一部分功能。只有很少用戶會(huì)使用全部功能（少于20%）。iOS程序很少需要提供只有資深用戶才用得到的功能。
從電腦上的Mail到iPhone上的Mail
Mail是Mac上的一個(gè)曝光度很高，很好用，也很受好評(píng)的程序。也是一個(gè)容許用戶方便地創(chuàng)建、接收、排序和存儲(chǔ)郵件，跟蹤事件，創(chuàng)建便簽和邀請(qǐng)的強(qiáng)大程序。電腦上的Mail通過大量窗口來實(shí)現(xiàn)如此強(qiáng)大的功能。
iPhone版Mail只關(guān)注電腦版Mail的核心功能，幫助用戶接收、創(chuàng)建、發(fā)送和管理郵件。iPhone版Mail需要把功能濃縮到為如下情景量身定做的界面：
簡(jiǎn)練的外觀，把用戶關(guān)心的內(nèi)容凸顯到前面、中央。
為不同任務(wù)設(shè)計(jì)不同的視圖。
信息結(jié)構(gòu)符合直覺、縮放自如。
在需要時(shí)，提供強(qiáng)大的標(biāo)記和管理工具。
為用戶的動(dòng)作提供微妙且富有表現(xiàn)力的動(dòng)畫作為反饋。
需要留意的是，iPhone版Mail不比電腦版的Mail好用。想反，這是專為移動(dòng)設(shè)備用戶重新設(shè)計(jì)的Mail。通過只關(guān)注一部分功能點(diǎn)，并把它們用簡(jiǎn)潔卻誘人的界面展現(xiàn)出來，iPhone版Mail滿足了移動(dòng)用戶核心的需求。
為了將Mail的體驗(yàn)遷移到移動(dòng)環(huán)境中，iPhone版Mail在界面上做了些創(chuàng)新：
直白的、高度聚焦的屏幕。每一屏展示一類郵件體驗(yàn)：賬戶列表、郵件列表、消息列表、消息視圖、書寫視圖。在一屏內(nèi)，用戶通過滾動(dòng)瀏覽全部?jī)?nèi)容。
簡(jiǎn)單、可預(yù)測(cè)的導(dǎo)航。通過在屏幕上輕擊，用戶可以從宏觀進(jìn)入微觀。每一屏上都會(huì)展示標(biāo)題，告知用戶所在的位置，以及一個(gè)返回按鈕，方便用戶找回瀏覽足跡。
簡(jiǎn)單、可觸摸的控件，一有需要時(shí)就出現(xiàn)。因?yàn)闀鴮懶滦畔⒁约皺z查新郵件可能是用戶在任何環(huán)境中都想進(jìn)行的主要操作，iPhone版Mail通過多點(diǎn)觸摸屏幕來實(shí)現(xiàn)它。當(dāng)人們?yōu)g覽信息時(shí)，回復(fù)、移動(dòng)、刪除等可對(duì)信息進(jìn)行的操作就會(huì)出現(xiàn)。
從電腦版Keynote到iPad版
Keynote是用于創(chuàng)建世界頂級(jí)展示的應(yīng)用，它非常強(qiáng)大、靈活。用戶非常熱愛能將易用與細(xì)節(jié)極其精致的木紋控件融為一體的keynote。
iPad版Keynote抓住了電腦版Keynote的核心功能，通過以下體驗(yàn)讓Keynote在ipad上如魚得水：
關(guān)注用戶的內(nèi)容
不閹割功能卻降低了復(fù)雜度
提供了簡(jiǎn)便易用的快捷方式
優(yōu)化了桌面上一些熟悉的特性
通過動(dòng)畫提供反饋和溝通
由于Keynote使用iPad規(guī)范提供了用戶期待的功能，用戶立刻理解如何在iPad上使用它。因?yàn)榭梢灾苯雍芎?jiǎn)單自然地操控內(nèi)容，新的用戶也能很容易學(xué)會(huì)如何在iPad上使用Keynote。
從電腦版向iPad版的移植基于無數(shù)事無巨細(xì)的修改和重新設(shè)計(jì)。明顯的改動(dòng)有這些：
簡(jiǎn)潔的工具欄。 工具欄數(shù)的項(xiàng)目屈指可數(shù)。但是這給了用戶獲得所有創(chuàng)建內(nèi)容所需工具的一致通道。
聽從用戶召喚的簡(jiǎn)潔檢視窗口。Keynote的檢視窗口自動(dòng)包含與用戶所選內(nèi)容相關(guān)的工具和屬性調(diào)節(jié)控件。通常，用戶可以在檢視窗口的第一屏內(nèi)完成所有對(duì)選中對(duì)象的調(diào)整。如果要調(diào)整那些很少被改動(dòng)的屬性，用戶可以進(jìn)入檢視窗口更深的層。
很多預(yù)置的樣式模板。用戶可以利用預(yù)置樣式很方便地修改圖示、表格等的外觀和感覺。除了顏色主題外，每一套預(yù)置樣式還包括表格標(biāo)題、勾號(hào)標(biāo)記等，用以協(xié)調(diào)整套主題的風(fēng)格。
直接控制內(nèi)容，添加有意義的動(dòng)畫。在iPad版Keynote上，用戶可以拖動(dòng)一張幻燈片到新位置，扭動(dòng)物體以旋轉(zhuǎn)它，輕觸一張圖片以選中它。動(dòng)畫反饋加強(qiáng)了直接控制的印象。例如，幻燈片在移動(dòng)時(shí)會(huì)輕輕搏動(dòng)，當(dāng)把它放在新位置時(shí)周圍的幻燈片四散開來為它騰出位置。
從iPhone版Mail到iPad版
Mail是iPhone的首要內(nèi)置程序之一。用戶喜歡它在一屏屏上簡(jiǎn)潔地組織大量信息的方式。
iPad版Mail實(shí)現(xiàn)類相同的核心功能。它有更多的屏幕空間為用戶展示消息，有意義的觸摸動(dòng)作，以及時(shí)刻可見但又不過分招搖的管理編輯工具。簡(jiǎn)潔屏幕的視覺穩(wěn)定性在一屏上呈現(xiàn)了用戶需要的信息，盡可能地減少了環(huán)境改變。
iPhone版Mail和iPad版mail的差異反映出用戶使用兩種設(shè)備時(shí)的用戶體驗(yàn)差異：
iPhone版Mail是為了幫助那些在排隊(duì)或正走去開會(huì)的移動(dòng)用戶處理郵件
iPad版Mail足以讓用戶在運(yùn)動(dòng)中使用，但它所能提供的豐富體驗(yàn)也鼓勵(lì)更深層次的使用
雖然iPad版Mail的用戶體驗(yàn)是為該設(shè)備量身定做的，但它沒有改變用戶使用的核心功能，也沒有改變某個(gè)功能的位置或是效果。iPhone版Mail用戶很容易發(fā)現(xiàn)iPad版工具欄上的項(xiàng)目以及收件箱結(jié)構(gòu)，也因兩者不變的本質(zhì)而立刻懂得如何使用它。
為了增強(qiáng)移動(dòng)郵件的體驗(yàn)，iPad版Mail在這些方面優(yōu)化了界面設(shè)計(jì)：
為設(shè)備的各種方向優(yōu)化了支持。用戶可以在四種方向中使用iPad應(yīng)用。雖然橫屏視圖（譯者按：老外習(xí)慣叫風(fēng)景模式）與豎屏視圖（譯者按：老外習(xí)慣叫肖像模式）的布局略有差異，界面的焦點(diǎn)總維持在用戶關(guān)注的功能和內(nèi)容上。
增加對(duì)消息內(nèi)容的關(guān)注。iPad版Mail在各個(gè)方向上都預(yù)留了主要空間用于呈現(xiàn)消息。這包括將工具欄移動(dòng)到消息的頂部，以增加展示消息的垂直空間。有了這些額外的空間，用戶不必翻頁(yè)就能閱讀更多信息。當(dāng)用戶想用豎屏模式瀏覽信息時(shí)，他們?nèi)匀荒芸吹疆?dāng)前消息的絕大部分。
扁平化的層級(jí)。iPad版Mail通過將所有高于郵件的層級(jí)劃分到獨(dú)立的界面元素有效地將郵件層級(jí)扁平化了（賬戶>郵件箱>郵件列表>郵件）。在橫屏模式下，這塊區(qū)域就是分欄的左半側(cè)。在豎屏模式下，這個(gè)元素是一個(gè)彈出層。
極大地減少了全屏轉(zhuǎn)場(chǎng)。因?yàn)榇蠖鄶?shù)層級(jí)可以通過獨(dú)立的那部分元素來瀏覽，用戶可以在一屏上獲得大多數(shù)他想要的的信息。當(dāng)用戶沿層級(jí)下行時(shí)，只是獨(dú)立的這部分頁(yè)面在轉(zhuǎn)場(chǎng)， 而非整個(gè)屏幕。
具有真實(shí)感的郵件。當(dāng)用戶為刪除一封郵件而標(biāo)記它時(shí)，這封郵件會(huì)在右側(cè)展示，就像一張真的紙。當(dāng)勾選了更多郵件后，這些郵件會(huì)堆疊成一摞紙，擺放的略有參差。
從電腦版Safari到iPad版
iOS版Safari為在iOS設(shè)備上瀏覽網(wǎng)頁(yè)提供了卓越的體驗(yàn)。用戶鐘愛平滑的文字和細(xì)膩的圖片，以及通過旋轉(zhuǎn)設(shè)備、輕敲平鋪以及分開手指去改變觀看方式。
標(biāo)準(zhǔn)的網(wǎng)站在iOS設(shè)備上可以很好顯示。能檢測(cè)瀏覽設(shè)備、沒有flash等插件的網(wǎng)站無論在iPhone還是iPad上都看起來很棒，但也可能會(huì)稍被調(diào)整。
另外，成功的網(wǎng)站應(yīng)該這樣：
為iOS設(shè)備專門設(shè)計(jì)合適的顯示范圍，頁(yè)寬與設(shè)備寬度相匹配。
避免CSS絕對(duì)定位，以便當(dāng)用戶縮放頁(yè)面時(shí)內(nèi)容不會(huì)錯(cuò)位。
使用基于觸摸的界面，而非依賴基于指針的交互。
有時(shí)，其他的修正也是恰當(dāng)?shù)�。例如：web程序總是將顯示范圍設(shè)置的比較合適，并隱藏Safari的界面。欲知更多，且看“控制顯示區(qū)域（Configuring the Viewport）”和 “調(diào)整網(wǎng)絡(luò)程序（Configuring Web Applications）”
iOS版Safari做了如下優(yōu)化：
使用定制CSS來提供可適應(yīng)的界面。不同的界面元素適合不同的環(huán)境。例如，蘋果的網(wǎng)站包括一個(gè)頁(yè)面，展示用戶可以觀看的視頻。當(dāng)在電腦上用Safari瀏覽時(shí)，用戶可以點(diǎn)擊上一頁(yè)、下一頁(yè)或者頁(yè)碼來查看其他片段。
而在iPhone上瀏覽時(shí)，這些控件被更易用的按鈕替代，按鈕上的符號(hào)與內(nèi)置控件的樣式相呼應(yīng)。
將Safari與iOS鍵盤相匹配。當(dāng)鍵盤以及表單輔助按鈕可見時(shí)，Safari在URL地址欄下、鍵盤和表單輔助按鈕以上的空間里展示網(wǎng)頁(yè)。
當(dāng)沒有鍵盤和表單輔助按鈕時(shí)，會(huì)多出216像素的垂直空間來展示網(wǎng)頁(yè)。在橫屏模式下，值有兩處不同，鍵盤高162像素，表單輔助按鈕高32像素。
設(shè)計(jì)了新的下拉菜單控件。在電腦版Safari上，下拉菜單的表現(xiàn)方式與Mac系統(tǒng)中的應(yīng)用程序一致，菜單打開，展示所有的項(xiàng)目，甚至在必要的時(shí)候超過窗口邊緣。iOS版Safari，下拉菜單采用新的樣式，提供更好的用戶體驗(yàn)。例如，在iPhone上，下拉菜單顯示在一個(gè)拾取器里。
在Ipad上，下拉菜單顯示在一個(gè)浮出層里。
使用列表展示iPhone網(wǎng)絡(luò)應(yīng)用中的數(shù)據(jù)。iOS用戶習(xí)慣了內(nèi)置程序的列表，所以當(dāng)在web程序中看到列表時(shí)，他們更有可能將web內(nèi)容視作程序。在iPhone上，表單展示在圓角矩形里，或者邊貼邊。每種樣式都有不同的韻律。
|