
來(lái)到亞信實(shí)習(xí),已經(jīng)三個(gè)多月了,總結(jié)一些實(shí)習(xí)的心得與收獲,以及經(jīng)驗(yàn)與不足。
這學(xué)期是研二的下學(xué)期,上學(xué)期由于學(xué)校的安排,沒(méi)能出來(lái)實(shí)習(xí),是很遺憾的一件事。不過(guò)上學(xué)期把很多畢業(yè)論文開(kāi)題相關(guān)的事情做掉了,這學(xué)期這方面的壓力輕松很多。回到學(xué)校先整理了開(kāi)題報(bào)告,改好了簡(jiǎn)歷,之后一邊整理完善優(yōu)化之前的作品集,一邊找實(shí)習(xí)和面試。
這時(shí)候正好杭州亞信在招實(shí)習(xí)生,于是投了簡(jiǎn)歷,之后收到了面試通知。
面試與入職
亞信的面試很嚴(yán)格。在自我介紹之后,我介紹了自己的作品集,之后面試官針對(duì)我的作品,提出各種問(wèn)題,后來(lái)總結(jié)歸納,大概包括以下幾個(gè)方面:
對(duì)于iOS、Android設(shè)計(jì)規(guī)范的掌握;
可用性原則,主要參考尼爾森的可用性理論;
對(duì)于常見(jiàn)的、大型的、復(fù)雜的APP的分析與理解;
實(shí)際項(xiàng)目經(jīng)驗(yàn)的積累;
看過(guò)的設(shè)計(jì)書籍。
以上問(wèn)題,有些知識(shí)是我了解的,有些不太熟悉,實(shí)際項(xiàng)目經(jīng)驗(yàn)方面是一片空白。
每一次面試,都是一次檢驗(yàn),查漏補(bǔ)缺,也指明了學(xué)習(xí)方向。進(jìn)入亞信之后,一邊了解公司業(yè)務(wù),一邊學(xué)習(xí)設(shè)計(jì)規(guī)范的相關(guān)內(nèi)容,是我初期的學(xué)習(xí)內(nèi)容。
亞信的主要業(yè)務(wù)和電信行業(yè)有關(guān),服務(wù)于通信運(yùn)營(yíng)商,做B端的軟件開(kāi)發(fā),我們項(xiàng)目組的工作也和此有關(guān)。
第一個(gè)項(xiàng)目:RTSS-Q2
入職亞信是三月中旬,當(dāng)時(shí)項(xiàng)目組完成了RTSS項(xiàng)目Q1階段的設(shè)計(jì)工作,已經(jīng)進(jìn)入開(kāi)發(fā)階段。我大約用了一個(gè)多月禮拜熟悉業(yè)務(wù),之后就參與到Q2階段的設(shè)計(jì)工作當(dāng)中。RTSS項(xiàng)目是一個(gè)移動(dòng)端的產(chǎn)品,主要功能是個(gè)人電信業(yè)務(wù)查詢與管理,有點(diǎn)像中國(guó)移動(dòng)手機(jī)客戶端,服務(wù)于歐洲客戶。這個(gè)產(chǎn)品在北京和南京都有合作,杭州主要負(fù)責(zé)數(shù)字資產(chǎn)和繳費(fèi)相關(guān)部分,包括余額、充值、轉(zhuǎn)賬、積分、優(yōu)惠券、賬單繳費(fèi)等功能,這些頁(yè)面大部分都是我設(shè)計(jì)和優(yōu)化的,當(dāng)然經(jīng)過(guò)了帶我設(shè)計(jì)師的指導(dǎo)和修改。帶我的兩個(gè)設(shè)計(jì)師,一個(gè)是龍哥,一個(gè)是貞姐,給了我很多幫助。
設(shè)計(jì)流程與需求整理。
在接觸實(shí)際工作之前,我對(duì)于項(xiàng)目流程的認(rèn)知,都來(lái)自于間接知識(shí),比如書籍、博客文章,還有自己的設(shè)計(jì)練習(xí)。來(lái)到公司之后,實(shí)際的項(xiàng)目流程和我想象有一些差別。我所在的亞信杭研UED部門,沒(méi)有產(chǎn)品經(jīng)理,業(yè)務(wù)需求由外部提供,由交互設(shè)計(jì)師整理,輸出excel表格或是Xmind思維導(dǎo)圖,沒(méi)有產(chǎn)品需求文檔。我在做交互設(shè)計(jì)的時(shí)候,會(huì)有很多困惑。一方面,剛剛接觸通信行業(yè),業(yè)務(wù)規(guī)則還不是很熟悉,另一方面,沒(méi)有明確的需求文檔,對(duì)于需求的整理就有困難。龍哥也沒(méi)有給予明確的指引,只是說(shuō)先按照給出的需求畫原型,給他反饋之后再修改。我剛剛參與工作,缺少對(duì)于工作流程的思考和把控,就開(kāi)始畫原型。這樣的流程很有問(wèn)題,不明確的需求,模糊的業(yè)務(wù)理解,加之自己經(jīng)驗(yàn)不足,只會(huì)造成各種問(wèn)題的原型,于是反復(fù)修改。在之后的評(píng)審會(huì)議上,后臺(tái)人員根據(jù)原型反饋的問(wèn)題,很多是業(yè)務(wù)上的要求,這樣造成的修改和返工很浪費(fèi)時(shí)間。
在后續(xù)的項(xiàng)目中,我一方面提升自己的設(shè)計(jì)能力,完善原型,另一方面,在沒(méi)有需求文檔時(shí),首先自己梳理功能需求,操作流程,頁(yè)面架構(gòu),和設(shè)計(jì)師進(jìn)行討論,確認(rèn)之后,再進(jìn)入到原型設(shè)計(jì)階段,將問(wèn)題提前解決,提升流程效率。
功能架構(gòu)。
在拿到RTSS項(xiàng)目Q2需求之初,在了解分析原有功能架構(gòu)的基礎(chǔ)上,思考新功能頁(yè)面的架構(gòu)安排。首先分開(kāi)了預(yù)付費(fèi)和后付費(fèi)的功能,預(yù)付費(fèi)用戶包含余額、積分、優(yōu)惠券、交易記錄相關(guān)業(yè)務(wù),后付費(fèi)用戶包含信用度、積分、優(yōu)惠券、交易記錄相關(guān)業(yè)務(wù),將原有的一個(gè)頁(yè)面分成兩個(gè)來(lái)做。之后根據(jù)功能,分成幾個(gè)模塊,完成頁(yè)面架構(gòu)的梳理。在功能架構(gòu)的基礎(chǔ)上,根據(jù)要實(shí)現(xiàn)的功能,進(jìn)行流程設(shè)計(jì),安排功能操作和信息展示,這樣后面做起來(lái)就比較順暢。
業(yè)務(wù)流程梳理。
功能架構(gòu)完成之后,開(kāi)始梳理業(yè)務(wù)流程。余額相關(guān)業(yè)務(wù),包含充值、轉(zhuǎn)賬和余額明細(xì)查詢,充值和轉(zhuǎn)賬更多的是功能操作,余額明細(xì)查詢更多的是信息展示。充值流程:輸入充值號(hào)碼,選擇/輸入充值金額,確認(rèn)充值,支付。充值操作在一個(gè)界面上完成,需要注意功能組件的位置安排,還有充值號(hào)碼、充值金額的報(bào)錯(cuò)提醒方式。轉(zhuǎn)賬功能類似,輸入轉(zhuǎn)賬目標(biāo)賬號(hào),金額,確認(rèn)轉(zhuǎn)賬。
頁(yè)面注釋。
我之前在做設(shè)計(jì)練習(xí)時(shí),是不寫頁(yè)面注釋的?,F(xiàn)在參加工作,團(tuán)隊(duì)成員要一起合作,完成一個(gè)產(chǎn)品,對(duì)于原型的準(zhǔn)確理解十分重要。剛開(kāi)始寫注釋的時(shí)候,對(duì)于注釋的內(nèi)容并不清楚,只是參考之前的頁(yè)面,加上自己的理解書寫,很不規(guī)范。后來(lái)經(jīng)過(guò)讀書學(xué)習(xí),還有設(shè)計(jì)師的指導(dǎo),才慢慢走上正軌。
對(duì)于多種情況的考慮。
頁(yè)面上所有的操作,都會(huì)根據(jù)條件和情景的不同,做出不同的反饋。按鈕的默認(rèn)狀態(tài),各種可能情況,提醒和報(bào)錯(cuò),都需要考慮周全。
設(shè)計(jì)評(píng)審。
在參加工作之前,是從來(lái)沒(méi)有參加過(guò)原型評(píng)審會(huì)議的。在做完第一版頁(yè)面時(shí),項(xiàng)目組邀請(qǐng)前端、后臺(tái)相關(guān)人員進(jìn)行評(píng)審。評(píng)審內(nèi)容一部分是我做的,一部分是龍哥做的。評(píng)審之前,心中還有些許忐忑,不知道會(huì)出現(xiàn)什么問(wèn)題。評(píng)審的過(guò)程其實(shí)還好,主要圍繞后臺(tái)功能如何實(shí)現(xiàn),原型表現(xiàn)是否切合業(yè)務(wù)規(guī)則邏輯進(jìn)行。由于加入了優(yōu)惠券支付,對(duì)于之前的業(yè)務(wù)有較多變更,后臺(tái)人員對(duì)于功能實(shí)現(xiàn)方式和業(yè)務(wù)邏輯進(jìn)行了長(zhǎng)時(shí)間的討論,最后才初定了業(yè)務(wù)規(guī)則。優(yōu)惠券的功能在之后又進(jìn)行了好幾次討論,每次都費(fèi)時(shí)費(fèi)力,我們也很無(wú)奈。如何節(jié)約會(huì)議時(shí)間,提升會(huì)議效率,是公司需要考慮的問(wèn)題。
設(shè)計(jì)規(guī)范。
這里的設(shè)計(jì)規(guī)范,包含兩部分內(nèi)容,一部分是iOS/安卓設(shè)計(jì)規(guī)范,一部分是項(xiàng)目設(shè)計(jì)規(guī)范。在實(shí)習(xí)之前,對(duì)于系統(tǒng)的設(shè)計(jì)規(guī)范還了解不多。在做設(shè)計(jì)之初,有不少功能在其他應(yīng)用中有所涉及,所以也借鑒了其他應(yīng)用的頁(yè)面與組件,結(jié)合當(dāng)前功能的特點(diǎn),加以修改。后來(lái)遇到有差異的功能,在自己設(shè)計(jì)組件和頁(yè)面的時(shí)候,感到自己能力不足,對(duì)于各種移動(dòng)端的視圖和控件,沒(méi)有應(yīng)用的得心應(yīng)手,有時(shí)候要去翻設(shè)計(jì)規(guī)范,參考其他app的界面布局。我一邊做項(xiàng)目,一邊學(xué)習(xí)設(shè)計(jì)規(guī)范,慢慢做頁(yè)面的時(shí)候就熟悉起來(lái)。
在我完成一些頁(yè)面,給帶我的設(shè)計(jì)師看的時(shí)候,他說(shuō)我做的頁(yè)面和之前已有的頁(yè)面風(fēng)格不統(tǒng)一。我在做頁(yè)面的時(shí)候,很多元素是從之前的界面上復(fù)制過(guò)來(lái)的,可是由于之前的界面元素就存在尺寸、顏色、字體的差異,我做的界面就很難和之前的界面統(tǒng)一。在項(xiàng)目初期,項(xiàng)目的設(shè)計(jì)規(guī)范是不存在的,需要在畫界面之初預(yù)先規(guī)定界面元素的尺寸,在項(xiàng)目一個(gè)階段結(jié)束的時(shí)候,再整理設(shè)計(jì)規(guī)范。所以我覺(jué)得,在項(xiàng)目設(shè)計(jì)規(guī)范方面,部門還有提升的空間。
第二個(gè)項(xiàng)目:Omni Channel
Omni Channel(以下簡(jiǎn)稱Omni)的項(xiàng)目和RTSS項(xiàng)目是同時(shí)進(jìn)行的,在我做RTSS項(xiàng)目期間,龍哥和貞姐整理了功能需求列表,在RTSS項(xiàng)目告一段落,評(píng)審結(jié)束時(shí),我們?nèi)齻€(gè)進(jìn)行了頁(yè)面分工,開(kāi)始做Omni項(xiàng)目。
在混亂中開(kāi)始。
接到設(shè)計(jì)需求,我拿到的是一個(gè)excel需求列表,x-mind信息架構(gòu)圖,還有現(xiàn)有Axure文件中的user case,寫著一些業(yè)務(wù)流程和頁(yè)面字段。我當(dāng)時(shí)基本上是蒙圈的,都不清楚一共有幾個(gè)頁(yè)面,每個(gè)頁(yè)面放哪些內(nèi)容,貞姐直接問(wèn)我?guī)滋炷芡瓿?,說(shuō)時(shí)間非常緊,讓我盡快做。我想問(wèn)一些業(yè)務(wù)規(guī)則,可是她說(shuō)她也說(shuō)不清,因?yàn)檫@些業(yè)務(wù)都是后臺(tái)的,我們只有后臺(tái)的開(kāi)發(fā)文檔,沒(méi)有具體的業(yè)務(wù)規(guī)則。這又是沒(méi)有產(chǎn)品經(jīng)理,沒(méi)有需求文檔的弊端。我們只能先按自己的理解畫原型,拿到評(píng)審會(huì)議上,讓后臺(tái)人員評(píng)審,再完善業(yè)務(wù)規(guī)則。這樣的設(shè)計(jì)流程,費(fèi)時(shí)費(fèi)力,很多時(shí)間都浪費(fèi)在了確認(rèn)功能和反復(fù)修改原型上,真的希望以后能夠改進(jìn)。
再次強(qiáng)調(diào)設(shè)計(jì)流程。
既然現(xiàn)實(shí)如此,也只能硬著頭皮做了。我先理解拿到的設(shè)計(jì)需求,對(duì)照著拼湊出業(yè)務(wù)規(guī)則,開(kāi)始畫頁(yè)面。好在有幾個(gè)業(yè)務(wù)和移動(dòng)端是基本相同的,就從那幾個(gè)業(yè)務(wù)開(kāi)始做。現(xiàn)在想來(lái),又犯了設(shè)計(jì)流程錯(cuò)誤。在沒(méi)有理解清楚業(yè)務(wù)的情況下畫原型,只會(huì)在后面反復(fù)修改。之前移動(dòng)端沒(méi)有出現(xiàn)大的流程和架構(gòu)問(wèn)題,是因?yàn)橐苿?dòng)端相對(duì)來(lái)說(shuō)業(yè)務(wù)簡(jiǎn)單。這次的Omni項(xiàng)目,需求功能有所增加,時(shí)間又緊,缺少了頁(yè)面架構(gòu)梳理,導(dǎo)致了時(shí)間的浪費(fèi)。在user case中,字段和規(guī)則按功能列出,但是一個(gè)功能可能通過(guò)多個(gè)頁(yè)面實(shí)現(xiàn),多種信息也可能集成在一個(gè)頁(yè)面展示,所以頁(yè)面架構(gòu)的梳理必不可少。時(shí)間再緊,流程不可少,這次是個(gè)教訓(xùn)。
紙面原型
之前聽(tīng)過(guò)紙面原型的種種好處,可是一直沒(méi)有用過(guò),以為紙面原型耽誤時(shí)間,還要在軟件里再畫一遍。其實(shí)紙面原型真的很好,事半功倍,尤其是在設(shè)計(jì)初期,快速思考,將功能表現(xiàn)為界面,方便快速反饋和修改。在Omni的設(shè)計(jì)中,一些新頁(yè)面,新功能,在設(shè)計(jì)之初使用了紙面原型,效果很好。我之前沒(méi)有做過(guò)Web端的頁(yè)面,畫完紙面原型,再轉(zhuǎn)到Axure軟件中,可以順利很多。
原型迭代。
Omni的原型經(jīng)過(guò)了非常多次的迭代,每個(gè)頁(yè)面都改過(guò)五個(gè)版本以上,有幾個(gè)頁(yè)面甚至有十個(gè)版本。版本迭代多的原因,一方面是用戶體驗(yàn)的不斷精益,另一方面是業(yè)務(wù)的不斷明確與變更。涉及到業(yè)務(wù)變更的頁(yè)面,包括Dashboard,詳單查詢,交易記錄,余額明細(xì),優(yōu)惠券,支付相關(guān)功能;涉及到體驗(yàn)精進(jìn)的頁(yè)面,包括信用度詳情,積分明細(xì),轉(zhuǎn)賬,充值等業(yè)務(wù)。在做設(shè)計(jì)的過(guò)程中,業(yè)務(wù)需求不斷變更,很多時(shí)間都用在跟著需求改頁(yè)面上了,所以很煩。我覺(jué)得這一階段的設(shè)計(jì)工作,主要圍繞在實(shí)現(xiàn)功能上,完成“可用”的目標(biāo),適當(dāng)提升“易用”水平,而“好用”的目標(biāo),基本無(wú)從談起。不論設(shè)計(jì)流程怎樣,這段做Web端頁(yè)面的經(jīng)歷,對(duì)于我把握Web端交互設(shè)計(jì)有很多幫助。
溝通與合作的重要性。
在進(jìn)行到開(kāi)發(fā)階段時(shí),一件事讓我更加重視溝通與合作。轉(zhuǎn)賬界面的一個(gè)功能設(shè)計(jì),是在輸入對(duì)方號(hào)碼時(shí),輸入框下方彈出列表,展示最近充值的10個(gè)號(hào)碼,方便用戶進(jìn)行選擇。在前端同事寫頁(yè)面的時(shí)候,還和我確認(rèn)了一下這個(gè)功能,我說(shuō)是有的,我記得還是后臺(tái)提供歷史轉(zhuǎn)賬號(hào)碼數(shù)據(jù)。后來(lái)頁(yè)面寫完的時(shí)候,向后臺(tái)詢問(wèn)接口,才知道后臺(tái)是沒(méi)有這個(gè)接口的,歷史轉(zhuǎn)賬賬號(hào)數(shù)據(jù)由瀏覽器的cookies記錄,直接顯示在轉(zhuǎn)賬輸入框里。于是前端同事的代碼就浪費(fèi)掉了,我也覺(jué)得很不好意思。在原型評(píng)審時(shí),這個(gè)功能是通過(guò)了的,可是我并不清楚是由前端實(shí)現(xiàn)還是后臺(tái)實(shí)現(xiàn)。于是我知道,在做頁(yè)面的時(shí)候,除了要知道頁(yè)面功能能不能實(shí)現(xiàn),還要了解功能實(shí)現(xiàn)方式,是由前端負(fù)責(zé)還是后臺(tái)負(fù)責(zé),另外,在前端同事做頁(yè)面的時(shí)候,也要及時(shí)溝通配合,協(xié)調(diào)前端和后臺(tái)。因?yàn)椴块T沒(méi)有產(chǎn)品經(jīng)理,所以很多事情要設(shè)計(jì)師自己跟進(jìn)。
與視覺(jué)設(shè)計(jì)師的合作。
由于公司業(yè)務(wù)的關(guān)系,Omni項(xiàng)目的頁(yè)面有很多表單,還有一些數(shù)據(jù)圖形化的內(nèi)容,視覺(jué)效果要求簡(jiǎn)潔明快,清晰易懂,頁(yè)面并不復(fù)雜。項(xiàng)目之前已經(jīng)有了視覺(jué)規(guī)范,所以視覺(jué)同事的視覺(jué)稿完成的很快。在視覺(jué)稿完成之后,我整體看了一遍,風(fēng)格沒(méi)有什么問(wèn)題,一些小的字段、格式錯(cuò)誤,和她反饋之后,也沒(méi)有進(jìn)行修改,直接告訴前端同事在代碼里修改就好了。后來(lái),由于業(yè)務(wù)有一些調(diào)整,原型做出了相應(yīng)修改,和視覺(jué)溝通之后,也是直接反饋給前端同事修改頁(yè)面。
第三個(gè)項(xiàng)目:RTSS&Asset?7.7版本
RTSS&Asset 7.7版本,是在RTSS項(xiàng)目基礎(chǔ)上進(jìn)行優(yōu)化的一個(gè)版本。由于涉及到項(xiàng)目跨團(tuán)隊(duì)合作,和外部系統(tǒng)進(jìn)行整合,一些頁(yè)面需要進(jìn)行重新設(shè)計(jì),也添加了新的功能需求。需要優(yōu)化的頁(yè)面,包括積分、優(yōu)惠券和賬單繳費(fèi),新增的功能,包括紅包、詳單、密碼重置。
設(shè)計(jì)流程的完善。
這次做新功能的時(shí)候,依舊沒(méi)有詳細(xì)的產(chǎn)品需求文檔,于是我自己整理相關(guān)內(nèi)容,補(bǔ)充完善。主要內(nèi)容包括,已經(jīng)給出的需求簡(jiǎn)略描述,產(chǎn)品定義(使用人群、主要功能、產(chǎn)品特色),用戶需求(目標(biāo)用戶、使用場(chǎng)景、用戶目標(biāo)),之后整理頁(yè)面架構(gòu),思考任務(wù)流程。在整理完產(chǎn)品需求時(shí),和龍哥討論確認(rèn),通過(guò)之后再進(jìn)入到原型繪制的過(guò)程。
再談紙面原型。
這次做界面的時(shí)候,紙面原型的方法應(yīng)用的很多,基本上所有新頁(yè)面都是先畫紙面原型,和龍哥討論,之后修改,方案通過(guò)之后再繪制Axure原型,設(shè)計(jì)流程順暢許多,設(shè)計(jì)效率大大提高。
體驗(yàn)設(shè)計(jì)。
這個(gè)版本的積分功能頁(yè)面,做了很多在體驗(yàn)方面的迭代。積分相關(guān)功能,包括三部分,分別是積分綁定,積分轉(zhuǎn)換,積分明細(xì)查詢。積分綁定與轉(zhuǎn)換功能,是指將第三方商戶和Asset賬戶綁定,將第三方商戶積分轉(zhuǎn)換為Asset積分。整體的功能實(shí)現(xiàn)并不復(fù)雜,也有現(xiàn)有的競(jìng)品可以參考,設(shè)計(jì)的關(guān)鍵就在于,如何引導(dǎo)用戶進(jìn)行綁定與轉(zhuǎn)換,其中也包含商戶的展示,操作流程梳理的問(wèn)題。我自己最早做的頁(yè)面,將賬戶綁定和積分轉(zhuǎn)換割裂開(kāi),分別實(shí)現(xiàn)功能,造成了用戶操作的繁瑣。之后的第二個(gè)版本,將兩個(gè)功能在操作流程上做了融合,先綁定,后轉(zhuǎn)換,可是對(duì)于新用戶的引導(dǎo)并不順暢,對(duì)于老用戶,積分轉(zhuǎn)換的快捷操作也并不方便。后來(lái)又做了幾個(gè)版本,用戶引導(dǎo)和信息展示始終沒(méi)有找到平衡的解決方案。最后,龍哥對(duì)方案進(jìn)行了修改,將新用戶引導(dǎo)和已綁定商戶都展示在首頁(yè)上,實(shí)現(xiàn)了功能平衡。我后來(lái)覺(jué)得,體驗(yàn)設(shè)計(jì)的精進(jìn),要適當(dāng)打破現(xiàn)有規(guī)則,界面設(shè)計(jì)要貼合用戶使用,而不是一味的符合功能邏輯。
與視覺(jué)設(shè)計(jì)師的合作。
RTSS項(xiàng)目是在移動(dòng)端,頁(yè)面風(fēng)格和之前的頁(yè)面保持一致,是一種深黑色背景的商務(wù)風(fēng)格。我將視覺(jué)稿和交互稿進(jìn)行比對(duì),整體的界面控件形式基本一致,只是在頁(yè)面元素的細(xì)節(jié)排布上,綜合美觀程度、信息展示方式等,做出了細(xì)節(jié)優(yōu)化。我對(duì)視覺(jué)設(shè)計(jì)師的工作成果感到滿意。
其他項(xiàng)目
負(fù)賬單轉(zhuǎn)移頁(yè)面
這個(gè)需求來(lái)自匈牙利的項(xiàng)目,安排在Omni項(xiàng)目告一段落的時(shí)候。簡(jiǎn)明解釋業(yè)務(wù),將一個(gè)賬戶下的負(fù)賬單轉(zhuǎn)移至另一個(gè)賬戶,并選擇抵扣欠費(fèi)和轉(zhuǎn)移金額。業(yè)務(wù)不算復(fù)雜,只有一個(gè)頁(yè)面和一個(gè)彈框,主要任務(wù)是完成符合業(yè)務(wù)邏輯的界面操作。我和后臺(tái)人員了解需求,溝通之后,現(xiàn)場(chǎng)繪制紙面原型,并立刻反饋,修改通過(guò)之后,再繪制Axure原型。紙面原型主要解決界面元素與操作流程的相關(guān)問(wèn)題,包括界面內(nèi)容、表單排列、按鈕位置、操作與反饋,之后的Axure原型,完善界面內(nèi)容位置安排,考慮美觀性。在Axure原型完成之后,反饋修改了兩次,修改了一點(diǎn)內(nèi)容,設(shè)計(jì)就完成了。這個(gè)頁(yè)面以表單為主,前端可以參考項(xiàng)目的其他頁(yè)面寫代碼,視覺(jué)同事就不需要做視覺(jué)頁(yè)面了。
做這個(gè)頁(yè)面的時(shí)候,我用Axure做交互動(dòng)效還不熟練,動(dòng)態(tài)面板的條件設(shè)置和動(dòng)作設(shè)置是我不熟悉的內(nèi)容,為了表達(dá)方案,通過(guò)幾個(gè)頁(yè)面的跳轉(zhuǎn)實(shí)現(xiàn)。做完這個(gè)項(xiàng)目之后,我又學(xué)習(xí)了Axure的動(dòng)效內(nèi)容,提高軟件技能。
這個(gè)項(xiàng)目的收獲,主要就在于業(yè)務(wù)邏輯的梳理與表現(xiàn),軟件技能的提高上。
無(wú)主繳費(fèi)頁(yè)面
這個(gè)頁(yè)面的需求更為簡(jiǎn)單,一共只有兩個(gè)頁(yè)面,第一個(gè)是無(wú)主繳費(fèi)的查詢頁(yè),第二個(gè)是信息展示與操作頁(yè)。主要工作,即是輸入框與表單內(nèi)容的排列,簡(jiǎn)單操作的切換。依舊沿用之前的設(shè)計(jì)流程與方法,業(yè)務(wù)流程梳理-紙面原型-Axure原型。
自我學(xué)習(xí)
京東頁(yè)面臨摹
為了學(xué)習(xí)網(wǎng)頁(yè)端的界面設(shè)計(jì),龍哥安排我臨摹京東的一些頁(yè)面,包括首頁(yè)和購(gòu)物流程相關(guān)頁(yè)面。在臨摹的同時(shí),注意思考業(yè)務(wù)流程與界面元素的關(guān)系,還有界面細(xì)節(jié)的處理方式,各種情況、操作的頁(yè)面變化,如何優(yōu)化用戶體驗(yàn)。
在臨摹的過(guò)程中,我思考了頁(yè)面柵格系統(tǒng)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用,相同元素的復(fù)用與統(tǒng)一,設(shè)計(jì)規(guī)范的應(yīng)用,操作提示與反饋。這些內(nèi)容對(duì)我之后的設(shè)計(jì)工作很有幫助。
讀書-破繭成蝶
在實(shí)習(xí)期間,讀完了《破繭成蝶——用戶體驗(yàn)設(shè)計(jì)師的成長(zhǎng)之路》,并整理了讀書筆記。這本書也是一本講設(shè)計(jì)流程與方法的書,和之前看的國(guó)外的書相比,更加貼近實(shí)戰(zhàn)和國(guó)內(nèi)特色。系統(tǒng)講解了從需求分析、交互設(shè)計(jì)到設(shè)計(jì)表達(dá)、項(xiàng)目跟進(jìn)的一系列過(guò)程,書中內(nèi)容講解很細(xì),對(duì)于剛剛參加工作的設(shè)計(jì)師幫助很大。
后記
在亞信的三個(gè)多月,總結(jié)起來(lái),RTSS項(xiàng)目Q2階段像是入門演練,Omni項(xiàng)目是基礎(chǔ)練習(xí),RTSS的7.7版本是用戶體驗(yàn)的提高。經(jīng)過(guò)項(xiàng)目的鍛煉,我逐漸掌握設(shè)計(jì)流程,提升設(shè)計(jì)技能,并不斷思考,提升用戶體驗(yàn)。
作為設(shè)計(jì)新人,不斷學(xué)習(xí),不斷實(shí)踐,總結(jié)經(jīng)驗(yàn),提高自己,日益精進(jìn),有所收獲。
俊森
2016.6.30