設(shè)計(jì)師,你懂設(shè)計(jì)思維嗎?

sky
3 評(píng)論 8110 瀏覽 47 收藏 14 分鐘

提到設(shè)計(jì),很多剛工作的設(shè)計(jì)師想到的是各種各樣的酷炫界面。但在工作中,我想到的更多,我經(jīng)常思考設(shè)計(jì)的意義及本質(zhì)在哪里?隨著工作積累,我發(fā)現(xiàn)設(shè)計(jì)是一個(gè)整體體驗(yàn)的一部分,設(shè)計(jì)好用比好看更重要。

提到設(shè)計(jì),很多剛工作的設(shè)計(jì)師想到的是各種各樣的酷炫界面,在工作中,我也經(jīng)常思考,設(shè)計(jì)的意義及本質(zhì)在哪里?隨著工作積累,發(fā)現(xiàn)設(shè)計(jì)好用比好看更重要,了解到設(shè)計(jì)是一個(gè)整體體驗(yàn)的一部分。

一、為什么經(jīng)常改稿?

每天加班改稿,方案經(jīng)常被挑戰(zhàn),為什么?

很多時(shí)候其實(shí)不是業(yè)務(wù)方不喜歡你的設(shè)計(jì),而是你的設(shè)計(jì)稿雖然很漂亮,但是并沒有Get到產(chǎn)品所想表達(dá)的點(diǎn)。所以會(huì)一味要求你進(jìn)行修改,直達(dá)業(yè)務(wù)方?jīng)Q策層滿意為止。這個(gè)時(shí)候,往往主動(dòng)權(quán)已經(jīng)到了業(yè)務(wù)方手中。

二、設(shè)計(jì)是用來(lái)用的,不是用來(lái)看的

目前我們都屬于商業(yè)設(shè)計(jì)師,把握商業(yè)利益和體驗(yàn)的平衡是設(shè)計(jì)師最需要理解的一點(diǎn)是——往往設(shè)計(jì)師可能在做需求中,會(huì)過于關(guān)注視覺表現(xiàn)力及設(shè)計(jì)流行趨勢(shì), 忽略有效地引導(dǎo)用戶,減輕用戶的認(rèn)知,突出產(chǎn)品想突出的點(diǎn),理解完成業(yè)務(wù)目標(biāo)。

視覺設(shè)計(jì),在整個(gè)商業(yè)行為中往往只是冰山一角。不去熟悉理解產(chǎn)品業(yè)務(wù),沒有數(shù)據(jù)支撐,你的設(shè)計(jì)作品往往很難具有說(shuō)服力。

很多大公司對(duì)設(shè)計(jì)師要求——越是高階設(shè)計(jì)師,越需要去影響業(yè)務(wù),設(shè)計(jì)洞察,發(fā)現(xiàn)問題驅(qū)動(dòng)業(yè)務(wù),帶來(lái)增長(zhǎng),幫業(yè)務(wù)突破是每個(gè)優(yōu)秀設(shè)計(jì)師都需要考慮的點(diǎn)。

三、怎么驅(qū)動(dòng)業(yè)務(wù)?

設(shè)計(jì)前, 絕對(duì)不是在拿到產(chǎn)品需求后第一時(shí)間打開設(shè)計(jì)工具,快速繪制出頁(yè)面。而是在原型圖拿到前,就會(huì)參與到設(shè)計(jì)決策中來(lái),通過專業(yè)影響力來(lái)推動(dòng)整個(gè)流程的發(fā)展,我們把它叫做前置設(shè)計(jì)環(huán)節(jié)。

為了讓大家更好的理解,以我之前在斗魚所做的一個(gè)項(xiàng)目舉例。

項(xiàng)目背景是為了提升直播間的互動(dòng)氛圍,體驗(yàn)升級(jí),提高產(chǎn)品給用戶帶來(lái)的愉悅感。通過主播設(shè)定相應(yīng)的任務(wù),水友贈(zèng)送禮物讓主播完成所設(shè)定的要求。是一個(gè)全新的直播互動(dòng)形式,增加用戶粘性,提高主播效益。

1. 了解你為誰(shuí)設(shè)計(jì)

通過分析,斗魚的用戶畫像偏向于年輕化。而充能任務(wù)是一個(gè)通過贈(zèng)送禮物進(jìn)行互動(dòng)的一個(gè)活動(dòng),所以我們單獨(dú)對(duì)數(shù)據(jù)進(jìn)行了分析。我們發(fā)現(xiàn)熱愛觀看游戲類的觀眾,愿意接受新鮮事物,更愿意為主播贈(zèng)送禮物,來(lái)提高活躍度,使用游戲模型策劃出來(lái)的活動(dòng)會(huì)更符合用戶的心理預(yù)期。我們還發(fā)現(xiàn)愛看直播的用戶從眾心理較強(qiáng)。所以設(shè)想的通過這一小部分活躍用戶,參與活動(dòng),來(lái)帶動(dòng)整個(gè)直播間的活躍氣氛。通過前期分析,我們直接定位了產(chǎn)品的一個(gè)特色風(fēng)格。

2. 定設(shè)計(jì)主張

通過與產(chǎn)品同學(xué)、交互同學(xué)的溝通整理。大家一致認(rèn)為,強(qiáng)調(diào)突出充能任務(wù)的內(nèi)容,這個(gè)才是最重要的,禮物進(jìn)度為其次。如果特意強(qiáng)調(diào)禮物,用戶會(huì)對(duì)整個(gè)活動(dòng)喪失興趣。

設(shè)計(jì)目標(biāo)

  • 突出主播設(shè)定任務(wù),降低用戶認(rèn)知成本
  • 通過動(dòng)畫互動(dòng),提高直播間互動(dòng)趣味性
  • 重點(diǎn)區(qū)別已完成與未完成任務(wù)
  • 優(yōu)化前臺(tái)顯示效果,引導(dǎo)用戶進(jìn)行決策

通過梳理,明白需要凸顯的點(diǎn),這個(gè)時(shí)候就可以跟產(chǎn)品同學(xué)進(jìn)行溝通,合理的安排排期。比如先定義第一期的內(nèi)容,通過上線第一期,快速占領(lǐng)市場(chǎng),再通過第一期的數(shù)據(jù),進(jìn)行分析后續(xù)不斷優(yōu)化。

通過前期的分析定位,能很清楚的知道需要設(shè)定什么樣的風(fēng)格,才能受到用戶的喜愛。通過使用情緒版,我快速繪制出了第一版。

▲充能任務(wù)設(shè)計(jì)初稿

3. 優(yōu)化迭代

第一版的設(shè)計(jì)稿往往是用來(lái)表現(xiàn)視覺技法的,往往會(huì)缺乏一些對(duì)于產(chǎn)品的理解。通過與業(yè)務(wù)方溝通后,加強(qiáng)了對(duì)產(chǎn)品的理解。分別挖掘了以下的一些問題。

重要信息不夠突出

其實(shí)就是信息層級(jí)過多,各層級(jí)區(qū)分不夠明顯。

按鈕不夠突出

其實(shí)按鈕已經(jīng)很大了,但是由于進(jìn)度條的原因,顯示按鈕較小。

進(jìn)度條不夠明顯

進(jìn)度條簡(jiǎn)直是里面最大的好嗎?其實(shí)可能是進(jìn)度條的樣式不夠明顯。

通過以上分析,我對(duì)設(shè)計(jì)稿進(jìn)行了優(yōu)化修改并給出以下兩套按鈕顏色不一樣的方案,調(diào)整出來(lái)的界面雙方都會(huì)較為滿意。

4. 數(shù)據(jù)驗(yàn)證設(shè)計(jì)

由于考慮按鈕的層級(jí)關(guān)系,所以按鈕使用了黃色跟白色兩種方案。白色的按鈕會(huì)使的頁(yè)面更為簡(jiǎn)潔,黃色按鈕更容易達(dá)成業(yè)務(wù)目標(biāo)。后通過灰度測(cè)試,發(fā)現(xiàn)黃色按鈕的點(diǎn)擊UV更多一些,最終確定使用黃色按鈕方案,并對(duì)產(chǎn)品第一期剩下頁(yè)面進(jìn)行細(xì)節(jié)調(diào)整,推動(dòng)項(xiàng)目落地執(zhí)行。

▲充能任務(wù)第一期設(shè)計(jì)稿

四、數(shù)據(jù)是設(shè)計(jì)師的武器

如何證明你的設(shè)計(jì)是有效的,數(shù)據(jù)是很重要一個(gè)反饋。首先,我們先來(lái)看下數(shù)據(jù)的一些專業(yè)名詞解釋。

PV:Page view瀏覽點(diǎn)擊量,用戶打開-一個(gè)網(wǎng)站頁(yè)面,為1個(gè)PV。一個(gè)頁(yè)面被訪問多次,瀏覽量會(huì)累計(jì)。

UV:User View訪問用戶量,指訪問某個(gè)站點(diǎn)或點(diǎn)擊某條新聞的不同IP地址的人數(shù),-天內(nèi)同- ~訪客多次訪問您網(wǎng)站只計(jì)算1個(gè)訪客(uv)。

轉(zhuǎn)化率:轉(zhuǎn)化率=轉(zhuǎn)化次數(shù)/訪問次數(shù),比如以頁(yè)面的- -個(gè)核心指標(biāo)為例,當(dāng)天頁(yè)面的訪問量在10萬(wàn),頁(yè)面核心按鈕點(diǎn)擊次數(shù)為1.2萬(wàn)次。那么該指標(biāo)的轉(zhuǎn)化率為1.2 /10= 12%。

跳出率:跳出率是指訪客來(lái)到網(wǎng)站后,只訪問了一個(gè)頁(yè)面就離開網(wǎng)站的訪問次數(shù)占總訪問次數(shù)的百分比。跳出率越低說(shuō)明流量質(zhì)量越好。

平均訪問時(shí)長(zhǎng):用戶訪問網(wǎng)站的平均瀏覽頁(yè)數(shù)。平均訪問頁(yè)數(shù)=瀏覽量/訪問次數(shù)。平均訪問頁(yè)數(shù)很少,說(shuō)明訪客進(jìn)入你的網(wǎng)站后訪問少數(shù)幾個(gè)頁(yè)面就離開了。

那么我們?nèi)绾蝸?lái)看數(shù)據(jù)呢,剛剛有提到,可以通過對(duì)比來(lái)進(jìn)行分析,那么這里我提供幾個(gè)小方法,幫助大家對(duì)這個(gè)進(jìn)行理解。

1. 通過時(shí)間差看變化趨勢(shì)

▲通過對(duì)比時(shí)間軸,從歷史規(guī)律尋找啟發(fā),判斷趨勢(shì)。如頁(yè)面通過進(jìn)行視覺改版,跳出率持續(xù)降低,平均停留時(shí)長(zhǎng)持續(xù)增長(zhǎng),就說(shuō)明這個(gè)改版是有效的。

2. 通過對(duì)比查看差異

▲通過對(duì)比同一個(gè)欄目下的多個(gè)子欄目的差異,尋找一些參考特征,通過對(duì)比類似產(chǎn)品,查看一些相對(duì)的狀況,來(lái)推測(cè)產(chǎn)品本身的一些問題,從而加以改進(jìn)。

3. 通過拆分用戶群體分析

▲通過對(duì)按照不同分析的需要,對(duì)用戶群體進(jìn)行拆分。將不同群體的數(shù)據(jù)進(jìn)行分析,查看各群體的表現(xiàn)差異化,通過差異化對(duì)產(chǎn)品進(jìn)行理解,尋找規(guī)律,找到突破點(diǎn)。

以上是一些常用的數(shù)據(jù)分析法,通過數(shù)據(jù)支撐,梳理業(yè)務(wù)設(shè)計(jì)目標(biāo),后續(xù)所產(chǎn)出的設(shè)計(jì)也一定是用戶所需要的。

當(dāng)然,在數(shù)據(jù)理解這塊,還有更為專業(yè)的數(shù)據(jù)因子分析,聚類分析。當(dāng)然還有更為權(quán)威的GSM數(shù)據(jù)模型,是由Google設(shè)計(jì)團(tuán)隊(duì)所提出來(lái)的,其中G (Goal)設(shè)計(jì)目標(biāo),S (signal)現(xiàn)象信號(hào),M (Metric)衡量指標(biāo)。通過設(shè)計(jì)目標(biāo)來(lái)推導(dǎo)現(xiàn)象信號(hào),再根據(jù)這些現(xiàn)象信號(hào)進(jìn)行量化,得到衡量指標(biāo)。Google體驗(yàn)團(tuán)隊(duì)除了提出行業(yè)內(nèi)較為領(lǐng)先的GSM模型,還有HEART模型來(lái)定義用戶行為數(shù)據(jù)。

五、做有影響力的設(shè)計(jì)

產(chǎn)品設(shè)計(jì)的目的就是以用戶為中心,最大程度的滿足用戶需求,為用戶提供更好的服務(wù)。這里給大家介紹通過對(duì)用戶心智模型的研究,來(lái)完善對(duì)產(chǎn)品的情感設(shè)計(jì)理論及方法,讓設(shè)計(jì)更好的與用戶產(chǎn)生情感共鳴。

心智模型這個(gè)詞是蘇格蘭心理學(xué)家在上個(gè)世紀(jì)四十年提出來(lái)后,心智模型也叫心智模式,是指深植入我們心中,關(guān)于我們自己、別人、組織及周圍世界每個(gè)層面的假設(shè)、形象和故事。深受習(xí)慣思維、定式思維、已有認(rèn)知的局限。也指人們一種習(xí)以為常、理所當(dāng)然的認(rèn)知。

那么什么是符合用戶心智模型的體驗(yàn)?zāi)???jiǎn)短來(lái)說(shuō)就是,基于用戶的心理行為。

▲網(wǎng)易云音樂的播放器。當(dāng)開始播放的時(shí)候,指針往下挪動(dòng)到唱片,唱片轉(zhuǎn)動(dòng)。而且唱片中間,加載的正是這首音樂的專輯圖。這正是完整的延續(xù)了用戶心智的過程,與用戶所理解的一致,達(dá)成共鳴。

總結(jié)下來(lái),對(duì)匹配用戶心智模型分別可以歸納為:

  1. 找準(zhǔn)關(guān)鍵切入點(diǎn)做情感化,讓機(jī)械的界面與用戶達(dá)成共鳴。
  2. 別想著讓用戶去思考,應(yīng)當(dāng)降低用戶的學(xué)習(xí)成本。
  3. 不要總嘗試改變用戶認(rèn)知,最好讓用戶覺得理所當(dāng)然。

六、最后

設(shè)計(jì)師一個(gè)很綜合的崗位,想把設(shè)計(jì)做好,并不是一件容易的事情。我們必須左手藝術(shù),右手科學(xué),希望能通過這篇文章,幫助設(shè)計(jì)師朋友提升關(guān)于理性方面的認(rèn)知,提高自己的能力。

 

作者:阿坤,微信公眾號(hào):我們的設(shè)計(jì)日記(ID:helloskys)

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 第一步:你要設(shè)計(jì)的是啥業(yè)務(wù),用戶是誰(shuí) ,是否了解用戶的習(xí)慣,是否了解使用場(chǎng)景
    第二步:你想表達(dá)的設(shè)計(jì)主題是什么?怎么樣表達(dá)你的主題
    第三步:好不好用
    第四步:好不好看

    這四步也是我對(duì)ui能力判斷的4個(gè)階段。 那些上來(lái)就說(shuō)這種設(shè)計(jì)好不好看的, 基本上都是新手。

    來(lái)自山東 回復(fù)
  2. 不去熟悉理解產(chǎn)品業(yè)務(wù),沒有數(shù)據(jù)支撐,你的設(shè)計(jì)作品往往很難具有說(shuō)服力

    來(lái)自湖北 回復(fù)
  3. 設(shè)計(jì)好用比好看更重要

    來(lái)自湖北 回復(fù)