Material Design設(shè)計(jì)指南整理(六)

這次整理的內(nèi)容是成長(zhǎng)與交流部分胸墙,主要介紹怎么讓用戶更快,更直觀地掌握你的應(yīng)用惦辛。

有三個(gè)方面劳秋,一是入門指導(dǎo)、二是特性探索胖齐、三是手勢(shì)教育玻淑。通過這些可以讓用戶更好地使用應(yīng)用,在提高用戶體驗(yàn)的同時(shí)提高應(yīng)用的留存率呀伙。其中补履,需要注意的幾個(gè)點(diǎn)是:目標(biāo)、時(shí)機(jī)剿另、數(shù)量箫锤、頻率,下面詳細(xì)介紹雨女。


1谚攒、入門指導(dǎo)

入門指導(dǎo)雖然是針對(duì)新人,但是不同用戶的目標(biāo)不一樣氛堕,所以指導(dǎo)的側(cè)重點(diǎn)也會(huì)有所不同馏臭。對(duì)于那些剛剛安裝好,但是不太了解應(yīng)用可以做什么的讼稚,應(yīng)該提供一些可以立即體驗(yàn)的方法括儒,對(duì)于那些對(duì)應(yīng)用有較大興趣,但是不喜歡看說明書的锐想,應(yīng)該盡可能幫助其了解應(yīng)用的使用方法帮寻。對(duì)于那些打算好好學(xué)習(xí)一下的,應(yīng)該提供讓用戶感受到進(jìn)步赠摇。
material design中提供了三種入門指導(dǎo)的模式固逗,下面進(jìn)行介紹。

左:自主選擇 中:快速開始 右:特性介紹
  • 自主選擇
    自主選擇是在應(yīng)用啟動(dòng)是讓用戶做出一些選擇蝉稳,從而展現(xiàn)一些個(gè)性化的內(nèi)容抒蚜,這種方式能夠讓用戶感覺應(yīng)用是受其控制的,而且對(duì)顯示出來的東西也有較大的興趣耘戚。
    提供的選項(xiàng)是否合適決定了你的入門引導(dǎo)能否成功嗡髓。
    1)有意義而且可識(shí)別:不要提供一些用戶難以決定又沒有意義的,比如詢問用戶每天使用應(yīng)用的時(shí)間點(diǎn)收津。
    2)詢問不知道的信息:對(duì)于可以從系統(tǒng)或者賬號(hào)系統(tǒng)中獲取的信息饿这,不要再要求用戶選擇浊伙。
    3)保持簡(jiǎn)短:盡量將選項(xiàng)限制在一個(gè)屏幕內(nèi),每個(gè)屏幕最好少于10個(gè)選項(xiàng)长捧。
    設(shè)計(jì)時(shí)應(yīng)該考慮與選擇后出現(xiàn)的界面的過渡是否流程嚣鄙。
    下面是三個(gè)例子:


  • 快速開始
    快速開始是指在應(yīng)用打開之后直接進(jìn)入主頁面,并允許用戶之間進(jìn)行操作串结。這時(shí)就需要突出應(yīng)用最主要的操作哑子,此外,有時(shí)候還需要提供一些必要的幫助信息肌割。需要注意以下幾個(gè)問題:
    1)給用戶一些事情做卧蜓,例如對(duì)于記事本之類的應(yīng)用,用戶可能一時(shí)半會(huì)沒什么要記錄的把敞,可以在記事本中預(yù)先加入一些東西弥奸,讓用戶可以查看。
    2)提供幫助信息的入口奋早,不要直接顯示幫助信息盛霎,而是提供一個(gè)入口,并且用戶要能夠?qū)⑵湟瞥?br> 3)突出主要操作耽装,可以通過一些動(dòng)效或者較為明顯的文字提示愤炸,比如“點(diǎn)擊創(chuàng)建新記事”等。

  • 特性介紹
    1)選擇正確的特性:特性一般在三個(gè)左右掉奄,可以是應(yīng)用能解決的一些問題摇幻,可以是能帶來的最大好處,也可以是一些每天必備的功能挥萌。
    2)一般一個(gè)頁面展示一個(gè)特性,并且可以自動(dòng)切換枉侧,切換時(shí)間議一般為2-3秒引瀑。頁面之間的風(fēng)格要統(tǒng)一。
    3)展示應(yīng)該盡量簡(jiǎn)潔榨馁、明確憨栽,每個(gè)頁面都應(yīng)該有一個(gè)“開始使用”的按鈕,讓用戶跳過這些介紹直接使用翼虫。

  • 怎么選擇
    1)如果應(yīng)用的界面和功能沒有太過特別的地方或者與之前沒有較大的變化屑柔,則不要使用特性介紹,最好不要和自主選擇同時(shí)使用珍剑。
    2)自主選擇一般用于該應(yīng)用可以個(gè)性化掸宛,或者需要用戶提供一些個(gè)性化信息。
    3)快速開始是用于平常使用狀態(tài)下的招拙,用戶對(duì)應(yīng)用有了一定的了解唧瘾。

2措译、特性探索

特性探索用于在日常使用中,引導(dǎo)用戶發(fā)現(xiàn)應(yīng)用中的其他功能饰序×旌纾可以是一些簡(jiǎn)單的,單擊一次就可以實(shí)現(xiàn)的求豫,也可以是比較復(fù)雜的塌衰,有一定的步驟的。
1)目標(biāo):首先應(yīng)該是沒有使用過該功能的用戶蝠嘉,對(duì)于一些基礎(chǔ)的功能最疆,可以展示給全部用戶,但是一些高級(jí)功能只向有一定的使用時(shí)間或使用頻率的人顯示是晨。
2)時(shí)機(jī):不要在應(yīng)用打開時(shí)提醒肚菠,特別是當(dāng)用戶打開應(yīng)用是為了進(jìn)行某些任務(wù)時(shí),這樣會(huì)干擾用戶罩缴。展示與當(dāng)前內(nèi)容有關(guān)的蚊逢,如果跟其他內(nèi)容沒有關(guān)系,可以在用戶使用的間隙箫章,比如加載中烙荷,刷新中等。
3)數(shù)量和頻率:不要太過頻繁檬寂,如果用戶移除過該提示终抽,或者沒怎么接受過,最好就不要再次出現(xiàn)桶至。如果用戶接受了昼伴,可以在一段時(shí)間后繼續(xù)展示類似的提示。
4)引導(dǎo):可以通過小動(dòng)效來引導(dǎo)镣屹,比如某個(gè)操作的圖標(biāo)輕微晃動(dòng)圃郊。對(duì)于一些比較復(fù)雜的,可以使用一系列動(dòng)效女蜈,在每個(gè)關(guān)鍵點(diǎn)做出引導(dǎo)持舆。當(dāng)然,也可以直接使用文字和顏色進(jìn)行提示伪窖。

3逸寓、手勢(shì)教育

手勢(shì)可以是作用于某一區(qū)域,也可以作用于整個(gè)頁面覆山。同樣需要注意目標(biāo)竹伸、時(shí)機(jī)、數(shù)量和頻率汹买。
1)目標(biāo)和時(shí)機(jī):只針對(duì)于沒有使用過該手勢(shì)的用戶佩伤,如果該手勢(shì)比較重要聊倔,則在應(yīng)用一開始就展示,如果不是那么重要生巡,則可以在之后需要用到時(shí)才展示出來耙蔑。
2)數(shù)量和頻率:避免在應(yīng)用中使用過多的復(fù)雜的手勢(shì),最多不超過兩個(gè)孤荣。手勢(shì)教育一般只出現(xiàn)一次甸陌,如果是特別重要的,最多不要超過兩次盐股。
3)可以使用視覺元素钱豁、文字和動(dòng)效等進(jìn)行教育,教育時(shí)可以提供沙箱疯汁,即用戶的操作不會(huì)帶來實(shí)際影響牲尺。

這是material design整理系列的最后一篇,基本上把material design大致過了一遍幌蚊,主要還是思路上的梳理和總結(jié)谤碳,一些細(xì)節(jié)沒有寫詳細(xì),等需要的時(shí)候查閱官方文檔即可溢豆。另外蜒简,“樣式”和“可用性”兩大塊并沒有整理進(jìn)來,因?yàn)闃邮街饕€是視覺方面的漩仙,交互上涉及不多搓茬,可用性主要是對(duì)于特殊人士的優(yōu)化,以及對(duì)多種語言文字的支持等队他,對(duì)于初學(xué)者來說知道個(gè)大概即可卷仑。有興趣的可以自行去官網(wǎng)查看 樣式可用性

以上麸折。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末系枪,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子磕谅,更是在濱河造成了極大的恐慌,老刑警劉巖雾棺,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膊夹,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡捌浩,警方通過查閱死者的電腦和手機(jī)放刨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尸饺,“玉大人进统,你說我怎么就攤上這事助币。” “怎么了螟碎?”我有些...
    開封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵眉菱,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我掉分,道長(zhǎng)俭缓,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任酥郭,我火速辦了婚禮华坦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘不从。我一直安慰自己惜姐,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開白布椿息。 她就那樣靜靜地躺著歹袁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪撵颊。 梳的紋絲不亂的頭發(fā)上宇攻,一...
    開封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音倡勇,去河邊找鬼逞刷。 笑死,一個(gè)胖子當(dāng)著我的面吹牛妻熊,可吹牛的內(nèi)容都是我干的夸浅。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼扔役,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼帆喇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起亿胸,我...
    開封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤坯钦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后侈玄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體婉刀,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年序仙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了突颊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖律秃,靈堂內(nèi)的尸體忽然破棺而出爬橡,到底是詐尸還是另有隱情棒动,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布迁客,位于F島的核電站,受9級(jí)特大地震影響掷漱,放射性物質(zhì)發(fā)生泄漏粘室。R本人自食惡果不足惜卜范,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望海雪。 院中可真熱鬧锦爵,春花似錦奥裸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽侠鳄。三九已至埠啃,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間伟恶,已是汗流浹背碴开。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留博秫,地道東北人潦牛。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像挡育,于是被迫代替她去往敵國(guó)和親罢绽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,162評(píng)論 25 707
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理静盅,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,659評(píng)論 18 139
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)蒿叠、插件明垢、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,105評(píng)論 4 62
  • 我曾經(jīng)很認(rèn)真地以為只要讓別人開心,就能成為人見人愛的那個(gè)人市咽。 年幼上小學(xué)的時(shí)候痊银,班上的每個(gè)孩子都笑得那么真。學(xué)校每...
    蟲圭足兆閱讀 1,306評(píng)論 0 1
  • 互聯(lián)網(wǎng)運(yùn)營(yíng)你真的懂嗎施绎? http://mt.sohu.com/20150907/n420577791.shtml
    言行果閱讀 108評(píng)論 0 0