app引導(dǎo)頁設(shè)計(jì)的四種概念方式

引導(dǎo)頁是UX設(shè)計(jì)師幫助用戶了解網(wǎng)站、app或者服務(wù)流程的一種方式。好的引導(dǎo)頁能夠吸引初次使用產(chǎn)品的用戶成為長期用戶。

在本文中,我們將討論四種富有創(chuàng)意的app引導(dǎo)頁設(shè)計(jì)方式。

1. 講故事

app在首次啟動(dòng)時(shí),一般會(huì)呈現(xiàn)滑動(dòng)的教程或者傳達(dá)價(jià)值觀。但是,多數(shù)情況下,這種方式?jīng)]有給用戶帶來很多有用的信息。更糟糕的時(shí),這種引導(dǎo)頁或阻礙用戶使用產(chǎn)品,很多用戶只想盡快的劃過這些頁面,很多人應(yīng)該也有這樣的體會(huì)。這時(shí)候引導(dǎo)頁成為了“攔路虎”。

但是,也有設(shè)計(jì)師巧妙使用這樣的滑動(dòng)方式,讓過程不再無聊,而且對(duì)用戶也是有價(jià)值的。來看下下面的交付服務(wù)的引導(dǎo)頁設(shè)計(jì)。

這個(gè)引導(dǎo)頁全程都有一個(gè)主要的東西——盒子,通過巧妙的微動(dòng)畫,讓盒子穿過多個(gè)頁面,讓用戶理解信息,講述來一個(gè)盒子的故事。

 

設(shè)計(jì):Anastasiia Andriichuk

2. 定制用戶偏好

沒有一種用戶體驗(yàn)是適合所有人的,不同用戶有不同的偏好,所以未來個(gè)性化、定制化app會(huì)越來越受用戶歡迎。如果app能夠?yàn)橛脩籼峁┳杂蛇x擇,用戶的粘性也會(huì)更強(qiáng)。

下面這個(gè)路透社的概念引導(dǎo)頁允許用戶選擇想要看的新聞?lì)愋停@個(gè)引導(dǎo)頁允許用戶選擇對(duì)他們最重要的新聞。

 

設(shè)計(jì):Steph Jeong

3.使用設(shè)備功能簡化數(shù)據(jù)輸入過程

需用app在引導(dǎo)過程中會(huì)向用戶請(qǐng)求數(shù)據(jù),通常用戶必須填寫表格,但是用戶并不喜歡在小屏幕上打字,而且也很慢。

其實(shí),可以使用智能手機(jī)的強(qiáng)大功能簡化數(shù)據(jù)輸入過程。例如:設(shè)計(jì)師可以重新考慮使用設(shè)備功能選擇汽車品牌和型號(hào)的過程。CarLens(下圖的概念)使用手機(jī)攝像頭拍攝的照片并應(yīng)用機(jī)器學(xué)習(xí)算法來識(shí)別特定的汽車。

設(shè)計(jì):Pawel Kontek

4.配置硬件設(shè)備

對(duì)于某些app,在引導(dǎo)過程中還包括了硬件配置步驟。由于硬件配置通常發(fā)生在物理空間而非數(shù)字空間中,因此指令的清晰度與結(jié)果直接相關(guān)。指令越不清晰,失敗的可能性就越大。

設(shè)計(jì)人員可以通過以可視方式呈現(xiàn)信息來幫助用戶解決配置問題。下面你可以看到Cobblestone系統(tǒng)的引導(dǎo)頁。Cobblestone是一款適用于揚(yáng)聲器的WiFi和HiFi音樂系統(tǒng)。它是通過Wi-Fi來連接音樂播放,所以需要在手機(jī)上引導(dǎo)用戶操作,比如將網(wǎng)線接入音響中。

設(shè)計(jì):Ramotion

每天更新,
全站高品質(zhì)素材免費(fèi)下載!