當(dāng)前位置:圖趣網(wǎng)(Tuquu) > 網(wǎng)頁設(shè)計(jì)教程 > 設(shè)計(jì)理論 > 用Keep的案例,讓你輕松理解交互設(shè)計(jì)師的職責(zé)

如何減少操作步驟?我總結(jié)了這3個(gè)方法!


王M爭:身為一個(gè)設(shè)計(jì)師,我們都盼望本身的產(chǎn)品可以給用戶提供好的體驗(yàn),但是做了一段時(shí)間發(fā)現(xiàn),視覺層面的優(yōu)化對產(chǎn)品用戶體驗(yàn)的提拔力度是有限的。這就要求設(shè)計(jì)師必要想的更深入一點(diǎn),對功能流程進(jìn)行瘦身。其中削減操作步驟可以很好的提拔產(chǎn)品的易用性,本篇文章就來說一說削減操作步驟的三大方法(場景)。

一、空頁面

首先我們來說空頁面,為什么先拿它開刀?就是由于它「空」啊??枕撁嫦鄬τ诔B(tài)頁面來說,沒有向用戶展示充足緊張的信息和內(nèi)容。當(dāng)然這里我不是分析如何去設(shè)計(jì)好空頁面,關(guān)于這個(gè)網(wǎng)上有許多教程,我本身之前也寫過。這篇文章我更樂意去討論如何去刪減空頁面場景。與其考慮怎么把空頁面做的悅目,不如換種思路,把空頁面場景給去掉。由于無論再怎么美化,空頁面對用戶體驗(yàn)的流暢性來說都是一種危險(xiǎn)。

舉個(gè)例子,咕咚是一款我常用的活動(dòng)類 app。在我的頁中有一個(gè)功能是「訓(xùn)練計(jì)劃」,假如用戶當(dāng)前沒有訓(xùn)練計(jì)劃,就會(huì)展示如許的一個(gè)空頁面,用戶點(diǎn)擊查看按鈕可以查看悉數(shù)的訓(xùn)練課程,自行添加本身想要的課程。我之前一向覺得這種處理體例沒有什么不妥,直到我看到了英語流利說。在英語流利說中,有一個(gè)類似的場景,但是處理體例卻完全不一樣的。



用戶假如沒有添加課程,那么課程入口就會(huì)直接展示一個(gè)去添加課程的鏈接。英語流利說刪去了空頁面,我小我特別很是附和這種做法。由于假如只是想告知用戶您當(dāng)前沒有添加過課程,為什么非要通過一整個(gè)頁面來傳達(dá)這個(gè)信息,如許未免太過于奢侈?!缚諣顩r」告訴用戶當(dāng)前沒有進(jìn)行任何操作,「去添加」告訴用戶操作路徑?!缚諣顩r」是非必需的,由于用戶看到了「去添加」按鈕也能曉暢「空狀況」。



按照這條思路,在咕咚中假如用戶當(dāng)前沒有訓(xùn)練計(jì)劃,在我的頁可以給用戶展示「發(fā)現(xiàn)/添加訓(xùn)練課程」的文案,用戶點(diǎn)擊直接進(jìn)入悉數(shù)課程頁。



并且在空頁面中,無論那個(gè)跳轉(zhuǎn)按鈕做的再悅目,它的轉(zhuǎn)化率也不可能達(dá)到100%的。所以適當(dāng)?shù)膭h減空頁面場景,不僅可以削減用戶操作步驟還可以提拔轉(zhuǎn)化率。

二、優(yōu)化選擇場景

設(shè)計(jì)圈有一句俗語:don’t make me think,其實(shí)我更傾向于把 think 改成 choose,由于沒有 choose 哪來的 think。一旦所面臨的選項(xiàng)越多,用戶就越難做出決策。就好比許多條件特別很是良好的人最后都成了單身狗,由于挑花了眼。所以為了避免用戶在使用我們產(chǎn)品過程中陷入「挑花了眼」的局面,我們應(yīng)該考慮去弱化甚至隱蔽一些選擇場景。

選擇場景可以分為兩種:殊途同歸和分道揚(yáng)鑣。

殊途同歸:從 A 出發(fā),碰到一個(gè)岔路口,告訴你如今有3條路可以選,不管選擇哪條都會(huì)到達(dá) B。



分道揚(yáng)鑣:從 A 出發(fā),碰到一個(gè)岔路口,告訴你如今有3條路可以選,選擇不同的路會(huì)到達(dá)不同的目的地 B、C、D。



對于殊途同歸的場景來說,既然無論選擇哪條路徑都能到達(dá)同樣的目的地,那么說明這個(gè)選擇場景不是必需的,我們可以考慮隱蔽。怎么隱蔽?提供一個(gè)默認(rèn)路徑(狀況)。



以實(shí)名認(rèn)證為例,常見的實(shí)名認(rèn)證方法可以是輸入姓名身份證號(hào)、上傳身份證正反面照片或者人臉識(shí)別。一樣平常的流程是,用戶點(diǎn)擊實(shí)名認(rèn)證,進(jìn)入下一個(gè)頁面,在這個(gè)頁面中讓用戶選擇驗(yàn)證體例。其實(shí)我們可以考慮直接給用戶一個(gè)默認(rèn)的認(rèn)證體例,為了防止用戶對當(dāng)前的體例不寫意,再提供一個(gè)選擇其他認(rèn)證體例的鏈接,如許的設(shè)置對于沒有進(jìn)行二次選擇的用戶來說等于削減了一個(gè)步驟。




其實(shí)殊途同歸的場景很容易讓用戶產(chǎn)生誤解。例如在蝦米音樂我要下一首歌曲,點(diǎn)擊下載 icon,出現(xiàn)一個(gè)底部動(dòng)作欄,讓我選擇下載的音質(zhì),選擇完成之后進(jìn)入付費(fèi)流程。



在如許的一個(gè)流程中,我以為花了這兩塊錢只能下載選擇的音質(zhì)。后來我發(fā)現(xiàn),當(dāng)完成付款之后,這三種音質(zhì)都是可以下載的。既然付費(fèi)了這三種音質(zhì)都是可以下載的,為什么還要讓用戶去選擇音質(zhì)?假如只是讓用戶感知這首歌有3種音質(zhì)可供下載,可以在付款頁面中予以展示。付完款之后,再提供如許的一個(gè)選擇場景,讓用戶下載本身喜好的音質(zhì)。過于前置的選擇場景會(huì)讓用戶產(chǎn)生誤解。

三、定制化

所謂「定制化」就是給用戶權(quán)限根據(jù)本身的現(xiàn)實(shí)需求去調(diào)整產(chǎn)品的界面布局,內(nèi)容模塊和視覺樣式等。例如我們可以根據(jù)本身的喜愛去替換網(wǎng)易云音樂的界面主題,當(dāng)然這種定制化無法削減操作步驟。在付出寶中,用戶可以自行添加常用的功能,如許就不必要每次都去響應(yīng)的模塊中找,特別很是的方便,如許的定制化處理才真正的削減了用戶操作步驟。



為了讓大家直觀的感受一下差距,我舉一個(gè)反例。我的南京首頁雖然可以自由定制常用的功能,但是無法更改模塊的順序。



這種做法顯明是不合理的,由于每個(gè)用戶的需求是不一樣的。對于一個(gè)天天搭公交車上班的人來說,交通模塊中可能只有公交出行和有滴打車(偶爾起床起遲了)對他來說是故意義的。除此之外,他可能更盼望去關(guān)注社保、公積金的查詢,水電煤繳費(fèi)功能。但是社保和公積金在政務(wù)模塊,排在第五位,用戶必須滑動(dòng)才能看到。所以說我的南京首頁的定制化屬于「偽定制化」,無法真正知足用戶多樣的需求,更不要說削減操作步驟了

總結(jié)

以上就是我對削減操作步驟的分析和總結(jié),假如你有什么不同的建媾和看法,迎接留言或者加群討論。

迎接關(guān)注作者的微信公眾號(hào):「王M爭」


圖片素材作者:Lucas Marqs

[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di4181.html
設(shè)計(jì)原型!4個(gè)圖片占位符工具千萬別錯(cuò)過
UI設(shè)計(jì)師接私單后如何報(bào)價(jià)?這兒有最新的報(bào)價(jià)技巧!
圖趣網(wǎng)微信
建議反饋
×