如何構(gòu)建系統(tǒng)化交互設(shè)計(jì)自查體系?
身為交互設(shè)計(jì)師的你,是否遇到過設(shè)計(jì)評審時發(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ì)評估(后期)。
設(shè)計(jì)自查是設(shè)計(jì)評估環(huán)節(jié)中重要的一環(huán), 設(shè)計(jì)自查是交互方案形成后,設(shè)計(jì)評審之前很重要的一步查漏補(bǔ)缺的環(huán)節(jié),也是對輸出的交互方案低成本、靈活審查的一種方法。
有效的交互設(shè)計(jì)自查,能夠幫助設(shè)計(jì)師有效的提升系統(tǒng)化的交互設(shè)計(jì)思考緯度,還能降低發(fā)出文檔后的設(shè)計(jì)遺漏,并能總結(jié)出可供評估的設(shè)計(jì)評審依據(jù)。
當(dāng)下都有哪些交互自查的方法呢?
根據(jù)經(jīng)驗(yàn)及對設(shè)計(jì)師的調(diào)研,我總結(jié)了以下三種:核對需求、直覺經(jīng)驗(yàn)、設(shè)計(jì)原則。
- 核對需求:在設(shè)計(jì)完成后再根據(jù)需求review的一種方式;
- 直覺經(jīng)驗(yàn):是設(shè)計(jì)師對可能發(fā)生情況依據(jù)自身豐富設(shè)計(jì)經(jīng)驗(yàn)的預(yù)判;
- 設(shè)計(jì)原則:如蘋果公司的尼爾森10條可用性原則等都可供參考。
網(wǎng)上也會流傳各種版本的自查表,但不一定是適合你的項(xiàng)目,只有自己掌握了交互設(shè)計(jì)自查的方法,面對各類項(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)。
第二步:收集提煉每個緯度下的自查標(biāo)準(zhǔn)
并對組內(nèi)進(jìn)行紙質(zhì)發(fā)放,方便執(zhí)行。
第三步:制作并對交互組內(nèi)發(fā)放自查表格
第四步:將已完成的設(shè)計(jì)文檔與自查表格進(jìn)行比對
在設(shè)計(jì)完成后,每個設(shè)計(jì)師根據(jù)自查表格進(jìn)行核對走查,查漏補(bǔ)缺。同時遺漏點(diǎn)到自查表中。
第五步:補(bǔ)充遺漏及更新自查文檔
案例分析
接下來,通過2個案例來看看自查標(biāo)準(zhǔn)的應(yīng)用。
案例1:文案是否有錯別字
可以看到產(chǎn)品上通常會看到兩個『帳號/賬號』,那么他們應(yīng)該在什么場景下使用呢?
帳號,是一般的通用帳號,用于各類產(chǎn)品帳號體系中,貝字旁的賬號則是和金錢相關(guān)的功能,如:支付寶賬戶等。
第二個例子也很常見,登錄和登陸。在查閱字典后,我們對兩個登錄做了區(qū)分,左側(cè)的登錄是在做文案設(shè)計(jì)時經(jīng)常用到的帳號登錄,右側(cè)的登陸則一般用于現(xiàn)實(shí)中的陸地登陸。
第三個例子是當(dāng)交互過程遇到延遲或異常時,給用戶稍后重試的反饋時會經(jīng)??吹降摹I院骯dv.一般需要結(jié)合動詞一起出現(xiàn),而稍候本身就是動詞,可單獨(dú)使用。所以,大家只要記得用稍后需結(jié)合動詞 — 請稍后重試,用稍候時可直接使用即可。
案例2:是否關(guān)注空界面設(shè)計(jì)?
網(wǎng)頁端線上版本在網(wǎng)盤中沒有文件的時候,給予上傳引導(dǎo)提示。新版本中,我們加入了拖拽文件上傳這種便捷的傳輸形式,在自查過程中,我們發(fā)現(xiàn)除了一次性的新功能引導(dǎo)外,在原有的空界面引導(dǎo)中也可以告知用戶更便捷的上傳方式的存在。
要系統(tǒng)化構(gòu)建交互設(shè)計(jì)自查體系,還需考慮到不同特性產(chǎn)品和萬千用戶,我們又該如何靈活自查呢?
如何靈活自查呢?
接下來,我們將從設(shè)計(jì)平臺、設(shè)計(jì)對象、科學(xué)技術(shù)三大緯度分享如何量身定制個性化的交互設(shè)計(jì)自查體系。
1. 設(shè)計(jì)平臺差異的自查方法及案例剖析
(1)移動設(shè)備
在講移動端的自查方法前,我們先來看看移動端區(qū)別于其他平臺的硬件特性,包括手機(jī)、iPad等移動移動設(shè)備,會包括觸摸屏、耳機(jī)孔、音量鍵、解鎖鍵等,安卓設(shè)備還會有返回鍵、菜單鍵等一些基礎(chǔ)按鍵。
那么在設(shè)計(jì)移動端的自查條例時,我們就需要考慮到相關(guān)的硬件差異的影響。
(圖片來源于網(wǎng)絡(luò))
這里列舉一些移動端的自查案例給大家參考借鑒。
(2)PC/Mac端
電腦端的硬件特性包括鼠標(biāo)(滾輪、左右鍵)、鍵盤(鍵盤上會有快捷鍵)、USB接口、電源接口等,那么在此基礎(chǔ)上我們就需要考慮到相關(guān)硬件的自查。同樣,舉一些電腦端自查標(biāo)準(zhǔn)為例。
(3)Web端
Web端更加依賴于瀏覽器特性,如視圖窗口大小等,同時web端還支持鼠標(biāo)鍵盤操作,舉一些Web端自查標(biāo)準(zhǔn)為例。
2. 設(shè)計(jì)對象差異的自查方法及案例剖析
動手做設(shè)計(jì)前了解熟知設(shè)計(jì)對象對設(shè)計(jì)師來說是很重要的環(huán)節(jié),網(wǎng)盤針對普通用戶和企業(yè)用戶推出了兩個緯度的網(wǎng)盤產(chǎn)品,分別是網(wǎng)盤和企業(yè)網(wǎng)盤,前者為普通網(wǎng)盤用戶提供便捷存儲、傳輸?shù)裙δ?,后者則主要滿足企業(yè)人存儲、協(xié)同合作的需求。
先來看看C類用戶和B類用戶的有哪些不同?
那么針對To C和 To B類用戶我們需要注意哪些呢?
以網(wǎng)盤企業(yè)版為例,為大家介紹對于To B類產(chǎn)品自查條例。
3. 技術(shù)變更帶來的自查方法及應(yīng)用
隨著時代的前進(jìn)技術(shù)不斷更新,交互設(shè)計(jì)師除了夯實(shí)自己的設(shè)計(jì)專業(yè)能力外,還需要耳聽八方接收方的信息咨詢。技術(shù)的變更對交互方式有著很大影響,如曾經(jīng)的密碼解鎖在移動端輸入成本頗高,而指紋識別技術(shù)帶來的指紋解鎖則輕松解決了這一問題。在此同樣列舉一些設(shè)計(jì)自查標(biāo)準(zhǔn),方便大家參考。
總結(jié)
交付邏輯清晰完整的交互設(shè)計(jì)方案,是設(shè)計(jì)師專業(yè)技能的體現(xiàn)。
不清晰的交互方案對設(shè)計(jì)師自身及項(xiàng)目都會有很大影響,不完整的文檔需要反復(fù)調(diào)整,調(diào)整的過程有可能影響項(xiàng)目進(jìn)度。最重要的是,當(dāng)一個設(shè)計(jì)師一而再,再而三的出現(xiàn)這些問題,你的專業(yè)性和影響力也會遭遇信任危機(jī)。
回到分享的內(nèi)容,包括五步構(gòu)建自查體系(提煉-收集-制作-實(shí)踐-補(bǔ)充),以及如何根據(jù)實(shí)際項(xiàng)目量身定制自查體系的三個拓展緯度的方法。
希望對你接下來的項(xiàng)目有所啟發(fā)。
作者:金璐,公眾號:金小米的學(xué)習(xí)筆記(ID:HelloJyn)
本文由 @金璐 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
依舊崇拜我的偶像,期待下一篇出個關(guān)于產(chǎn)品復(fù)盤的文章
感謝支持
可否分享下自查表呢
發(fā)鏈接容易被屏蔽,公眾號(hellojyn)回復(fù)自查表就有百度網(wǎng)盤鏈接啦~
為公眾號吸粉而已
這篇文章是我做幾年設(shè)計(jì)精心總結(jié)的,如果您能從中學(xué)到東西就自取,如果您有干貨也可以分享自己的,專業(yè)交流會不會?
求分享自查表~~~ ??
發(fā)鏈接容易被屏蔽,公眾號(hellojyn)回復(fù)自查表就有百度網(wǎng)盤鏈接啦~
賬號vs帳號,第一次發(fā)現(xiàn)這個 ??
小細(xì)節(jié)也要關(guān)注哦~
這個自查表能不能分享一下
發(fā)鏈接容易屏蔽,公眾號(Hellojyn)回復(fù) 自查表就有啦
很全面……