中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

剛剛在微博中傲嬌的贊許了一下iOS 6當(dāng)中圖標(biāo)形式的Action Sheet。我真心不愿意用九宮格這三個(gè)字，好傻。地圖用誰家的，能不能用漢語調(diào)戲Siri，這類問題我個(gè)人來講不是很關(guān)注了，沒多大需求；倒是這些交互模式當(dāng)中的小改變更讓我覺得驚喜。

這些改變體現(xiàn)出的設(shè)計(jì)原則依然是我們耳熟能詳?shù)哪切横槍?duì)移動(dòng)設(shè)備特定的使用情境，減少用戶對(duì)于文字的閱讀量(文字按鈕的文案)、減小UI元素的排布密集度(文字按鈕縱向排布的方式)、充分利用用戶對(duì)常規(guī)應(yīng)用圖標(biāo)的辨識(shí)和記憶能力(郵件 、信息、微博)等等blahblah…iOS Human Interface Guidelines擺在那里，有多少設(shè)計(jì)師能真正把它吃透呢？不想代表任何人，至少我覺得自己遠(yuǎn)遠(yuǎn)沒有達(dá)到那樣的程度。

Xcode正在更新，不知所謂的“SDKs for OS X 10.8 Moutain Lion and iOS 6”當(dāng)中是否包含制作新模式Action Sheet的方式，希望可以嘍；就算不會(huì)去做iOS 6 only的應(yīng)用，看到這樣的變化及相應(yīng)的原生制作方法一點(diǎn)點(diǎn)出現(xiàn)，也是一件非常開心的事。

蠻巧的這個(gè)話題與今次選定要做的小譯文契合在了一起，多棒的一天。原文當(dāng)中的一些鋪墊就不做過來了，大意是作者的一些朋友把iPhone應(yīng)用設(shè)計(jì)想的太簡(jiǎn)單，把過多的精力放在了業(yè)務(wù)、市場(chǎng)一類事情上面，卻忽略了設(shè)備自身屬性所導(dǎo)致的交互模式方面的一些特定問題，致使產(chǎn)品自身在細(xì)節(jié)設(shè)計(jì)當(dāng)中具有硬傷blahblah…我們跳過前戲吧，想必看過日本動(dòng)作片的同學(xué)是可以理解的。那么大家都可以理解嘍。進(jìn)入正文。

說實(shí)話，iPhone的屏幕尺寸限制為設(shè)計(jì)師們帶來的問題還是蠻多的，這也是iOS人機(jī)界面設(shè)計(jì)規(guī)范(Human Interface Guidelines,HIG)存在的目的之一(相關(guān)閱讀：iOS人機(jī)界面設(shè)計(jì)規(guī)范縱覽)。很多同學(xué)都知道，要使自己的應(yīng)用產(chǎn)品在市場(chǎng)上脫穎而出，很重要的一點(diǎn)就是個(gè)性化的設(shè)計(jì)模式，包括交互模型及UI視覺風(fēng)格等(推薦閱讀：iOS交互模型與創(chuàng)新的產(chǎn)品概念)。不過這里面有個(gè)很簡(jiǎn)單的道理：與藝術(shù)創(chuàng)作類似，要做到突破和改變，我們必須首先了解既有規(guī)則及局限，在這個(gè)基礎(chǔ)上進(jìn)行再創(chuàng)造。

接下來，我們將對(duì)幾個(gè)具有“突破”色彩的設(shè)計(jì)方案進(jìn)行分析。

點(diǎn)擊(觸擊)區(qū)域

HIG中指出，界面當(dāng)中可點(diǎn)擊元素的最小尺寸為44像素見方。不過要記得“可點(diǎn)擊區(qū)域”這個(gè)概念，它的大小未必與操作對(duì)象的物理尺寸相同，這個(gè)區(qū)域可以包含操作對(duì)象及其周圍的一部分空間。

CNN的應(yīng)用界面當(dāng)中有一個(gè)很細(xì)小的導(dǎo)航條，從視覺呈現(xiàn)的角度來看，其高度只有32像素。雖然看上去有悖于規(guī)范，但實(shí)際上，它的可點(diǎn)擊區(qū)域包含了導(dǎo)航元素下面的一部分空間，以確保用戶可以準(zhǔn)確的點(diǎn)擊到這些尺寸很小的分類標(biāo)題。因此，當(dāng)內(nèi)容區(qū)當(dāng)中的文章條目(“One teacher…”)滾動(dòng)到如下圖所示的位置時(shí)，里面所包含的圖片和標(biāo)題其實(shí)是無法被點(diǎn)擊的。這種方式不會(huì)帶來問題，因?yàn)樘幱谶@個(gè)位置的內(nèi)容通常是用戶所略過的，或是即將進(jìn)入視線的。

而Muslim Pro在這方面的突破就差強(qiáng)人意了。界面中用來調(diào)整字號(hào)的按鈕明顯很小，大約只有21像素的樣子，而且它并沒有把可點(diǎn)擊區(qū)域擴(kuò)展出去。這就使得用戶必須很精確的操作才能點(diǎn)擊到。在移動(dòng)應(yīng)用的典型使用情境中，這并不是很容易做到的；而且過小的按鈕放在右側(cè)，更加容易被手指完全遮擋住，致使用戶無法準(zhǔn)確定位。

導(dǎo)航

底部標(biāo)簽欄(Tab Bar)是Apple為應(yīng)用提供的一種能夠在全局層面上組織子任務(wù)、視圖界面或功能模式的導(dǎo)航機(jī)制。標(biāo)簽欄始終固定在界面底部，其中最多包含5個(gè)導(dǎo)航元素；當(dāng)然對(duì)于iPad來說這個(gè)數(shù)字更加靈活一些。

上一個(gè)版本的Daily Burn使用了常規(guī)的標(biāo)簽欄作為常用功能的導(dǎo)航，不過在最近的更新中，他們將最重要的四個(gè)功能直接列在了主界面當(dāng)中，而將其他次要功能入口集合到了一個(gè)獨(dú)立的導(dǎo)航界面中，并使用了唯一一個(gè)”More”按鈕替代了原來的標(biāo)簽欄。用戶點(diǎn)擊這個(gè)按鈕之后，導(dǎo)航界面展開。

我個(gè)人來講更喜歡新版本中的方式，因?yàn)橛脩艨梢栽诙虝r(shí)間內(nèi)將注意力集中在首屏里的四個(gè)主要功能上。

而Muslim Pro當(dāng)中的標(biāo)簽欄高度差不多是標(biāo)準(zhǔn)規(guī)格的兩倍，不過當(dāng)用戶點(diǎn)擊其中的導(dǎo)航元素或是界面主內(nèi)容區(qū)域的時(shí)候，它是會(huì)自動(dòng)收起的。誠然，保持標(biāo)簽欄的持續(xù)可見才是比較理想的情況，不過在這種較為特殊的用法當(dāng)中，收起標(biāo)簽欄是更加合理的做法，前提是為用戶提供某種清晰易行的展開方法。

這兩個(gè)例子當(dāng)中所用到的方法，其目的都是為了解決過多的導(dǎo)航元素給標(biāo)準(zhǔn)標(biāo)簽欄帶來的問題。不過坦誠的講，這類做法都像是在為網(wǎng)站當(dāng)中過于龐大的頂級(jí)導(dǎo)航又增加了一層上級(jí)結(jié)構(gòu)，而不是從信息結(jié)果本身入手進(jìn)行優(yōu)化，使內(nèi)容可以被用戶更加容易的訪問到。這些做法在很多時(shí)候是可行的，但未必是最優(yōu)的方案。

更多關(guān)于交互元素尺寸及內(nèi)容導(dǎo)航方面的討論，可以參考我們之前的文章“又是為了觸屏移動(dòng)設(shè)備而設(shè)計(jì)”。

模態(tài)界面及相關(guān)任務(wù)

“使模態(tài)界面中的任務(wù)流程盡量簡(jiǎn)短與集約。不要讓用戶在模態(tài)界面當(dāng)中感到像是進(jìn)入了一個(gè)獨(dú)立的迷你應(yīng)用。在模態(tài)界面中嵌套樹狀信息結(jié)構(gòu)的時(shí)候一定要保持謹(jǐn)慎，因?yàn)檫@很有可能導(dǎo)致用戶迷失方向。如果必須在其中創(chuàng)建次級(jí)界面，以呈現(xiàn)下級(jí)信息結(jié)構(gòu)或操作任務(wù)，那么要確保給用戶提供一條單一的、明晰的路徑，以避免造成循環(huán)。

– iOS Human Interface Guidelines – User Experience Guidelines

我們總是傾向于讓模態(tài)視圖界面或彈窗承載上太多的選項(xiàng)、設(shè)置或功能任務(wù)，試圖通過這種方式來降低應(yīng)用自身的復(fù)雜度，簡(jiǎn)化導(dǎo)航機(jī)制。

來看一個(gè)例子。NightStand是一款以音樂作為鈴聲的鬧鐘應(yīng)用，基本功能還是不錯(cuò)的，主界面也很簡(jiǎn)單直白，但其設(shè)置界面(彈出的模態(tài)界面)卻相當(dāng)復(fù)雜。我們通過下面的圖例來了解一下將一首歌曲設(shè)置為鬧鐘鈴聲所需要的步驟：

即使信息結(jié)構(gòu)和功能確實(shí)難以被進(jìn)一步有效的優(yōu)化，將這類由如此多的步驟所組成的重要設(shè)置操作放到模態(tài)界面當(dāng)中也是有問題的。看看這樣的流程，幾乎繁瑣到讓人痛苦的地步，更何況這些流程是放在模態(tài)界面之中的，用戶很有可能在其中某個(gè)環(huán)節(jié)就失去方向感。

超越標(biāo)準(zhǔn)控件

我們通常能見到兩種“突破”的方式：創(chuàng)建自己的控件，替代Apple提供的標(biāo)準(zhǔn)界面元素；或是以不符合規(guī)范的方式使用Apple的原生控件。

CraigsPro是一款以圖文形式瀏覽本地分類信息(Craigslist)的應(yīng)用，本該是非常有用的一個(gè)工具。不過正如我們?cè)谏蠄D當(dāng)中看到的，這款應(yīng)用的界面中，幾乎所有的元素看上去都是可點(diǎn)擊的，而且其外觀的自定義程度是很高的；可以說，有些過于高了。Apple在設(shè)計(jì)規(guī)范當(dāng)中很明確的提出，如果要對(duì)標(biāo)準(zhǔn)控件進(jìn)行自定義，那么你的解決方案必須遵從一定的原則：

如果可能的話，您應(yīng)該在導(dǎo)航欄，工具欄和標(biāo)簽欄中使用系統(tǒng)提供的按鈕和圖標(biāo)。iPhone OS提供了各式各樣的標(biāo)準(zhǔn)按鈕和圖標(biāo)，用戶看到它們就會(huì)聯(lián)想到內(nèi)置應(yīng)用程序所支持的標(biāo)準(zhǔn)任務(wù)和模式。如果您的應(yīng)用程序支持一些標(biāo)準(zhǔn)功能（比如刷新內(nèi)容區(qū)視圖或刪除一項(xiàng)），或者會(huì)顯示不同的數(shù)據(jù)子集（比如聯(lián)系人或書簽），一定要使用系統(tǒng)提供的相應(yīng)按鈕或圖標(biāo)來表示它們。

當(dāng)然，并不是應(yīng)用程序所執(zhí)行的每個(gè)任務(wù)都是一個(gè)標(biāo)準(zhǔn)功能。如果您的應(yīng)用程序支持一些用戶需要頻繁執(zhí)行的自定義任務(wù)，您需要?jiǎng)?chuàng)建自定義的圖標(biāo)，用于在工具欄或?qū)Ш綑谥写磉@些任務(wù)。在您為圖標(biāo)創(chuàng)建美術(shù)圖案之前，您需要花些時(shí)間想想該圖標(biāo)應(yīng)該傳達(dá)些什么信息。當(dāng)您考慮設(shè)計(jì)的時(shí)候，請(qǐng)以這樣的圖標(biāo)為目標(biāo)：

• 簡(jiǎn)明扼要。太多的細(xì)節(jié)會(huì)使圖標(biāo)顯得雜亂或是難以理解。
• 不會(huì)被誤認(rèn)為是系統(tǒng)提供的圖標(biāo)。用戶應(yīng)該能夠一眼就將您的自定義圖標(biāo)與標(biāo)準(zhǔn)圖標(biāo)區(qū)分開。
• 易于理解且廣為接受。請(qǐng)盡力創(chuàng)建一個(gè)能夠被大多數(shù)用戶正確理解，不會(huì)令任何用戶反感的符號(hào)。

– iPhone人機(jī)界面指南 – 創(chuàng)建自定義圖標(biāo)和圖像

在自定義控件方面做既大膽又成功的應(yīng)用也有不少，他們會(huì)使用到很多定制化的控件與交互模式，但相關(guān)的設(shè)計(jì)原則并沒有悖離Apple在人機(jī)界面指南當(dāng)中提出的基本規(guī)則。規(guī)則有它存在的道理，基于正確的框架進(jìn)行的定制化改造才是真正可用可行的。

本文當(dāng)中提到的這幾點(diǎn)只是整個(gè)“自定義”話題當(dāng)中的一小部分，更多的設(shè)計(jì)原則和擴(kuò)展思路還有待我們通過Human Interface Guidelines以及不同的實(shí)戰(zhàn)項(xiàng)目加以摸索。最后有幾點(diǎn)小建議與大家分享：

• 在打破規(guī)則尋求創(chuàng)新之前，多花些時(shí)間全面深入的學(xué)習(xí)Apple提供的界面設(shè)計(jì)指南。
• 多看看、多用用那些在定制化方面做的非常成功的產(chǎn)品，考慮怎樣在自己的應(yīng)用中實(shí)現(xiàn)最合理的差異化策略(推薦閱讀：iOS用戶體驗(yàn)的差異化與策略)。
• 與同行多做交流，看看他們?cè)谶@方面有怎樣的經(jīng)驗(yàn)心得。
• 在設(shè)計(jì)階段使用原型做好可用性測(cè)試(推薦閱讀：產(chǎn)品早期的原型設(shè)計(jì)與用戶測(cè)試)。

來源：Be For Web