在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域,用戶(hù)體驗(yàn)(UX)的地位一直無(wú)可撼動(dòng),各位站長(zhǎng)在建站過(guò)程中應(yīng)已深有體會(huì)。不論是最新的流行趨勢(shì)、合理的導(dǎo)航菜單、極佳的網(wǎng)站性能或是別出心裁的布局,最終目的都是為了滿(mǎn)足用戶(hù)需求、服務(wù)于用戶(hù)體驗(yàn)的。這是因?yàn)?,只有用?hù)覺(jué)得體驗(yàn)好了,相應(yīng)的購(gòu)買(mǎi)行為才會(huì)發(fā)生,網(wǎng)站的轉(zhuǎn)化率和銷(xiāo)售額才會(huì)上升。2017年已進(jìn)入尾聲,在接下來(lái)的一年里用戶(hù)體驗(yàn)方面又有哪些趨勢(shì)需要我們注意呢?今天小飛就來(lái)探討探討2018年影響用戶(hù)體驗(yàn)設(shè)計(jì)的9個(gè)關(guān)鍵趨勢(shì)??靵?lái)先睹為快吧!
1. 內(nèi)容體驗(yàn)設(shè)計(jì)
專(zhuān)注內(nèi)容的體驗(yàn)設(shè)計(jì)是近年來(lái)的熱門(mén)趨勢(shì),它在2018年也將持續(xù)流行下去。諸如極簡(jiǎn)主義和扁平化等就是這類(lèi)設(shè)計(jì)的典型代表,它們聚焦于網(wǎng)站內(nèi)容本身,摒棄一切干擾性元素,致力于通過(guò)內(nèi)容本身傳遞信息。也就是說(shuō),在這種設(shè)計(jì)中,網(wǎng)站設(shè)計(jì)的核心都在內(nèi)容元素上,用戶(hù)體驗(yàn)也是通過(guò)內(nèi)容本身營(yíng)造的。因此大家在應(yīng)用這一趨勢(shì)的首要任務(wù)就是盡量減少阻礙用戶(hù)信息瀏覽的存在,以下是內(nèi)容信息視覺(jué)設(shè)計(jì)方面的一些建議:
清晰的視覺(jué)層次。視覺(jué)層次清晰可以讓用戶(hù)更快更好地理解網(wǎng)站內(nèi)容。
功能性的極簡(jiǎn)設(shè)計(jì)。通過(guò)去除不必要的元素可以給用戶(hù)提供更為清晰、更有針對(duì)性的體驗(yàn)。
豐富的留白。網(wǎng)站留白豐富可以極大提升用戶(hù)的瀏覽體驗(yàn)。
要想通過(guò)內(nèi)容給用戶(hù)提供極佳的體驗(yàn),各位站長(zhǎng)們還不能只局限于視覺(jué)層次處理,更應(yīng)關(guān)注內(nèi)容本身。網(wǎng)站內(nèi)容應(yīng)是有意義、引人入勝的。Medium是內(nèi)容體驗(yàn)設(shè)計(jì)的一個(gè)典型,網(wǎng)站主頁(yè)除了簡(jiǎn)單的圖片、CTA按鈕外,余下的全是內(nèi)容信息。
2. 節(jié)省時(shí)間式設(shè)計(jì)
目前比較成功的網(wǎng)站設(shè)計(jì)并不僅僅讓用戶(hù)以相對(duì)輕松的方式理解內(nèi)容信息,還力求減少摩擦和阻礙,最大程度節(jié)省用戶(hù)時(shí)間、提高效率。這是因?yàn)?,不管是在PC還是移動(dòng)設(shè)備上,時(shí)間和效率都是網(wǎng)站成功的基本要義。用戶(hù)在瀏覽網(wǎng)站時(shí)總是帶著一定的目標(biāo)的,如果你可以盡快幫他們完成既定的目標(biāo),他們會(huì)更容易對(duì)網(wǎng)站產(chǎn)生好感并成為網(wǎng)站的忠實(shí)用戶(hù)。下面是節(jié)省用戶(hù)時(shí)間、提升網(wǎng)站效率的幾個(gè)設(shè)計(jì)技巧:
清晰的導(dǎo)航菜單。合理的導(dǎo)航菜單搭配清晰的信息架構(gòu),可以讓用戶(hù)快速抵達(dá)網(wǎng)站的不同頁(yè)面,找到自己想要的信息。
結(jié)合上下文的內(nèi)容信息和功能。在用戶(hù)瀏覽過(guò)程中提供與特定情境最貼合的信息,可以給用戶(hù)提供更加出色的體驗(yàn)。
用戶(hù)引導(dǎo)。網(wǎng)站中的用戶(hù)引導(dǎo)有多種形式,從直接的建議,微妙的視覺(jué)暗示,再到合乎用戶(hù)需求的小獎(jiǎng)勵(lì),都能給用戶(hù)帶來(lái)不一樣的感受。
線性用戶(hù)體驗(yàn)。線性用戶(hù)體驗(yàn)是指網(wǎng)站的設(shè)計(jì)流程應(yīng)清楚明了,有明確的開(kāi)始、高潮和結(jié)束,允許用戶(hù)在瀏覽的不同時(shí)段采取特定的操作。
符合預(yù)期的設(shè)計(jì)。預(yù)期設(shè)計(jì)是指網(wǎng)站設(shè)計(jì)應(yīng)預(yù)先考慮用戶(hù)的需求并正確預(yù)測(cè),以提供給用戶(hù)最佳的體驗(yàn)。
總的來(lái)說(shuō),節(jié)省時(shí)間式設(shè)計(jì)就是奔著節(jié)省用戶(hù)的時(shí)間、提升效率去的。Airbnb在這方面就做的很好,網(wǎng)站主頁(yè)重點(diǎn)突出"查找"按鈕,盡可能以最短的時(shí)間幫助用戶(hù)找到自己想要的信息。
3. 個(gè)性化體驗(yàn)設(shè)計(jì)
盡管個(gè)性化設(shè)計(jì)趨勢(shì)本身沒(méi)有那么突出,但將它單獨(dú)拿出來(lái)講還是有必要的。與前幾年不同,人們不再喜歡那種一體適用的用戶(hù)體驗(yàn),而是更加傾向于個(gè)性化的定制設(shè)計(jì),尤其是在機(jī)器學(xué)習(xí)和人工智能快速崛起的今天。而對(duì)于廣大站長(zhǎng)來(lái)說(shuō),要想牢牢抓住用戶(hù),就需要不斷尋求新的方法提供充滿(mǎn)個(gè)性化特征的品牌體驗(yàn),這將個(gè)性化體驗(yàn)設(shè)計(jì)推向一個(gè)更高的層次。目前網(wǎng)站或app中最常見(jiàn)的個(gè)性化特征就是基于用戶(hù)行為的針對(duì)性推薦,比如商城網(wǎng)站會(huì)根據(jù)用戶(hù)以往購(gòu)買(mǎi)記錄推薦相關(guān)商品瀏覽,音樂(lè)App會(huì)根據(jù)用戶(hù)的聽(tīng)歌記錄呈現(xiàn)新的歌單。這些推薦在某種程度上提高了用戶(hù)主動(dòng)進(jìn)行個(gè)性化定制的可能。
4. 多渠道、全方位的用戶(hù)體驗(yàn)
在未來(lái)幾年里,我們可能需要重新審視"移動(dòng)端"優(yōu)先這種設(shè)計(jì)了。因?yàn)殡S著網(wǎng)絡(luò)連接的不斷發(fā)展,手機(jī)和平板設(shè)備已不能滿(mǎn)足絕大多數(shù)用戶(hù)的日常交互了,這也意味著網(wǎng)站設(shè)計(jì)需要從移動(dòng)端優(yōu)先向多渠道、全方位方面靠攏。這種趨勢(shì)出現(xiàn)的根本原因在于用戶(hù)和網(wǎng)站互動(dòng)的核心一直是交互行為,而不是交互設(shè)備。對(duì)于用戶(hù)而言,交互是怎樣發(fā)生、通過(guò)什么的并不重要,他們可能在這種情況下使用這種設(shè)備、又或者在另一種情況下使用另一種設(shè)備。換句話說(shuō),用戶(hù)需要多種能與實(shí)時(shí)情景相符合的體驗(yàn),這就促使企業(yè)將更多的注意力放在全方位、多渠道上了,致力于為不同的設(shè)備設(shè)計(jì)一致、有效的體驗(yàn),讓用戶(hù)在不同環(huán)境下,使用不同設(shè)備都能實(shí)現(xiàn)流暢的切換。這種類(lèi)型的用戶(hù)體驗(yàn)設(shè)計(jì)在如今的app中可以找到一些栗子,Uber就是其中一個(gè)。在Uber界面上,用戶(hù)可以通過(guò)Amazon Echo打車(chē),然后通過(guò)iphone結(jié)束行程。盡管這個(gè)操作需要跨越兩個(gè)不同的平臺(tái),使用兩個(gè)不同的界面,用戶(hù)體驗(yàn)始終是愉悅一致的。
5. 更加人性化的體驗(yàn)設(shè)計(jì)
用戶(hù)總是希望與數(shù)字產(chǎn)品之間的交互更加自然,最好能像和彼此之間那樣交談。不少設(shè)計(jì)師也洞悉了用戶(hù)的這一需求,正朝著這一方向努力,Siri等語(yǔ)音助手的不斷改進(jìn)就很好地驗(yàn)證了這一點(diǎn)。如何讓網(wǎng)站設(shè)計(jì)更加人性化?更加人性化的體驗(yàn)通常更加注重用戶(hù)情緒,用戶(hù)與某個(gè)產(chǎn)品交互過(guò)程的愉悅與否直接影響著他們是否會(huì)長(zhǎng)期使用這件產(chǎn)品。也就是說(shuō),我們可以通過(guò)滿(mǎn)足人們的一些基本需要如信任感、安全感等來(lái)讓交互過(guò)程更加人性化。概念說(shuō)起來(lái)可能很空泛,下面還是看一個(gè)栗子吧!下圖是Stripe的結(jié)算流程,這個(gè)App的頁(yè)面就很好地應(yīng)用了動(dòng)畫(huà)來(lái)安撫用戶(hù)情緒,當(dāng)用戶(hù)點(diǎn)擊"付款"按鈕,在"成功狀態(tài)"出現(xiàn)以前這會(huì)有一個(gè)簡(jiǎn)短的旋轉(zhuǎn)動(dòng)畫(huà),這種符號(hào)動(dòng)畫(huà)會(huì)讓用戶(hù)感覺(jué)自己的結(jié)算過(guò)程十分輕松、簡(jiǎn)單,這種體驗(yàn)設(shè)計(jì)就是人性化的。
還有,Apple公司在最新發(fā)布的iphone X中使用了Animoji動(dòng)畫(huà),這種設(shè)計(jì)也有助于提升用戶(hù)使用的愉悅感,讓交互過(guò)程更加人性化。
關(guān)于2018年用戶(hù)體驗(yàn)設(shè)計(jì)趨勢(shì)今天就先介紹到這里了,大家可以認(rèn)真體會(huì)一下上面這些趨勢(shì)。快來(lái)起起飛頁(yè)自助建站平臺(tái)()做一個(gè)響應(yīng)式網(wǎng)站吧!
申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!