【在線實(shí)習(xí)·吾研第一期】UI作品評審總結(jié)
本期，我們一起看看學(xué)長認(rèn)證模塊——UI同學(xué)的作品評審。
拿好小板凳，做好筆記，我們開始吧！
我們拿了兩個(gè)典型的作品進(jìn)行了一個(gè)講解，做的特色都還不錯(cuò)，但是都有些小問題。
先來看一下第一位同學(xué)的作品。
首先整個(gè)作品分為兩部分：
一部分是上傳的流程，另一個(gè)是認(rèn)證的流程。
一. 上傳示例
大拿老師點(diǎn)評：
如果是未認(rèn)證狀態(tài)，可以進(jìn)來就直接顯示在認(rèn)證的首頁。
其實(shí)這個(gè)過程只需要兩步就足夠，特別是官方版中，基本信息和認(rèn)證渠道其實(shí)在一個(gè)頁面上。
從設(shè)計(jì)效果來說沒有問題，但是從他的數(shù)據(jù)角度來看，其實(shí)是有一點(diǎn)問題的。一般來說這種是有一個(gè)中間的緩存的渠道。你退出來再進(jìn)來，用戶還可以再從這兒開始。但是如果按目前的開發(fā)體系進(jìn)來之后就又會重新開始。
二. 認(rèn)證結(jié)果
大拿老師點(diǎn)評：
重點(diǎn)去考慮我們產(chǎn)品這個(gè)地方最后的定稿，能否讓前端使用vant的框架組件庫中的樣式。UI同學(xué)一定要去看看vant組件庫常用的樣式是否可行，我們可以要在其基礎(chǔ)上進(jìn)行修改，而不是單獨(dú)做一套，沒有太大意義。
UI的一個(gè)常備技能點(diǎn)：工作中，尤其后臺功能的輸入框或者選擇框等，UI同學(xué)要去參考一些第三方已經(jīng)成熟的移動端框架樣式。然后再考慮是否要修改樣式，還是說改改布局。這樣的話前端會比較方便。
但大部分的業(yè)務(wù)端，也就是正常頁面端中用戶使用的流程，需要我們要自己來設(shè)計(jì)，一定要注意，我們這個(gè)認(rèn)證模塊有點(diǎn)像工具化的那么一個(gè)模塊。
三. 認(rèn)證流程
大拿老師點(diǎn)評：
實(shí)際上它的對準(zhǔn)是有問題的，有點(diǎn)亂。上面顏色出現(xiàn)問題之后，導(dǎo)致有一點(diǎn)視覺上的沖突啊，之間的分割是一個(gè)注意的點(diǎn)。
在校時(shí)間：其實(shí)產(chǎn)品給的不是這么一種原型，UI可以去調(diào)整產(chǎn)品的交互，但是要去確定前端能不能實(shí)現(xiàn)。
你要考慮開發(fā)能不能實(shí)現(xiàn)，而不是自己樂意去畫著玩，尤其在移動端，能不能有這種組件的實(shí)現(xiàn)啊，所以這也是一個(gè)配合性的問題。
如果你在簡歷里面寫到，“在設(shè)計(jì)的時(shí)候，產(chǎn)品給的方案是兩個(gè)框。但是我覺得可以收起來做成單個(gè)框，最后遇到了前端開發(fā)同學(xué)的問題?！蹦沁@個(gè)問題簡歷上寫出來之后，實(shí)際上就可以給你加分。為什么？因?yàn)槟阍趯W(xué)校里就遇到了工作后每一個(gè)人、包括UI才會注意到的點(diǎn)。面試官一定會很在意。
四. 認(rèn)證渠道
大拿老師點(diǎn)評：
認(rèn)證渠道（二選一）：這塊的樣式，有點(diǎn)丑啊，看上去好像就是孤零零的幾個(gè)塊兒，感覺就不成一個(gè)樣式。
然后這個(gè)獲取驗(yàn)證碼的樣式要做全，注意倒計(jì)時(shí)的時(shí)候不能點(diǎn)。
上傳圖片上傳完之后的樣式是怎么樣的？注意閉環(huán)。
大拿老師評分時(shí)間：
這位同學(xué)整體呢，有一些小的交互、設(shè)計(jì)的問題。但是從大角度來講，就是同學(xué)的一些設(shè)計(jì)思路還是要繼續(xù)去提高一下。
這個(gè)同學(xué)做的還不錯(cuò)，我覺得可以達(dá)到七分。
那么繼續(xù)看下一個(gè)同學(xué)的作品。
一. 認(rèn)證界面
大拿老師點(diǎn)評：
他的這個(gè)頁面的布局非常舒服。
第一個(gè)問題，就是他加了一些原型沒有的元素，比如說，id這個(gè)字段，這是產(chǎn)品字段，實(shí)際上是不應(yīng)該出現(xiàn)的，不應(yīng)該增加元素。
如果是增加文字的話，是可以的。但是你做完之后或者在做的同時(shí)要問一下開發(fā)能不能做這個(gè)、要不要加個(gè)提醒，所以這個(gè)是可以去協(xié)調(diào)的。但是不要增加功能點(diǎn)，這是一個(gè)功能點(diǎn)。因?yàn)楝F(xiàn)在產(chǎn)品沒有給出 id 是什么。
二. 認(rèn)證審核
大拿老師點(diǎn)評：
沒有布局感，感覺是比較凌亂的放在一起。不要給出這么多信息，認(rèn)證原先上只給了兩個(gè)信息，就是他的學(xué)校和他的專業(yè)，一定要遵守我們的原型。
有些東西是可以選填的，而且這樣布局就比較難看。
這是個(gè)認(rèn)證環(huán)節(jié)，可以去做像增加文字和修改文字，這是文本調(diào)動，不會很大去更改產(chǎn)品功能點(diǎn)，最后跟產(chǎn)品也會去溝通。但是不要增加或者修改功能點(diǎn)，產(chǎn)品功能點(diǎn)的修改影響產(chǎn)品的一個(gè)策略，所以這個(gè)一定要注意。 4. 在目前的階段，盡量還是以官方的功能為主。
三. 認(rèn)證材料
大拿老師點(diǎn)評：
有個(gè)很別扭的地方，就是說白色底塊看著非常的不舒服
少一個(gè)閉環(huán)。我們做UI一定要有一個(gè)閉環(huán)，那你下面再給出一列驗(yàn)證碼倒計(jì)時(shí)的樣式，還有上傳完成的樣式。那這個(gè)就要給出來，要不然開發(fā)可能會覺得比較痛苦。
大拿老師評分時(shí)間：
那么實(shí)際上這個(gè)同學(xué)的作品，從樣式上和布局上，看起來還蠻舒服。
這個(gè)作品可以給到八分，是一個(gè)不錯(cuò)的作品。
歡迎關(guān)注我們的WX公眾號“拿OFFER”，獲取更多校招信息和硬核干貨。
