《iOS交互指南》閱讀隨筆--設(shè)計(jì)基礎(chǔ)

內(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)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末民逼,一起剝皮案震驚了整個(gè)濱河市泵殴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌拼苍,老刑警劉巖笑诅,帶你破解...
    沈念sama閱讀 212,542評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異疮鲫,居然都是意外死亡吆你,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)俊犯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)妇多,“玉大人,你說(shuō)我怎么就攤上這事瘫析∑霭穑” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,021評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵贬循,是天一觀(guān)的道長(zhǎng)咸包。 經(jīng)常有香客問(wèn)我,道長(zhǎng)杖虾,這世上最難降的妖魔是什么烂瘫? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,682評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮奇适,結(jié)果婚禮上坟比,老公的妹妹穿的比我還像新娘。我一直安慰自己嚷往,他們只是感情好葛账,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著皮仁,像睡著了一般籍琳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上贷祈,一...
    開(kāi)封第一講書(shū)人閱讀 49,985評(píng)論 1 291
  • 那天趋急,我揣著相機(jī)與錄音,去河邊找鬼势誊。 笑死呜达,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的粟耻。 我是一名探鬼主播查近,決...
    沈念sama閱讀 39,107評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼挤忙!你這毒婦竟也來(lái)了嗦嗡?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,845評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤饭玲,失蹤者是張志新(化名)和其女友劉穎侥祭,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體茄厘,經(jīng)...
    沈念sama閱讀 44,299評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡矮冬,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了次哈。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胎署。...
    茶點(diǎn)故事閱讀 38,747評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖窑滞,靈堂內(nèi)的尸體忽然破棺而出琼牧,到底是詐尸還是另有隱情恢筝,我是刑警寧澤,帶...
    沈念sama閱讀 34,441評(píng)論 4 333
  • 正文 年R本政府宣布巨坊,位于F島的核電站撬槽,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏趾撵。R本人自食惡果不足惜侄柔,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望占调。 院中可真熱鬧暂题,春花似錦、人聲如沸究珊。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,828評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)剿涮。三九已至啸胧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間幔虏,已是汗流浹背纺念。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,069評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留想括,地道東北人陷谱。 一個(gè)月前我還...
    沈念sama閱讀 46,545評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像瑟蜈,于是被迫代替她去往敵國(guó)和親烟逊。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容