你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

3 評論 3774 瀏覽 3 收藏 8 分鐘

編輯導(dǎo)語:當(dāng)我們在做一個實際項目時,會很容易陷入,將事情快點完成的目標(biāo)中,但是實際真正應(yīng)該做的事情是,把所有事情做好,聽從產(chǎn)品的需求、平衡用戶的體驗同時減輕開發(fā)的壓力。所以在做任務(wù)的過程中,定一些目標(biāo)可以很好的讓自己回到用戶本身思考上來,通過設(shè)計自檢,可以清楚知道自己應(yīng)該優(yōu)化設(shè)計的哪一部分,所以我們決定制定一些設(shè)計目標(biāo)來進行設(shè)計自檢,那么設(shè)計自檢的目標(biāo)是什么呢?

掌握講故事的藝術(shù):

之前我的主管跟我說,藝術(shù)是最美的是留白,重要的節(jié)奏,我就在想,放到用戶體驗之上的節(jié)奏是什么呢?我想到那就是故事了,我最喜歡聽故事了。

在持續(xù)增長發(fā)展的信息時代,會給用戶帶來內(nèi)容和信息量大、信息重復(fù)的感受。同時,相似的、嚴(yán)謹(jǐn)?shù)臋C器流程與語言,讓用戶感到厭倦,也因此,用戶注意力持續(xù)被打斷,碎片化時代正式到來,所以如何快速抓住用戶注意力成為設(shè)計目標(biāo)。

如果設(shè)計能夠運用講故事這種方式,能夠很好地平衡用戶與機器相處的嚴(yán)謹(jǐn)和機械感,也能幫助用戶做一個理性與感性平衡,故事的主線也能牢牢抓住用戶注意力將流程走完,所以掌握講故事的藝術(shù)是非常必要的,如何去在設(shè)計中實施講故事這個目標(biāo)呢?有以下幾點可以參考:

一、故事的顏色—— 正確的顏色傳達情緒和合理分配層級

1. 顏色傳達感受

顏色是最迅速能夠傳達給用戶情緒的方式,比如,淘寶雙 11 整體使用了溫柔的粉色,讓人忍不住多看幾眼,沉醉于這樣粉色的氣氛中,鼓舞用戶感性地去購買商品。

原創(chuàng)精選|你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

而當(dāng)進入淘寶阿里健康大藥房時,它使用綠色,相比于粉色多了一份冷靜,鼓勵用戶理性去購買藥品,與此同時綠色也多了一份希望,是健康的顏色。

原創(chuàng)精選|你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

合理的顏色傳達的不同的感受,通過顏色可以傳達你希望用戶對你的產(chǎn)品做出什么樣的反應(yīng)。

2. 通過色塊區(qū)分層級

原創(chuàng)精選|你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

滴滴出行就使用了從暖色到冷色的色塊的分割,通過適當(dāng)?shù)慕M合和放置 UI、UX 元素,用戶可以更容易地吸收整體信息和意圖。

二、故事的主線—— 用戶流程流暢,不輕易打斷用戶操作

我的同事跟我說,如果他是用戶他會享受一直不被打斷的體驗,我想到了這一點。

注意力如此容易被分散的今天,使用戶更加專注,需要整體的流程流暢,需要選擇合適的組件讓用戶流程連貫,不易被打斷。

當(dāng)我們設(shè)計到相關(guān)有可能用戶誤操作的設(shè)計時,常規(guī)一定會做一個確認(rèn)框來提醒用戶是否是思考清楚,如下圖。

原創(chuàng)精選|你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

但是這樣的模態(tài)對話框就很有可能打斷用戶思考的進程,也容易打斷用戶的專注,所以不是所有的情況下,都應(yīng)該使用模態(tài)框來對用戶的操作進行二次確認(rèn),某些情況,可以選擇氣泡確認(rèn)框,來輕微提醒用戶,并且確認(rèn)是否為用戶誤操作,如下圖:

原創(chuàng)精選|你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

想象一下,當(dāng)你在審批很多事項的時候,其中你想要審批拒絕一些條目時,每次都會出現(xiàn),打斷思考的模態(tài)框來對你進行二次確認(rèn),是不是會引起你的反感,這種情況,可以選擇氣泡確認(rèn)框,這樣可以獲得更完整流暢的用戶體驗,不至于當(dāng)你在一個列表審批很多個問題時,彈出很多模態(tài)框打斷你的思考進程。

三、 故事的情節(jié)—— 把握節(jié)奏

1. 減少同一頁面 CTA按鈕的個數(shù)

不要給用戶太多選擇,有太多的選擇或選擇可能會讓人癱瘓。它可能會導(dǎo)致人們做出他們并不完全滿意的決定。我們都知道這一點,那么如何使用呢?

減少同一頁面 CTA 按鈕的個數(shù),CTA 是一個頁面最主要的操作,它代表著用戶不需要思考最需要做的操作按鈕。

原創(chuàng)精選|你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

例如,語雀 PC 端只設(shè)計了一個最重要的按鈕“+“,它告訴用戶即使,你在什么都不必思考的情況下,最應(yīng)該點擊的就是這個按鈕,點擊之后也不會有很大破壞力。

2. 簡化或者適當(dāng)將復(fù)雜的任務(wù)拆分

用戶害怕冗長的流程和表單,但在某些情況下,它們是必需的。UX、UI 設(shè)計秘訣之一是讓用戶保持興趣直到最后。

比如現(xiàn)在的登錄端,會把輸入手機號和驗證碼分兩個頁面進行:

原創(chuàng)精選|你都用什么方法進行設(shè)計自檢?這里有一份講故事的用戶體驗方法,請查收~

輸入這一動作,算是在移動端最復(fù)雜的行為了,用戶看見大量的輸入框,都會有一種“想要逃走” 的想法,將兩個輸入動作變成兩個頁面,會放慢用戶進程和節(jié)奏,也使用戶更易于接受。

這份設(shè)計自檢手冊帶給你新的思考了嗎?

 

作者:劉昱茜,審核:張聿彤、李澤慧,編輯:李凱悅

本文由 @三分設(shè) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 唉,做了這么多年,最經(jīng)常干的就是不斷反思反思再反思了

    回復(fù)
  2. 這篇文章干貨滿滿,收獲了很多關(guān)于產(chǎn)品設(shè)計的知識。

    來自中國 回復(fù)
  3. 迅速get到重點,感謝作者分析分享,針不戳針不戳!

    來自山東 回復(fù)