2015-10-23 用心設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
來源:莫貝網(wǎng)
D Touch給iOS 9的用戶帶來更多的互動(dòng)維度。在支持的設(shè)備上,人們可以通過按壓主屏幕應(yīng)用程序的圖標(biāo)快速選擇特定的操作。在應(yīng)用程序中,人們可以使用壓力來獲得項(xiàng)目的預(yù)覽,可以在一個(gè)單獨(dú)的視圖中打開該項(xiàng)目,并獲得相關(guān)的操作。(欲了解更多關(guān)于加入支持3D Touch的代碼,請(qǐng)參閱 在iPhone上采用3D Touch。)
Peek可以讓用戶在沒有打開應(yīng)用的情況下預(yù)覽的應(yīng)用所支持的快捷操作。輕壓有支持Peek的應(yīng)用圖標(biāo)可以顯示一個(gè)矩形的Pop視圖(有時(shí)稱為提示)。
Peek:
·當(dāng)用戶輕按下出現(xiàn)內(nèi)容,手指抬起時(shí)消失 。
·首先打開的是一個(gè)叫「Pop視圖」的詳細(xì)內(nèi)容 -當(dāng)用戶按下更深一點(diǎn)則顯示Peek視圖 。
·用戶在Peek視圖向上滾動(dòng),就可以看到提供相關(guān)內(nèi)容的快捷操作。
當(dāng)用戶輕按屏幕,項(xiàng)目支持進(jìn)一步互動(dòng)可通過顯示一個(gè)矩形的視圖來暗示。Pop視圖應(yīng)足夠大,以便用戶的手指不會(huì)遮擋內(nèi)容和詳細(xì),讓用戶決定是否按得更深一些,來查看Peek視圖。
使用Peek提供即時(shí)的豐富內(nèi)容預(yù)覽。它為用戶提供關(guān)于增加他們的了解當(dāng)前項(xiàng)目信息最好的方式。例如,用戶可以使用Peek功能,幫助他們決定在Safari中打開網(wǎng)頁或與好友分享鏈接之前預(yù)覽郵件中的URL網(wǎng)頁內(nèi)容。在表視圖中,Peek向用戶展示一條詳細(xì)的信息視圖。
為每一個(gè)Peek視圖提供Pop視圖。即使Peek為用戶提供了他們最需要的信息,你也應(yīng)該讓用戶過渡到Pop視圖,再?zèng)Q定是回到當(dāng)前任務(wù)還是從當(dāng)前的任務(wù)中切換出來。Pop視圖應(yīng)該是跟他們點(diǎn)擊該項(xiàng)目得到的視圖相同。
不要啟用Peek和編輯菜單為一樣的項(xiàng)目。這兩項(xiàng)功能啟用了一個(gè)項(xiàng)目時(shí),會(huì)讓人迷惑不解。(欲了解更多關(guān)于編輯菜單,請(qǐng)參閱 編輯菜單。)
在Peek視圖中,避免元素看起來像按鈕。如果當(dāng)用戶抬起手指來點(diǎn)擊看起來像一個(gè)按鈕元素時(shí),Peek視圖會(huì)消失。
如果合適,請(qǐng)為Peek提供快捷操作。在Peek視圖中,用戶可以快速滾動(dòng)顯示到與該項(xiàng)目相關(guān)的操作。例如,在 郵件中使用Peek視圖的快捷操作包括「全部回復(fù)」,「轉(zhuǎn)發(fā)」和「移動(dòng)郵件」。不是每個(gè)Peek都需要快捷操作,但如果你已經(jīng)提供了自定義觸摸并持有操作 的項(xiàng)目,最好的做法是提供在按住項(xiàng)目時(shí)替換觸摸Peek視圖相同的操作。(請(qǐng)注意,在Peek視圖中自動(dòng)提供了Web視圖的快捷操作。)
不要把使用Peek作為項(xiàng)目具體行動(dòng)的唯一方法。并非每個(gè)設(shè)備都支持Peek視圖和Pop視圖,有些用戶還可能會(huì)選擇關(guān)閉3D觸控功能,所以它必須找到其他的方法來使Peek功能在你的應(yīng)用程序中可用。當(dāng)你的應(yīng)用程序在較舊的設(shè)備上運(yùn)行時(shí),用戶可以在視圖中找到并且觸發(fā)和點(diǎn)擊跟Peek視圖中一樣的快捷操作。
主屏幕上快捷操作為用戶提供了一個(gè)方便的方法,可以從主屏幕的應(yīng)用程序來執(zhí)行有用的、特定的操作。
主屏幕上的快捷操作:
·當(dāng)用戶在主屏幕上用比觸摸更深的按住應(yīng)用圖標(biāo)就可以顯示
·顯示簡短的標(biāo)題,圖標(biāo)和你提供的副標(biāo)題
·不支持其他自定義內(nèi)容
·當(dāng)您的應(yīng)用程序更新,可以在顯示更新信息
使用主屏幕快捷操作應(yīng)提供富有吸引力的,高價(jià)值的任務(wù)。例如,用戶可以在沒有打開地圖應(yīng)用程序就搜索當(dāng)前位置的附近或獲取回家的路線。每個(gè)應(yīng)用程序在主屏幕上提供的快捷操作至少有一個(gè)有用的任務(wù); 你最多可以提供四個(gè)快捷操作。
避免使用主屏幕上的快捷操作來緩解您的應(yīng)用程序的導(dǎo)航問題。如果是因?yàn)橛脩粼L問你的應(yīng)用程序的重要內(nèi)容很困難或耗費(fèi)時(shí)間,來使用主屏幕快捷操作,那么首先應(yīng)該解決的應(yīng)該是應(yīng)用程序的導(dǎo)航問題,使所有用戶受益。接下來,再專注優(yōu)化主屏幕上的快捷操作,深層鏈接到您的應(yīng)用程序更有用的,有創(chuàng)造性的任務(wù)。
應(yīng)避免更改主屏幕快捷操作方式讓用戶很難預(yù)測(cè)。讓用戶快速理解是基于事件或上下文的改變更新是最好的方式。例如,它很有意義,在你的應(yīng)用中一天時(shí)間里或在用戶設(shè)置改變時(shí),更新是基于用戶當(dāng)前的位置或最近的活動(dòng)。
不要使用主屏幕上快捷操作來通知用戶。iOS 用戶希望從其他途徑獲取通知。(來了解這些方法,請(qǐng)參閱 通知)。
為每個(gè)主屏幕上的快捷操作設(shè)置模板圖標(biāo),并提供簡明的標(biāo)題(和副標(biāo)題)。標(biāo)題應(yīng)表達(dá)操作的結(jié)果; 例如,「回 家」,「新建聯(lián)系人」和「新郵件」。為用戶提供更多的內(nèi)容您也可以提供可選的副標(biāo)題。例如,郵件使用副標(biāo)題,告訴用戶在VIP主屏幕快捷操作是否有的任何 未讀郵件。不要在標(biāo)題和副標(biāo)題顯示您的應(yīng)用程序名稱和任何無關(guān)的信息,并要盡量采取本土化的文字說明。
保持標(biāo)題盡可能短以避免系統(tǒng)截?cái)喾浅V匾?,這會(huì)幫助用戶快速理解快捷操作。如果你提供一個(gè)副標(biāo)題,系統(tǒng)因?yàn)闃?biāo)題太長而截?cái)?,就無法放在同一行; 如果沒有副標(biāo)題,系統(tǒng)會(huì)把一個(gè)長標(biāo)題折疊到第二行。
您可以從許多系統(tǒng)提供的模板圖標(biāo)中選擇,也可以創(chuàng)建自定義模板圖標(biāo)。有關(guān)圖標(biāo)大小,填充和定位的詳細(xì)指導(dǎo),可以下載主屏幕快捷操作圖標(biāo)模板(附件中)。若要了解更多有關(guān)設(shè)計(jì)模板圖標(biāo),請(qǐng)參閱模板圖標(biāo)。
系統(tǒng)會(huì)自動(dòng)的在圖標(biāo)左側(cè)或右側(cè)顯示快捷操作列表,這取決于用戶主屏幕上的應(yīng)用圖標(biāo)的位置。(列表中圖標(biāo)的位置,文本總是左對(duì)齊的。)下面你可以看到在主屏幕上各種快捷操作的例子。
————————————————————————————
IFEC – 技巧小組:larens 翻譯
譯文來自:ui.cn
原文地址:iOS Human Interface Guidelines-3D Touch
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com