轉(zhuǎn)UI,讓我們從注冊表單開始吧。

我寫了一篇關(guān)于平面設(shè)計(jì)師轉(zhuǎn)UI的文章,很多看過的小伙伴都會問我如何轉(zhuǎn)?還有一些人留言說交互的事情。關(guān)于交互,說實(shí)話,我也沒有系統(tǒng)學(xué)過,只是接受過一些碎片知識,大多都是憑感覺在做。熟能生巧吧,做多了也許你就會悟到點(diǎn)什么。以下就是我的一點(diǎn)感悟。

從理論上講產(chǎn)品經(jīng)理提出PRD,然后應(yīng)該經(jīng)過需求評審會評估一下。這里解釋一下需求評審會,就是產(chǎn)品經(jīng)理提出需求讓大家PK,然后決定后續(xù)工作的會議。幾乎所有的開發(fā)、設(shè)計(jì)、測試都會參加,從自己專業(yè)的角度評估需求的可執(zhí)行性。這個很重要,只是,很可惜,大多時(shí)候,這個會沒有的。產(chǎn)品經(jīng)理會直接把PRD丟給設(shè)計(jì),然后你就知道了。比如:
原型圖.png

這個就是一個沒有經(jīng)過評審的需求。產(chǎn)品經(jīng)理認(rèn)為他給到了原型圖,你按他的原型設(shè)計(jì)就可以了。面對這樣的需求,你按需求做出來的設(shè)計(jì)可能是這樣的,產(chǎn)品經(jīng)理確認(rèn)后會交付前端開發(fā),最后到用戶手上,問題就來了。


按執(zhí)行原型圖.png

一、沒有人會愿意填這么多資料。
二、更沒有人會愿意用手機(jī)填這么多資料。

三、就算給我錢,我填的也很痛苦。我研究過一款做貸款的app,產(chǎn)品營銷期,提供三個月無息貸款,但是需要你填注冊資料。最終,我沒填完。
這里需要拆分步驟,對于用戶來說,填寫這些資料是一件很困難的事情。需要設(shè)計(jì)把這個任務(wù)分解成若干個小任務(wù),讓用戶從簡單的開始,引導(dǎo)他一個一個完成。比如,把這些信息分成五大類:
1.個人信息
2.職業(yè)信息
3.財(cái)產(chǎn)情況
4.擇偶標(biāo)準(zhǔn)
5.生活照
讓用戶分步驟完成填寫,可中途掛起,直至完成。


分解任務(wù).png

設(shè)計(jì)分兩步走,分別是信息架構(gòu)設(shè)計(jì)和細(xì)節(jié)設(shè)計(jì)。以上我們做的任務(wù)分解其實(shí)就是設(shè)計(jì)的第一步,把信息整理歸類到一個或多個步驟里,形成整個注冊過程。如此,你就順利的從一個平面設(shè)計(jì)轉(zhuǎn)型為UI設(shè)計(jì)師了。

接下來再來做細(xì)節(jié)設(shè)計(jì)。細(xì)節(jié)設(shè)計(jì)就是從默認(rèn)狀態(tài)、填寫狀態(tài)、反饋狀態(tài)三個角度進(jìn)行設(shè)計(jì)。


細(xì)節(jié)設(shè)計(jì).jpg

請?jiān)徫遗涞膱D順序有點(diǎn)亂,這里我想特別提一下驗(yàn)證碼的事情。我個人很痛恨驗(yàn)證碼。每次輸入都很痛苦,總是提示我輸入不正確。但是,不用驗(yàn)證碼,又存在安全問題,比如暴力注冊或破解啥的。具體我也講不清楚。我的想法是,第一次輸入時(shí)我們無條件假設(shè)用戶是人,而不是其它。如果輸入用戶名及密碼正確,就完成登錄。如果出現(xiàn)錯誤,第二次再出現(xiàn)驗(yàn)證碼。這樣或許更友好一些。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容