是時候來理清交互設(shè)計(jì)思路了(專業(yè)實(shí)戰(zhàn)版)

2 評論 24731 瀏覽 21 收藏 6 分鐘

@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)用在客戶端中。

wy2015040813

方案流程

本次方案的總結(jié)從以下四個方面來闡述。這也是筆者方案設(shè)計(jì)的常規(guī)步驟。命名為梳理-分析-定義-驗(yàn)證四步法。

wy201504082

流程梳理

這里的流程指的便是用戶在使用過程中完成登錄任務(wù)的主要流程。因?yàn)橛袉吸c(diǎn)登錄的存在,所以在流程中可以優(yōu)先考慮這種最便捷的登錄方式。

wy201504083

設(shè)計(jì)分析

對于一個現(xiàn)有功能的優(yōu)化,可以采用小范圍討論來找出用戶的場景和痛點(diǎn)。進(jìn)而結(jié)合數(shù)據(jù)來完成方案設(shè)計(jì)的注意事項(xiàng)。

wy201504084
wy201504085
wy201504086

在上述分析總結(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ì)和輸出方案。

wy201504087 wy201504088 wy201504089

在設(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)證。

wy2015040810

從上圖可知大家對方案A,B各有傾向。并且在實(shí)際討論中,大家表達(dá)了各個方案的可取之處,因此又經(jīng)過細(xì)細(xì)斟酌,并結(jié)合了可以料想到的各種特殊情況,輸出了如下方案。

wy2015040811 wy2015040812

在此方案得到大家的一致認(rèn)可后,開始做一些交互細(xì)節(jié)。交互細(xì)節(jié)主要是從操作反饋整理,文案梳理,數(shù)據(jù)統(tǒng)計(jì)需求方面完善。

wy201504081

寫在最后

在工作中抽出時間總結(jié)經(jīng)驗(yàn),是筆者一直想做,也是正在做的。只有這樣才能不斷激發(fā)新想法,推著自己往前走。更多關(guān)于交互設(shè)計(jì)流程的探討,可以加我個人微信xixuyoung,歡迎大家交流指正。

 

投稿者:@NeilYoung_ixd?(ME網(wǎng)易移動設(shè)計(jì))

微信公眾號:ME網(wǎng)易移動設(shè)計(jì)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 很好的分析過程

    來自安徽 回復(fù)
  2. 厲害

    來自上海 回復(fù)