引導(dǎo)頁(yè)設(shè)計(jì):如何幫助用戶快速了解產(chǎn)品?
我們打開(kāi)一款新的App往往是一臉茫然的,會(huì)伴隨著一個(gè)學(xué)習(xí)的過(guò)程,一個(gè)好的引導(dǎo)頁(yè)能幫助我們更快的了解產(chǎn)品的基本特點(diǎn)、功能等,更重要的是這款產(chǎn)品如何給我們提供價(jià)值。
圖標(biāo)、圖像、動(dòng)態(tài)展示
有時(shí)候圖形比文字更能讓用戶理解你所想表達(dá)的意思,關(guān)鍵是比冰冷的文字能給用戶帶來(lái)更出色的用戶體驗(yàn),連貫的視覺(jué)和新奇的動(dòng)效可以指導(dǎo)用戶完成完整的流程(例如注冊(cè)),可以通過(guò)全屏的插畫或者大量留白的小圖標(biāo)和矢量圖形來(lái)實(shí)現(xiàn)這一目的。
愛(ài)奇藝App引導(dǎo)頁(yè)
RWDS設(shè)計(jì)作品
背景的大量留白干凈的同時(shí)也襯托出主題,似乎是一個(gè)醫(yī)療產(chǎn)品的引導(dǎo)頁(yè),三個(gè)頁(yè)面講述了一個(gè)故事,我們年輕人來(lái)到大城市打拼,沒(méi)有時(shí)間來(lái)關(guān)注自己父母的身體情況,這款電子血壓計(jì)能夠幫助我們解決這個(gè)問(wèn)題,并且暗示能夠提供遠(yuǎn)程監(jiān)視服務(wù),時(shí)刻監(jiān)視自己父母的血壓情況,非常有意思。
Anastasiia Andriichuk設(shè)計(jì)作品
底部是三枚郵票的形式,暗示這可能是一款送貨類的App,宇航員和熱氣球和箱子從側(cè)面說(shuō)明了貨物經(jīng)歷了漫長(zhǎng)的過(guò)程。
Murat Gursoy作品
這是一款非常規(guī)布局的引導(dǎo)頁(yè),三個(gè)頁(yè)面有著高度的一致性(布局、漸變、顏色、插畫),橙色的按鈕很醒目并且充滿活力。
Iaroslav Zhmak作品
似乎是一款財(cái)務(wù)類的App,通過(guò)視覺(jué)提示和動(dòng)畫來(lái)吸引你的注意,快速了解App主要做什么。
UISTAR作品
借助飛行器來(lái)表示初級(jí)、中級(jí)、高級(jí)三個(gè)檔次,很巧妙,動(dòng)效也很優(yōu)雅。
Virgil Pana作品
教育類的App引導(dǎo)頁(yè),插圖十分貼合主題。
Anton Chandra作品
全屏引導(dǎo)頁(yè),表現(xiàn)力十分到位,小屏幕上的星球。
Mariusz Onichowski作品
Wayne Baryshev 作品
Ivan Bjelajac 作品
MD設(shè)計(jì)風(fēng)格引導(dǎo)頁(yè)。
Jocelyn Crankshaw作品
復(fù)古風(fēng)格的引導(dǎo)頁(yè),非常有特色。
提示操作功能避免強(qiáng)制性
盡量避免陳述明顯的功能強(qiáng)制引導(dǎo)用戶點(diǎn)擊,比如“這是主菜單,點(diǎn)這里”等語(yǔ)句。嘗試著重于可以做什么,能夠給用戶帶來(lái)什么以及用戶如何與這些區(qū)域進(jìn)行交互等。通過(guò)其優(yōu)點(diǎn)向用戶傳達(dá)功能特性,而不是通過(guò)任意功能和菜單項(xiàng)。
通過(guò)展示操作中的功能,也可以幫助用戶通過(guò)啟動(dòng)執(zhí)行操作。鼓勵(lì)對(duì)消費(fèi)的行動(dòng)。
一步一步來(lái)不能急
引導(dǎo)頁(yè)應(yīng)該避免顯示太多功能,保持新用戶興趣和興奮的關(guān)鍵是保持焦點(diǎn)和一次展示一個(gè)功能。如果太多,那么用戶可能感覺(jué)不知所措。如果過(guò)程太無(wú)聊,那么人們會(huì)感到厭煩。每個(gè)頁(yè)面應(yīng)至少有一條對(duì)用戶有價(jià)值的信息。
總結(jié)
現(xiàn)在App基本都有引導(dǎo)頁(yè)幫助新用戶快速了解產(chǎn)品,設(shè)計(jì)美學(xué)很重要,但是記住用戶體驗(yàn)高于一切,嘗試讓你的引導(dǎo)頁(yè)充滿樂(lè)趣且能讓用戶接受是一件極具挑戰(zhàn)的事情。
作者:terechen,公眾號(hào):歪設(shè)計(jì)
本文由 @terechen?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
期待進(jìn)行一步的分析與詳細(xì)介紹。 具體怎么操作,及注意事項(xiàng), 以及好的引導(dǎo)頁(yè)案例的深入分析
國(guó)內(nèi)就沒(méi)有幾個(gè)可圈可點(diǎn)的么 ?
找的資料很詳細(xì),不過(guò)作者沒(méi)有深入的分析,覺(jué)得很遺憾,因?yàn)楫a(chǎn)品經(jīng)理在指導(dǎo)設(shè)計(jì)引導(dǎo)頁(yè)的時(shí)候,沒(méi)有設(shè)計(jì)規(guī)范和準(zhǔn)則,還是會(huì)跟著感覺(jué)走。難免出錯(cuò)