是時候來理清交互設(shè)計(jì)思路了(專業(yè)實(shí)戰(zhàn)版)
@NeilYoung_ixd?:接觸交互設(shè)計(jì)時間不短了,一直沒有機(jī)會說說自己的方案設(shè)計(jì)的流程。當(dāng)一個方案設(shè)計(jì)完成后,如果不細(xì)細(xì)打磨,難免有一些被忽略的地方。所以大家在設(shè)計(jì)時候,一定要打起十二分精神,盡量做到方案思路清晰,方案完善,這次借由“登錄頁面的優(yōu)化設(shè)計(jì)項(xiàng)目”給大家分享一下設(shè)計(jì)流程的個人心得
背景概述
登錄頁面是移動端產(chǎn)品的常規(guī)頁面之一,相信大家并不陌生。這次迭代中,我們試圖將單點(diǎn)登錄這個功能應(yīng)用在客戶端中。
方案流程
本次方案的總結(jié)從以下四個方面來闡述。這也是筆者方案設(shè)計(jì)的常規(guī)步驟。命名為梳理-分析-定義-驗(yàn)證四步法。
流程梳理
這里的流程指的便是用戶在使用過程中完成登錄任務(wù)的主要流程。因?yàn)橛袉吸c(diǎn)登錄的存在,所以在流程中可以優(yōu)先考慮這種最便捷的登錄方式。
設(shè)計(jì)分析
對于一個現(xiàn)有功能的優(yōu)化,可以采用小范圍討論來找出用戶的場景和痛點(diǎn)。進(jìn)而結(jié)合數(shù)據(jù)來完成方案設(shè)計(jì)的注意事項(xiàng)。
在上述分析總結(jié)中,有一點(diǎn)值得玩味。雖然數(shù)據(jù)表明用戶登出自己帳號的需求很小,但是大家依然希望有個記住帳號密碼功能。然而繼續(xù)詢問,用戶更多是希 望卸載應(yīng)用安裝后依然可以免登錄。其實(shí)當(dāng)前應(yīng)用登出帳號功能,更多是滿足換帳號兌換禮品或者換小號寫跟貼的需求。鑒于這種情況的考慮,并不需要當(dāng)前應(yīng)用 “登出依然記住帳號密碼”功能。然而,我們可以采用iOS系統(tǒng)的鑰匙串功能來滿足卸載應(yīng)用重裝免登錄的需求(因?yàn)樯婕暗絺€人隱私安全問題,最終還是建議不 做)。可見在設(shè)計(jì)中,需求需要進(jìn)一步驗(yàn)證確認(rèn),而不是用戶說什么就去做什么,更多還是需要深入了解,看清需求真相。
方案定義
對于頁面信息布局的設(shè)計(jì),一般會涉及到元素有哪些,優(yōu)先級是怎么樣。依此來設(shè)計(jì)和輸出方案。
在設(shè)計(jì)時候,一直糾結(jié)于是否需要明確表達(dá)單點(diǎn)登錄中的帳號來源,因此采用了A,B方案設(shè)計(jì)。A方案特點(diǎn)是界面簡潔,理解成本低。B方案特點(diǎn)是完整描述了帳號來源,給予用戶信任感。
測試驗(yàn)證
方案設(shè)計(jì)完畢后,為了驗(yàn)證哪種方案更加符合用戶使用。因此進(jìn)行了小范圍測試驗(yàn)證。
從上圖可知大家對方案A,B各有傾向。并且在實(shí)際討論中,大家表達(dá)了各個方案的可取之處,因此又經(jīng)過細(xì)細(xì)斟酌,并結(jié)合了可以料想到的各種特殊情況,輸出了如下方案。
在此方案得到大家的一致認(rèn)可后,開始做一些交互細(xì)節(jié)。交互細(xì)節(jié)主要是從操作反饋整理,文案梳理,數(shù)據(jù)統(tǒng)計(jì)需求方面完善。
寫在最后
在工作中抽出時間總結(jié)經(jīng)驗(yàn),是筆者一直想做,也是正在做的。只有這樣才能不斷激發(fā)新想法,推著自己往前走。更多關(guān)于交互設(shè)計(jì)流程的探討,可以加我個人微信xixuyoung,歡迎大家交流指正。
投稿者:@NeilYoung_ixd?(ME網(wǎng)易移動設(shè)計(jì))
微信公眾號:ME網(wǎng)易移動設(shè)計(jì)
很好的分析過程
厲害