App手機網(wǎng)站設計用戶體驗差的可能原因
手機網(wǎng)站設計、APP產(chǎn)品設計常常聽顧客反饋說體驗不夠好,是否想過可能的原因有重要的消息通知接收不到、產(chǎn)品更新了新功能新版本,但是用戶卻不知道、用戶使用產(chǎn)品時,不知道怎么操作?這些事我們開發(fā)CRM客戶管理類產(chǎn)品時最常遇到的問題。更加的解決辦法是做好用戶操作引導。
1、設計引導的目的
設計引導的目的從用戶和產(chǎn)品來說目的有所不同。
用戶角度:我們需要通過引導快速的讓用戶清楚我們的產(chǎn)品有哪些功能、能夠解決什么問題、如何操作等,從而讓用戶能夠更快速、便捷的了解并使用我們的產(chǎn)品。
產(chǎn)品角度:同樣產(chǎn)品的首要目的也是讓用戶能夠快速便捷的了解并使用我們的產(chǎn)品,同時引導用戶使用產(chǎn)品期望他操作的功能。
2、引導的展現(xiàn)形式
引導的展現(xiàn)形式主要有:輪播圖、視頻、對話框引導、操作蒙層引導、通告欄引導、氣泡框引導、提示對話框引導、小紅點引導、系統(tǒng)通知引導、Toast等形式。
如果按照引導的強弱可以分為:重度引導、中度引導、輕度引導。
重度引導:用戶必須選擇才能進行其他的操作,其優(yōu)勢是阻斷感強、用戶易感知,其缺點就是容易引起用戶的反感,從而被忽視,不能過多使用,其展現(xiàn)形式主要有:輪播圖、視頻、對話框引導、操作蒙層引導。
中度引導:不自動消失,用戶不需要選擇,可以忽略,其優(yōu)勢是用戶能感知,不會對用戶造成干擾,其展現(xiàn)形式主要有:通告欄引導、氣泡框引導。
輕度引導:用戶無需操作,可以忽略,同時感興趣的用戶能夠發(fā)現(xiàn)。其展現(xiàn)形式主要有:SnacKbar、小紅點引導、系統(tǒng)通知、Toast。
3、引導的使用場景
引導的使用場景從用戶的需求來說主要有產(chǎn)品功能介紹、操作引導、新功能提醒三個方面,而從產(chǎn)品的需求來說,還需要在補充權(quán)限開啟、消息通知、互動式引導、細節(jié)引導這四個方面。下面就針對這7個方面一起來看看。
1、功能介紹
為了用戶能夠更加快速的了解產(chǎn)品,一般在用戶第一次進入APP時,都會設計功能介紹頁面,一般展現(xiàn)方式有輪播圖引導。
輪播圖引導:是當前APP較為常見的方式,在設計時一般是以插畫+文字的方式,要求是一屏只介紹一個重要功能,輪播圖的張數(shù)一般為3到4張較為合適,為了避免引起用戶焦慮的等待情緒,一般會設計跳過按鈕。
2、操作引導
操作引導在設計時需要考慮引導的強度,如果是重度引導,比如新手指引,一般采用視頻和操作蒙層引導;如果是輕度引導,比如新模塊引導,一般采用SnacKbar、氣泡框引導。
視頻引導:多用于工具的產(chǎn)品,這類產(chǎn)品操作往往較為復雜,僅僅通過圖片的形式很難給用戶說清楚,因此通過視頻的方式更直觀,但是注意視頻相對圖片對用戶的阻斷更強,因此建議提供跳過讓用戶選擇,避免引起反感。
操作蒙層引導:現(xiàn)在越來越多的用戶對蒙層會直接忽略,因此建議用戶能夠直觀感知的內(nèi)容就別引導了,比如第三圖,看上去很亂也沒必要;一般用在重要功能介紹,同時采用分步的方式,一步只說一個重要內(nèi)容,提供跳過操作,加入插畫、圖片,讓蒙層更加情感化,可以讓用戶接受度更高。
SnacKbar引導:這類引導方式較弱,一般用于首頁底部的產(chǎn)品模塊等引導,如果用戶不點擊幾秒后會自動消失;如果用戶點擊即可直達引導模塊,方便快捷。
氣泡框引導:當APP只是一些小版本更新,我們可采用氣泡框的引導方式,相比蒙層引導一次性給用戶講解,氣泡框引導卻是使用到改界面時才有,體驗感會更好。
3、功能引導
功能引導在設計時同樣需要考慮引導的強度,如果是重度引導,比如實名認證、打卡、開通會員等引導一般采用對話框引導;如果是輕度引導一般采用氣泡框引導。
對話框引導:在設計時一般注意采用圖片的方式進行設計,避免用戶反感,引導用戶進行操作。
氣泡框引導:一般是產(chǎn)品希望用戶操作的功能,對于用戶干擾較小,不需要的用戶可以直接忽略,需要的用戶即可快速操作。
4、權(quán)限開啟
權(quán)限開啟這一般是產(chǎn)品想要讓用戶操作的需求,使用時同樣需要考慮引導的強度,一般用戶剛進入頁面,會提示開啟通知、相機、位置、通知等權(quán)限,這時候一般用阻斷感較強的對話框展示;而在用戶使用中也會提示開啟消息通知等權(quán)限、這時候一般采用中度引導的通知欄。
權(quán)限開啟對話框引導:一般在剛進入APP時提示,為了最大程度的提高權(quán)限開啟率,盡量將所有權(quán)限都合并到一個彈窗中,避免用戶直接忽略操作。
通知欄引導:一般是在用戶使用中的界面出現(xiàn),比如消息通知上方,提示開啟消息通知,讓需要使用的用戶能夠馬上找到。
5、消息通知
消息通知一般分為產(chǎn)品內(nèi)和產(chǎn)品外的通知引導,站內(nèi)的通知一般以小紅點進行提示;站外的提醒方式主要有手機系統(tǒng)通知、微信服務號通知、應用圖標小紅點提示等。
站內(nèi)通知:主要以小紅點為主,小紅點根據(jù)強弱有文字提醒、數(shù)字提醒、紅點提醒等。在設計時需要注意,不要大面積密集的顯示,如果數(shù)量較多,比如消息列表,建議提供一鍵清掃的功能。
站外通知:為了引導用戶使用產(chǎn)品,提高留存,因此除了站內(nèi)通知,我們還需要考慮站外通知的方式,比如系統(tǒng)通知、微信服務號通知、應用圖標小紅點提示等。
6、互動式引導
互動式引導主要是為了促進用戶使用體驗,產(chǎn)品往往會根據(jù)當前操作需要提供一些貼心的小引導,比如微信語音時的Toast提示;
當長按錄音時,微信會提示上滑即可取消,這樣就算說錯了也不用擔心,上滑取消就對了。
7、細節(jié)引導
細節(jié)引導往往是為了提高用戶使用活躍度,在用戶操作中提供溫馨的提示,幫助用戶盡快完成操作等,比如餓了么的評論引導氣泡、美團表單的座機填寫提示、菜鳥的包裹查詢對話框。
評論引導氣泡:其作用是可以給用戶心理暗示,避免用戶折中打三星四星的情況。
填寫提示:通過提示避免用戶在使用中產(chǎn)生困擾,這類氣泡框引導由于其較為輕量,在產(chǎn)品中經(jīng)常使用。
自動提醒:當你復制了運單號,打開菜鳥裹裹將自動提示是否查詢該訂單,方便查詢。
小結(jié)
通過以上的梳理,下面根據(jù)彈窗的形式整理下引導的應用場景和使用要點:
重度引導:在使用重度引導時,由于其對用戶的阻斷感較強,干擾較大,因此在使用時需要慎重;另外最好給用戶提供取消或跳過的操作,避免用戶反感。
中度引導:對用戶操作影響不大,多用在用戶使用時,可能會遇到疑問的地方,或者產(chǎn)品想引導用戶操作的地方。
輕度引導:對用戶基本沒有影響,但是如果頻繁使用,仍然會給用戶造成困擾,比如針對有小紅點強迫的人群,盡量提供一鍵清掃功能。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)