Material Design設計指南整理(六)

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

有三個方面,一是入門指導、二是特性探索、三是手勢教育。通過這些可以讓用戶更好地使用應用,在提高用戶體驗的同時提高應用的留存率。其中,需要注意的幾個點是:目標、時機、數(shù)量、頻率,下面詳細介紹。


1、入門指導

入門指導雖然是針對新人,但是不同用戶的目標不一樣,所以指導的側(cè)重點也會有所不同。對于那些剛剛安裝好,但是不太了解應用可以做什么的,應該提供一些可以立即體驗的方法,對于那些對應用有較大興趣,但是不喜歡看說明書的,應該盡可能幫助其了解應用的使用方法。對于那些打算好好學習一下的,應該提供讓用戶感受到進步。
material design中提供了三種入門指導的模式,下面進行介紹。

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


  • 快速開始
    快速開始是指在應用打開之后直接進入主頁面,并允許用戶之間進行操作。這時就需要突出應用最主要的操作,此外,有時候還需要提供一些必要的幫助信息。需要注意以下幾個問題:
    1)給用戶一些事情做,例如對于記事本之類的應用,用戶可能一時半會沒什么要記錄的,可以在記事本中預先加入一些東西,讓用戶可以查看。
    2)提供幫助信息的入口,不要直接顯示幫助信息,而是提供一個入口,并且用戶要能夠?qū)⑵湟瞥?br> 3)突出主要操作,可以通過一些動效或者較為明顯的文字提示,比如“點擊創(chuàng)建新記事”等。

  • 特性介紹
    1)選擇正確的特性:特性一般在三個左右,可以是應用能解決的一些問題,可以是能帶來的最大好處,也可以是一些每天必備的功能。
    2)一般一個頁面展示一個特性,并且可以自動切換,切換時間議一般為2-3秒。頁面之間的風格要統(tǒng)一。
    3)展示應該盡量簡潔、明確,每個頁面都應該有一個“開始使用”的按鈕,讓用戶跳過這些介紹直接使用。

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

2、特性探索

特性探索用于在日常使用中,引導用戶發(fā)現(xiàn)應用中的其他功能。可以是一些簡單的,單擊一次就可以實現(xiàn)的,也可以是比較復雜的,有一定的步驟的。
1)目標:首先應該是沒有使用過該功能的用戶,對于一些基礎的功能,可以展示給全部用戶,但是一些高級功能只向有一定的使用時間或使用頻率的人顯示。
2)時機:不要在應用打開時提醒,特別是當用戶打開應用是為了進行某些任務時,這樣會干擾用戶。展示與當前內(nèi)容有關的,如果跟其他內(nèi)容沒有關系,可以在用戶使用的間隙,比如加載中,刷新中等。
3)數(shù)量和頻率:不要太過頻繁,如果用戶移除過該提示,或者沒怎么接受過,最好就不要再次出現(xiàn)。如果用戶接受了,可以在一段時間后繼續(xù)展示類似的提示。
4)引導:可以通過小動效來引導,比如某個操作的圖標輕微晃動。對于一些比較復雜的,可以使用一系列動效,在每個關鍵點做出引導。當然,也可以直接使用文字和顏色進行提示。

3、手勢教育

手勢可以是作用于某一區(qū)域,也可以作用于整個頁面。同樣需要注意目標、時機、數(shù)量和頻率。
1)目標和時機:只針對于沒有使用過該手勢的用戶,如果該手勢比較重要,則在應用一開始就展示,如果不是那么重要,則可以在之后需要用到時才展示出來。
2)數(shù)量和頻率:避免在應用中使用過多的復雜的手勢,最多不超過兩個。手勢教育一般只出現(xiàn)一次,如果是特別重要的,最多不要超過兩次。
3)可以使用視覺元素、文字和動效等進行教育,教育時可以提供沙箱,即用戶的操作不會帶來實際影響。

這是material design整理系列的最后一篇,基本上把material design大致過了一遍,主要還是思路上的梳理和總結(jié),一些細節(jié)沒有寫詳細,等需要的時候查閱官方文檔即可。另外,“樣式”和“可用性”兩大塊并沒有整理進來,因為樣式主要還是視覺方面的,交互上涉及不多,可用性主要是對于特殊人士的優(yōu)化,以及對多種語言文字的支持等,對于初學者來說知道個大概即可。有興趣的可以自行去官網(wǎng)查看 樣式、可用性

以上。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容