如何構(gòu)建系統(tǒng)化交互設(shè)計(jì)自查體系?

Jyn
14 評(píng)論 15666 瀏覽 125 收藏 11 分鐘

身為交互設(shè)計(jì)師的你,是否遇到過設(shè)計(jì)評(píng)審時(shí)發(fā)現(xiàn)細(xì)節(jié)不完善、辛辛苦苦想出來的創(chuàng)意被程序員/產(chǎn)品經(jīng)理挑戰(zhàn)方案可行性,亦或是遺漏空界面等問題?

交付邏輯清晰完整的交互設(shè)計(jì)方案,是設(shè)計(jì)師專業(yè)技能的體現(xiàn)。完整的交互流程分三步:設(shè)計(jì)調(diào)研(前期)→設(shè)計(jì)實(shí)施(中期)→設(shè)計(jì)評(píng)估(后期)。

設(shè)計(jì)自查是設(shè)計(jì)評(píng)估環(huán)節(jié)中重要的一環(huán), 設(shè)計(jì)自查是交互方案形成后,設(shè)計(jì)評(píng)審之前很重要的一步查漏補(bǔ)缺的環(huán)節(jié),也是對(duì)輸出的交互方案低成本、靈活審查的一種方法。

有效的交互設(shè)計(jì)自查,能夠幫助設(shè)計(jì)師有效的提升系統(tǒng)化的交互設(shè)計(jì)思考緯度,還能降低發(fā)出文檔后的設(shè)計(jì)遺漏,并能總結(jié)出可供評(píng)估的設(shè)計(jì)評(píng)審依據(jù)。

當(dāng)下都有哪些交互自查的方法呢?

根據(jù)經(jīng)驗(yàn)及對(duì)設(shè)計(jì)師的調(diào)研,我總結(jié)了以下三種:核對(duì)需求、直覺經(jīng)驗(yàn)、設(shè)計(jì)原則。

  • 核對(duì)需求:在設(shè)計(jì)完成后再根據(jù)需求review的一種方式;
  • 直覺經(jīng)驗(yàn):是設(shè)計(jì)師對(duì)可能發(fā)生情況依據(jù)自身豐富設(shè)計(jì)經(jīng)驗(yàn)的預(yù)判;
  • 設(shè)計(jì)原則:如蘋果公司的尼爾森10條可用性原則等都可供參考。

網(wǎng)上也會(huì)流傳各種版本的自查表,但不一定是適合你的項(xiàng)目,只有自己掌握了交互設(shè)計(jì)自查的方法,面對(duì)各類項(xiàng)目和問題才能迎刃而解

那么,如何構(gòu)建系統(tǒng)化交互設(shè)計(jì)自查體系呢?

5大緯度逐漸構(gòu)筑交互設(shè)計(jì)自查體系

可以分為5大緯度逐漸構(gòu)筑交互設(shè)計(jì)自查體系:提煉-收集-制作-實(shí)踐-補(bǔ)充。

第一步:構(gòu)建網(wǎng)盤交互設(shè)計(jì)自查緯度

根據(jù)六大緯度,提煉30條自查標(biāo)準(zhǔn)。

第二步:收集提煉每個(gè)緯度下的自查標(biāo)準(zhǔn)

并對(duì)組內(nèi)進(jìn)行紙質(zhì)發(fā)放,方便執(zhí)行。

第三步:制作并對(duì)交互組內(nèi)發(fā)放自查表格

第四步:將已完成的設(shè)計(jì)文檔與自查表格進(jìn)行比對(duì)

在設(shè)計(jì)完成后,每個(gè)設(shè)計(jì)師根據(jù)自查表格進(jìn)行核對(duì)走查,查漏補(bǔ)缺。同時(shí)遺漏點(diǎn)到自查表中。

第五步:補(bǔ)充遺漏及更新自查文檔

案例分析

接下來,通過2個(gè)案例來看看自查標(biāo)準(zhǔn)的應(yīng)用。

案例1:文案是否有錯(cuò)別字

可以看到產(chǎn)品上通常會(huì)看到兩個(gè)『帳號(hào)/賬號(hào)』,那么他們應(yīng)該在什么場(chǎng)景下使用呢?

帳號(hào),是一般的通用帳號(hào),用于各類產(chǎn)品帳號(hào)體系中,貝字旁的賬號(hào)則是和金錢相關(guān)的功能,如:支付寶賬戶等。

第二個(gè)例子也很常見,登錄和登陸。在查閱字典后,我們對(duì)兩個(gè)登錄做了區(qū)分,左側(cè)的登錄是在做文案設(shè)計(jì)時(shí)經(jīng)常用到的帳號(hào)登錄,右側(cè)的登陸則一般用于現(xiàn)實(shí)中的陸地登陸。

第三個(gè)例子是當(dāng)交互過程遇到延遲或異常時(shí),給用戶稍后重試的反饋時(shí)會(huì)經(jīng)??吹降?。稍后adv.一般需要結(jié)合動(dòng)詞一起出現(xiàn),而稍候本身就是動(dòng)詞,可單獨(dú)使用。所以,大家只要記得用稍后需結(jié)合動(dòng)詞 — 請(qǐng)稍后重試,用稍候時(shí)可直接使用即可。

案例2:是否關(guān)注空界面設(shè)計(jì)?

網(wǎng)頁端線上版本在網(wǎng)盤中沒有文件的時(shí)候,給予上傳引導(dǎo)提示。新版本中,我們加入了拖拽文件上傳這種便捷的傳輸形式,在自查過程中,我們發(fā)現(xiàn)除了一次性的新功能引導(dǎo)外,在原有的空界面引導(dǎo)中也可以告知用戶更便捷的上傳方式的存在。

要系統(tǒng)化構(gòu)建交互設(shè)計(jì)自查體系,還需考慮到不同特性產(chǎn)品和萬千用戶,我們又該如何靈活自查呢?

如何靈活自查呢?

接下來,我們將從設(shè)計(jì)平臺(tái)、設(shè)計(jì)對(duì)象、科學(xué)技術(shù)三大緯度分享如何量身定制個(gè)性化的交互設(shè)計(jì)自查體系

1. 設(shè)計(jì)平臺(tái)差異的自查方法及案例剖析

(1)移動(dòng)設(shè)備

在講移動(dòng)端的自查方法前,我們先來看看移動(dòng)端區(qū)別于其他平臺(tái)的硬件特性,包括手機(jī)、iPad等移動(dòng)移動(dòng)設(shè)備,會(huì)包括觸摸屏、耳機(jī)孔、音量鍵、解鎖鍵等,安卓設(shè)備還會(huì)有返回鍵、菜單鍵等一些基礎(chǔ)按鍵。

那么在設(shè)計(jì)移動(dòng)端的自查條例時(shí),我們就需要考慮到相關(guān)的硬件差異的影響。

(圖片來源于網(wǎng)絡(luò))

這里列舉一些移動(dòng)端的自查案例給大家參考借鑒。

(2)PC/Mac端

電腦端的硬件特性包括鼠標(biāo)(滾輪、左右鍵)、鍵盤(鍵盤上會(huì)有快捷鍵)、USB接口、電源接口等,那么在此基礎(chǔ)上我們就需要考慮到相關(guān)硬件的自查。同樣,舉一些電腦端自查標(biāo)準(zhǔn)為例。

(3)Web端

Web端更加依賴于瀏覽器特性,如視圖窗口大小等,同時(shí)web端還支持鼠標(biāo)鍵盤操作,舉一些Web端自查標(biāo)準(zhǔn)為例。

2. 設(shè)計(jì)對(duì)象差異的自查方法及案例剖析

動(dòng)手做設(shè)計(jì)前了解熟知設(shè)計(jì)對(duì)象對(duì)設(shè)計(jì)師來說是很重要的環(huán)節(jié),網(wǎng)盤針對(duì)普通用戶和企業(yè)用戶推出了兩個(gè)緯度的網(wǎng)盤產(chǎn)品,分別是網(wǎng)盤和企業(yè)網(wǎng)盤,前者為普通網(wǎng)盤用戶提供便捷存儲(chǔ)、傳輸?shù)裙δ?,后者則主要滿足企業(yè)人存儲(chǔ)、協(xié)同合作的需求。

先來看看C類用戶和B類用戶的有哪些不同?

那么針對(duì)To C和 To B類用戶我們需要注意哪些呢?

以網(wǎng)盤企業(yè)版為例,為大家介紹對(duì)于To B類產(chǎn)品自查條例。

3. 技術(shù)變更帶來的自查方法及應(yīng)用

隨著時(shí)代的前進(jìn)技術(shù)不斷更新,交互設(shè)計(jì)師除了夯實(shí)自己的設(shè)計(jì)專業(yè)能力外,還需要耳聽八方接收方的信息咨詢。技術(shù)的變更對(duì)交互方式有著很大影響,如曾經(jīng)的密碼解鎖在移動(dòng)端輸入成本頗高,而指紋識(shí)別技術(shù)帶來的指紋解鎖則輕松解決了這一問題。在此同樣列舉一些設(shè)計(jì)自查標(biāo)準(zhǔn),方便大家參考。

總結(jié)

交付邏輯清晰完整的交互設(shè)計(jì)方案,是設(shè)計(jì)師專業(yè)技能的體現(xiàn)。

不清晰的交互方案對(duì)設(shè)計(jì)師自身及項(xiàng)目都會(huì)有很大影響,不完整的文檔需要反復(fù)調(diào)整,調(diào)整的過程有可能影響項(xiàng)目進(jìn)度。最重要的是,當(dāng)一個(gè)設(shè)計(jì)師一而再,再而三的出現(xiàn)這些問題,你的專業(yè)性和影響力也會(huì)遭遇信任危機(jī)。

回到分享的內(nèi)容,包括五步構(gòu)建自查體系(提煉-收集-制作-實(shí)踐-補(bǔ)充),以及如何根據(jù)實(shí)際項(xiàng)目量身定制自查體系的三個(gè)拓展緯度的方法

希望對(duì)你接下來的項(xiàng)目有所啟發(fā)。

 

作者:金璐,公眾號(hào):金小米的學(xué)習(xí)筆記(ID:HelloJyn)

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 依舊崇拜我的偶像,期待下一篇出個(gè)關(guān)于產(chǎn)品復(fù)盤的文章

    來自北京 回復(fù)
    1. 感謝支持

      回復(fù)
  2. 可否分享下自查表呢

    來自廣東 回復(fù)
    1. 發(fā)鏈接容易被屏蔽,公眾號(hào)(hellojyn)回復(fù)自查表就有百度網(wǎng)盤鏈接啦~

      回復(fù)
    2. 為公眾號(hào)吸粉而已

      來自山東 回復(fù)
    3. 這篇文章是我做幾年設(shè)計(jì)精心總結(jié)的,如果您能從中學(xué)到東西就自取,如果您有干貨也可以分享自己的,專業(yè)交流會(huì)不會(huì)?

      回復(fù)
  3. 求分享自查表~~~ ??

    來自北京 回復(fù)
    1. 發(fā)鏈接容易被屏蔽,公眾號(hào)(hellojyn)回復(fù)自查表就有百度網(wǎng)盤鏈接啦~

      回復(fù)
  4. 賬號(hào)vs帳號(hào),第一次發(fā)現(xiàn)這個(gè) ??

    來自廣東 回復(fù)
    1. 小細(xì)節(jié)也要關(guān)注哦~

      來自北京 回復(fù)
  5. 這個(gè)自查表能不能分享一下

    來自河南 回復(fù)
    1. 發(fā)鏈接容易屏蔽,公眾號(hào)(Hellojyn)回復(fù) 自查表就有啦

      回復(fù)
  6. 很全面……

    來自山東 回復(fù)