UI設(shè)計(jì)測(cè)試題如何做?

3 評(píng)論 5515 瀏覽 48 收藏 12 分鐘

產(chǎn)品設(shè)計(jì)師工作到?3年,設(shè)計(jì)水平幾乎沒有差異,那么在求職過程中,什么才是讓自己脫穎而出的關(guān)鍵呢?本文作者列舉了一個(gè)求職案例,對(duì)此展開了分析,與你分享。

大環(huán)境:最近一兩年找工作的小伙伴應(yīng)該深刻感受到互聯(lián)網(wǎng)寒氣逼人,各個(gè)大廠裁員及AI技術(shù)的席卷而來,對(duì)普通設(shè)計(jì)師來說亞歷山大。

到個(gè)人:聚焦到我們個(gè)人找工作時(shí),經(jīng)常面試過程中就被要求做測(cè)試題。現(xiàn)在僧多粥少情況下,我們沒得選。測(cè)試題常常是現(xiàn)有產(chǎn)品改版之類,那么我們改版到底是如何做呢?

?最近在網(wǎng)上看到一個(gè)求職的設(shè)計(jì)師提交一份關(guān)于作業(yè)幫的測(cè)試題,該求職設(shè)計(jì)師工作六年,由于測(cè)試題沒過,他發(fā)出來想聽聽大家的修改意見。我在前面一篇《設(shè)計(jì)師這樣復(fù)盤成長更快》提到設(shè)計(jì)師工作到?3年,設(shè)計(jì)水平幾乎沒有差異,在這位求職者身上得到充分證實(shí),他在設(shè)計(jì)能力上沒有任何問題。

我們可以看到該設(shè)計(jì)稿的優(yōu)點(diǎn):

  • 瓷片區(qū)色彩差異明顯,功能訴求清晰,可點(diǎn)擊感強(qiáng)
  • 球區(qū)及tab欄圖標(biāo)繪制規(guī)范,視覺統(tǒng)一,特征明顯,符合目標(biāo)用戶審美
  • banner設(shè)計(jì)整體設(shè)計(jì)融入IP形象,加強(qiáng)用戶對(duì)品牌的形象感知
  • ……

這些優(yōu)點(diǎn)放在三四年前找份工作信手拈來。但如今市場(chǎng)變了。在設(shè)計(jì)資源過剩的情況下,期望得到一份不錯(cuò)薪水,僅憑「沒有問題」競(jìng)爭力似乎稍弱了些。

  • 品定位:工具性產(chǎn)品、內(nèi)容推薦性產(chǎn)品
  • 目標(biāo)用戶:小學(xué)、初中、高中學(xué)生及其家長
  • 學(xué)生用戶特征:大腦、身體發(fā)展階段、有強(qiáng)烈好奇心、積極正向的社交、情感需求、個(gè)性化需求

前面分析一直到這里我都感覺沒什么問題,下面問題就來了~

01 問題一:現(xiàn)狀問題待深挖

「設(shè)計(jì)現(xiàn)狀:品牌感知弱;設(shè)計(jì)樣式陳舊;一致性差、信息層級(jí)關(guān)系不明確」

在我司這樣寫設(shè)計(jì)現(xiàn)狀估計(jì)被懟,我司一直強(qiáng)調(diào)結(jié)果導(dǎo)向,也就是說這個(gè)設(shè)計(jì)現(xiàn)狀解決了之后能給產(chǎn)品帶來什么實(shí)質(zhì)性的好處,如果有如何證明?如果沒有還有必要花資源去做嗎?

工具性產(chǎn)品特性就是用完即走,內(nèi)容型產(chǎn)品主要以UGC和PGC為主,品牌感知、設(shè)計(jì)樣式、一致性問題本質(zhì)上是不影響用戶使用產(chǎn)品的,那么這3個(gè)問題其實(shí)對(duì)產(chǎn)品來說無關(guān)痛癢。

如果這里設(shè)計(jì)師向前走一步深挖一下,以身邊的用戶做個(gè)定性調(diào)研或問卷,最后得出具體的3個(gè)問題,再根據(jù)得出的問題推導(dǎo)設(shè)計(jì)目標(biāo),最后把這整個(gè)過程寫到測(cè)試題上是非常加分的,每一步合理且嚴(yán)謹(jǐn)。

以上是我之前寫的設(shè)計(jì)如何提升話語權(quán)中的設(shè)計(jì)工作流程,感興趣的同學(xué)可以翻來看看,其中挖掘問題這塊非常重要,直接影響后面的設(shè)計(jì)目標(biāo)。

由于前面設(shè)計(jì)現(xiàn)狀提出的問題可能根本不是解決產(chǎn)品真正的問題,所以得出的設(shè)計(jì)目標(biāo)其實(shí)也是錯(cuò)誤的推導(dǎo)。單擰出這里設(shè)計(jì)目標(biāo)的3個(gè)點(diǎn),其實(shí)非常套路,因?yàn)檫@3點(diǎn)放在任何產(chǎn)品上都成立。

比如針對(duì)電商產(chǎn)品:強(qiáng)化品牌認(rèn)知、視覺語言升級(jí)、簡化層級(jí),提升易用性,好像也沒毛病,面試官看到這里后面不用看都知道你的答案了,那么在視覺部分如果如果不夠出彩,那么結(jié)果可想而知。

02 問題二:頁面布局&交互方式

方案A:

  • 方案A和設(shè)計(jì)改版前布局上幾乎沒有差異,僅設(shè)計(jì)樣式上的更新
  • 方案A活動(dòng)區(qū)1膠囊banner使用IP形象沒有考慮拓展,如果換一個(gè)活動(dòng)怎么做出2個(gè)活動(dòng)之間的差異?沒有給出解決方案
  • 方案A弱化活動(dòng)區(qū)2模塊,可以看出是突出瓷片區(qū)和球區(qū),解決信息層級(jí)關(guān)系不明確這個(gè)問題,但是整個(gè)底部色彩明顯就暗沉了,是否符合小初高學(xué)生用戶的審美?或者說有沒有更合適的方案?或者改版前靠運(yùn)營活動(dòng)拉新,這樣改版造成數(shù)據(jù)下降怎么解決?

方案B:

1)交互方式

方案B中可以看出該同學(xué)想提升瓷片區(qū)和球區(qū)點(diǎn)擊率,但是首頁交互用一個(gè)不太常見的方式去擴(kuò)充的內(nèi)容承載能力??梢钥吹绞袌?chǎng)上大多數(shù)APP首頁都沒有加入很復(fù)雜的交互方式,對(duì)于低齡用戶是否越簡單越好呢?當(dāng)然我這僅是個(gè)猜想需要去證實(shí)。

這讓我想起工作中常常遇到一種情況,產(chǎn)品需求通常是一直加頁面上加內(nèi)容,做上個(gè)需求時(shí),設(shè)計(jì)需要重點(diǎn)突出模塊A,等到做下個(gè)需求時(shí)設(shè)計(jì)又要突出模塊B…這樣不停的累積疊加,重點(diǎn)內(nèi)容越來越多,界面越來越花越來越?jīng)]重點(diǎn),作為設(shè)計(jì)師的你是怎么解決呢?

2)頁面布局

為了創(chuàng)造出人眼遵循的正確途徑,我們需要了解眼睛是如何處理信息的。如果你能預(yù)測(cè)用戶的視線將會(huì)占有極大的優(yōu)勢(shì),在布局頁面元素時(shí)前,你就可以知道優(yōu)先的該擺放在什么位置,一旦你知道你想要用戶先看到什么,你就能可以通過視線的規(guī)律將你的重點(diǎn)內(nèi)容放在用戶的“熱點(diǎn)”里。

所以容易點(diǎn)擊 ≠ 點(diǎn)擊,所以改版前的方案瓷片區(qū)+球區(qū)放頁面上方也不能全盤否定。

頁面布局的核心——讓用戶快速獲取信息。不管是看拼多多還是美團(tuán),工具型產(chǎn)品更明顯,打開APP的最初目的都在界面上尋找信息,找到后就操作,然后繼續(xù)找……如此循環(huán)。別說你就逛逛,你逛著逛著為啥就買了,因?yàn)槟銤撘庾R(shí)逛就在判斷這個(gè)東西自己是否需要。

所以點(diǎn)擊流程應(yīng)該是:訊息被看到 → 判斷是否需要 → 是否點(diǎn)擊。內(nèi)容放在易點(diǎn)擊區(qū)域,只能說明該內(nèi)容容易被操作,那操作動(dòng)機(jī)是什么?你再怎么容易點(diǎn)擊,一個(gè)界面就一個(gè)按鈕,他不需要也不會(huì)點(diǎn),俗話說叫不醒一個(gè)裝睡的人一樣的道理,設(shè)計(jì)要做的應(yīng)該是加大這個(gè)點(diǎn)擊動(dòng)機(jī)。

截圖右側(cè)是目前線上版本,可以看出該產(chǎn)品對(duì)不同年齡用戶精細(xì)化運(yùn)營。兩個(gè)版本比較可以看出拍照搜題是該產(chǎn)品核心功能,其它功能針對(duì)不同年齡用戶層設(shè)計(jì),2個(gè)版本都遵循第一視覺區(qū)原則。

另外:頁面內(nèi)容布局考慮了用戶習(xí)慣,但是我們需要觀察小孩子使用手機(jī)方式,用父母手機(jī)、自己手比較小,如果怕摔很可能是雙手去使用手機(jī),而圖示是單手使用手機(jī)用戶的習(xí)慣,操作體驗(yàn)合理性需要證明。

03 問題三:內(nèi)容差異性

在課程推薦這塊融入統(tǒng)一的IP形象,統(tǒng)一的品牌色,封面的差異性需求仔細(xì)讀文字才能區(qū)分,這個(gè)設(shè)計(jì)看著就很不專業(yè)。

前面學(xué)生用戶特征:大腦、身體、心理發(fā)展階段強(qiáng)烈好奇,個(gè)性化需求,統(tǒng)一的模板完全違背了用戶特征,再不濟(jì)也可以用課程標(biāo)題文字字?jǐn)?shù)區(qū)分課程封面,3個(gè)字、5個(gè)字、8個(gè)字…不同字?jǐn)?shù)設(shè)計(jì)不同排版的封面區(qū)分不同的課程。

我記得之前K12課程火爆的時(shí)候,封面通常是講課老師形象+不同的背景色區(qū)分,既可以傳達(dá)老師的專業(yè)性,又可以區(qū)分不同的課程,還是比較好的解決方式。

04 如何解決

說了這么多相信看到這的同學(xué)肯定會(huì)說BB了這么多,咋不看你動(dòng)個(gè)手啊,動(dòng)動(dòng)嘴皮子誰不會(huì)?。∑鋵?shí)還是我前面一句話,設(shè)計(jì)師工作到3年或以上,設(shè)計(jì)水平差異性很小,到這時(shí)候是設(shè)計(jì)思維的差異,是解決問題的能力。

例如前面提到提高瓷片區(qū)的點(diǎn)擊率,該同學(xué)的解決辦法是改變交互方式放在易點(diǎn)擊區(qū),如果是我,就現(xiàn)狀問題這塊,我會(huì)深挖:

  • 周圍K12用戶做個(gè)調(diào)研,聽聽用戶的聲音,及各種渠道的用戶反饋
  • 競(jìng)品分析,琢磨差異點(diǎn)背后邏輯
  • 網(wǎng)上可以收集到的各渠道數(shù)據(jù)表現(xiàn)分析
  • 結(jié)合自己使用體驗(yàn)總結(jié)分析

至于如何做調(diào)研、做競(jìng)品分析……這些資料網(wǎng)上很多,后面有機(jī)會(huì)可以和大家討論。我們只有在深入了解后重新定義要解決問題,重塑設(shè)計(jì)目標(biāo),設(shè)計(jì)目標(biāo)定下后就設(shè)計(jì)執(zhí)行了。

注:以上僅個(gè)人觀點(diǎn),歡迎討論。

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

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

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這個(gè)設(shè)計(jì)師是在脈脈上發(fā)帖的嗎,我好像看過帖子

    來自湖北 回復(fù)
  2. 關(guān)于這篇(設(shè)計(jì)師這樣復(fù)盤成長更快)沒有看到

    來自廣東 回復(fù)
    1. 是的,我發(fā)微信公眾號(hào)了,如果想看搜 見賢設(shè)計(jì)筆記 后續(xù)有時(shí)間我復(fù)制過來??

      來自廣東 回復(fù)