內(nèi)容來(lái)自:http://isux.tencent.com/ios8-human-interface-guidelines.html
“內(nèi)容始終是iOS的核心师崎。”
我喜歡iOS,然而,為其找理由時(shí)往往都忽略了內(nèi)容轨蛤,開(kāi)口談的幾乎都是明快美觀(guān)的界面和流暢的交互效果晨汹。如果沒(méi)有搜集信息和迅速響應(yīng)的交互能力,失去內(nèi)容作支撐桃漾,iOS也只是個(gè)框架坏匪。
半透明底板。像玻璃拉門(mén)上的磨砂紙雕刻的精美圖案一樣撬统,控制中心上拉后巧妙地把原頁(yè)作為背景而非隱去适滓,無(wú)論是內(nèi)容相關(guān)性還是設(shè)計(jì)美感,半透明底板都做到了恋追。
讓顏色簡(jiǎn)化UI. 在讀完《寫(xiě)給大家看的設(shè)計(jì)書(shū)》后有感凭迹。備忘錄中的“新建”罚屋,“返回”作為區(qū)別于列表文字的操作符,沒(méi)有使用“加粗”嗅绸,“放大”脾猛,“底色”,“字體” 等硬性對(duì)比鱼鸠,而是用了“顏色”猛拴,其他均不變,增加了趣味蚀狰,不突兀愉昆,而又指向明確。
用深度體現(xiàn)層次造锅。文件夾圖標(biāo)的半透明浮層撼唾。備忘錄的層級(jí)展示。日歷的年月日層級(jí)哥蔚。
iOS UIKit Framework?視圖類(lèi)型:控件倒谷,內(nèi)容視圖,臨時(shí)視圖
不同環(huán)境體驗(yàn)的可適用性:如果應(yīng)用只在一個(gè)方向運(yùn)行糙箍,確保用戶(hù)明白如何把持設(shè)備渤愁,并且旋轉(zhuǎn)180度后與原先保持一致。
用布局來(lái)溝通深夯《陡瘢可以在屏幕上半部分布置主要內(nèi)容,整體從左側(cè)開(kāi)始咕晋。昨天看到一篇文章講到用戶(hù)瀏覽模式雹拄,主要有F和Z兩種。F模式在以文字為主內(nèi)容的網(wǎng)站出現(xiàn)掌呜,例如博客滓玖。用戶(hù)沿左側(cè)垂直向下,尋找每個(gè)段落開(kāi)頭的興趣點(diǎn)质蕉,視線(xiàn)呈現(xiàn)F或E型势篡。Z模式則出現(xiàn)在非文字為主題的頁(yè)面。用戶(hù)首先關(guān)注頂部水平方向的內(nèi)容模暗,視線(xiàn)到達(dá)地步后又遵循從左到右的習(xí)慣水平掃視底部?jī)?nèi)容禁悠。比如一個(gè)附帶產(chǎn)品介紹的注冊(cè)頁(yè)面,開(kāi)始有一個(gè)注冊(cè)按鈕兑宇,下拉會(huì)出現(xiàn)產(chǎn)品賣(mài)點(diǎn)碍侦,最下方的支付選項(xiàng)抵達(dá)了底部的水平線(xiàn)。
確保用戶(hù)在默認(rèn)界面就能找到首要內(nèi)容。無(wú)需滾動(dòng)和放大就能看到主體圖像瓷产。
如果在應(yīng)用中需要修改系統(tǒng)設(shè)置比规,直接跳轉(zhuǎn)系統(tǒng)設(shè)置頁(yè)面好過(guò)“設(shè)置>隱私>定位服務(wù)”的描述。
啟動(dòng)
即時(shí)啟動(dòng)原則:安裝結(jié)束后不用重啟設(shè)備拦英,不要設(shè)置歡迎頁(yè)面蜒什,讓用戶(hù)立即開(kāi)始使用。
避免要求用戶(hù)過(guò)多設(shè)置疤估。默認(rèn)為大多數(shù)所選值灾常。盡可能從系統(tǒng)獲取所需信息而非讓用戶(hù)填寫(xiě)。
盡可能讓用戶(hù)遲些登錄铃拇,讓用戶(hù)在不需登錄時(shí)使用大部分功能钞瀑。這一點(diǎn)不能完全認(rèn)同,因?yàn)樵诤芏嗲闆r下用戶(hù)已經(jīng)不是第一次接觸應(yīng)用了(不同平臺(tái)/二次下載/升級(jí)/系統(tǒng)更新)慷荔,希望迅速找到個(gè)人信息雕什,或?qū)?yīng)用功能做定制,同步显晶,等等贷岸。最簡(jiǎn)單來(lái)說(shuō)登錄頁(yè)面需要很容易找到,而登錄信息也應(yīng)在合適的時(shí)間出現(xiàn)才好磷雇。
按照屏幕默認(rèn)的定向方式啟動(dòng)應(yīng)用偿警,比如一個(gè)游戲應(yīng)用在橫屏下展示,在豎屏?xí)r打開(kāi)也應(yīng)是橫屏界面唯笙。最好在旋轉(zhuǎn)180度后正常顯示橫屏螟蒸。
應(yīng)用重啟后恢復(fù)到退出時(shí)的狀態(tài)。這個(gè)似乎很多應(yīng)用沒(méi)有做到崩掘。
停止
"iOS應(yīng)用無(wú)需關(guān)閉或退出選項(xiàng)七嫌。當(dāng)用戶(hù)切換應(yīng)用,回到主屏幕或者將設(shè)備調(diào)至睡眠模式的時(shí)候苞慢,其實(shí)就是把其放在后臺(tái)停止了使用诵原。在后臺(tái)的應(yīng)用隨時(shí)有可能被終止或退出,因此需隨時(shí)保存用戶(hù)信息和當(dāng)前狀態(tài)枉疼,使用戶(hù)可以在回到應(yīng)用時(shí)能從中斷之處繼續(xù)使用皮假。"
不要強(qiáng)制退出應(yīng)用鞋拟,用戶(hù)可能誤認(rèn)為是crash骂维。如果有問(wèn)題出現(xiàn),告訴用戶(hù)當(dāng)前狀況以及解決方法贺纲。
保證所有可用功能正常顯示航闺。當(dāng)用戶(hù)點(diǎn)擊不可用功能時(shí)才顯示提示信息。
導(dǎo)航
三種常見(jiàn)導(dǎo)航結(jié)構(gòu):分層,扁平潦刃,內(nèi)容或經(jīng)驗(yàn)驅(qū)動(dòng)侮措。
分層:(iOS提供)導(dǎo)航欄 Navigation Bar.?
扁平:標(biāo)簽欄 Tab Bar. 切換子任務(wù),視圖或模式乖杠。
? ? ? ? ? 頁(yè)面控件 Page Control, 用于同類(lèi)頁(yè)面分扎,展示頁(yè)面總數(shù)和當(dāng)前位置。
最好有直接到達(dá)每一頁(yè)的捷徑胧洒,如action sheet畏吓,modal view(彈出的另一視圖)。
內(nèi)容或經(jīng)驗(yàn)驅(qū)動(dòng):比如游戲應(yīng)用會(huì)根據(jù)具體內(nèi)容來(lái)設(shè)置導(dǎo)航和提示卫漫。
模態(tài)情景
比如警告框菲饼,模態(tài)視圖,分享菜單列赎『暝茫“給用戶(hù)提供一種不脫離主任務(wù)的方式去完成一個(gè)任務(wù)或者獲得信息,但是也會(huì)臨時(shí)性地阻止用戶(hù)對(duì)應(yīng)用的其他部分進(jìn)行交互操作包吝”罚”
需要盡可能減少模態(tài)情景∈剑可以使用的情形有:必須引起關(guān)注派哲;一個(gè)任務(wù)明確要被放棄或者完成時(shí),需保存用戶(hù)信息掺喻。模態(tài)情景要做到:
確保模態(tài)任務(wù)簡(jiǎn)單芭届,聚焦。否則用戶(hù)會(huì)迷失在模態(tài)任務(wù)中感耙,忘記如何回到之前的操作褂乍;
提供明顯、安全的退出即硼;
確保點(diǎn)擊“完成”按鈕的效果逃片。模態(tài)有多層時(shí),下一級(jí)的“完成”不確定是本級(jí)的還是所有層級(jí)的完成只酥。
交互性和反饋
用戶(hù)所知道的標(biāo)準(zhǔn)手勢(shì):點(diǎn)擊褥实;拖拽;滑動(dòng)裂允;輕掃损离;長(zhǎng)按;雙擊绝编;縮放僻澎;搖晃貌踏。
不要改變/增加標(biāo)準(zhǔn)手勢(shì)的含義;特定環(huán)境可以用多指手勢(shì)窟勃,盡量少用祖乳。
可交互元素:
區(qū)別于普通文本,可以用藍(lán)色表示秉氧。如果可交互元素和內(nèi)容混在一起眷昆,需要增加邊界(邊框),背景(顏色)汁咏。
盡量將反饋內(nèi)容整合到當(dāng)前UI上去隙赁,讓用戶(hù)感到自然。避免不必要的警告框梆暖。
使用戶(hù)得到平衡的輸入和反饋結(jié)果伞访。這也是一種心理平衡吧,不能一味付出不求回報(bào)不是么轰驳。
增加顏色對(duì)比度:需要區(qū)分的顏色要存在至少50%亮度差異厚掷。一種看對(duì)比度的方法是降低頁(yè)面飽和度,在灰度模式下看它级解。
使用自定義的欄顏色時(shí)冒黑,考慮半透明欄∏诨考慮用基準(zhǔn)色抡爹,比如系統(tǒng)應(yīng)用中“返回”,“提交”的顏色芒划。如果自己定義表示交互的基準(zhǔn)色冬竟,要和其他應(yīng)用區(qū)分開(kāi)。