在你的設(shè)計(jì)定稿前,你需要注意哪些問(wèn)題?
人進(jìn)步了,會(huì)發(fā)現(xiàn)做其他事情也沒(méi)那么難了。
對(duì)于設(shè)計(jì)師來(lái)說(shuō),最開(kāi)心的時(shí)刻無(wú)非是設(shè)計(jì)稿受到了肯定,可以定稿了,即被Lock下來(lái)了。那顆懸浮著的心也可以稍微松一口氣了。那這個(gè)定稿的過(guò)程具體是怎樣的呢?
設(shè)計(jì)稿的定稿流程
設(shè)計(jì)稿的定稿可以分為一下幾個(gè)步驟,首先是自己把關(guān),覺(jué)得沒(méi)什么問(wèn)題了然后拿去跟同部門同事(一般是跟這個(gè)項(xiàng)目相關(guān)的設(shè)計(jì)師)進(jìn)行交流,如果重要的話,設(shè)計(jì)主管也會(huì)過(guò)來(lái)參加一些意見(jiàn),再接著去跟PM進(jìn)行商議,如果可以的話可能也會(huì)Boss進(jìn)行商議。
定稿需要lock哪些內(nèi)容?
拿最近閣主設(shè)計(jì)的徽章系統(tǒng)來(lái)舉例吧。大家線纜看看草稿和lock版本的區(qū)別,如下圖。
(因商業(yè)機(jī)密,UI被樓主改過(guò),請(qǐng)大家專注于UX邏輯方面的內(nèi)容)
只是一個(gè)簡(jiǎn)單的徽章系統(tǒng),在定稿前和定稿后的區(qū)別雖然不大,但每項(xiàng)都是經(jīng)過(guò)深思熟慮的。
設(shè)計(jì)稿需要check的幾個(gè)方面的內(nèi)容如下:
1.頁(yè)面跳轉(zhuǎn)流程邏輯是否比較恰當(dāng)
在考慮這個(gè)方面的時(shí)候,出發(fā)點(diǎn)是跳轉(zhuǎn)的邏輯體現(xiàn)出頁(yè)面與頁(yè)面之間的層次與邏輯關(guān)系。比方說(shuō)在“Badge view by myself”的這個(gè)頁(yè)面,之前左上角是個(gè)back鍵,而在這里換成了叉(如下圖),并且還有一個(gè)一起改變的是將徽章增加了一個(gè)由小變大的動(dòng)效的過(guò)程,所以“Badge List”頁(yè)面與“Badge view by myself”的頁(yè)面可以說(shuō)偏向于后者變成前者的一部分這樣的關(guān)系,而back鍵更像是一個(gè)新的頁(yè)面。
這樣的改進(jìn)點(diǎn)也是為了讓用戶在使用的過(guò)程中體會(huì)到畫(huà)面更流暢的感覺(jué)。
2.邏輯是否影響到APP其它地方的考慮
比方說(shuō)徽章系統(tǒng),是一種成就的提現(xiàn),對(duì)用戶的一種激勵(lì),那么如果有好友的關(guān)注關(guān)系,用戶在得到徽章的時(shí)候是否考慮到通過(guò)Notification(通知)系統(tǒng)去給好友發(fā)一條信息?如果社交性質(zhì)比較偏重的話,是否Feed(信息動(dòng)態(tài))里面是否也可以支持用戶直接進(jìn)行分享?還比方說(shuō)APP其他地方可能出現(xiàn)用popup(彈窗)的方式進(jìn)行徽章的呈現(xiàn)
而在這個(gè)1.0版本里面的徽章系統(tǒng)比較初級(jí),所以功能的定位也比較簡(jiǎn)單,所以最終并沒(méi)有考慮這些。
3.每個(gè)頁(yè)面的元素是否需要精簡(jiǎn)
對(duì)于頁(yè)面元素的考慮每一處都要做到有理有據(jù),精簡(jiǎn)團(tuán)隊(duì)的工作量。
比方說(shuō)上圖中,在“Badge List”頁(yè)面,草稿是有分享按鈕的,而在定稿將這個(gè)分享按鈕去掉了。反問(wèn)的原因是,用戶在什么樣的場(chǎng)景下會(huì)想分享“Badge List”。大家比較同意的就是,在徽章得到比較多的情況下,用戶處于想炫耀自己徽章的數(shù)目想去分享。
這種情況下,一般人會(huì)截屏自己的手機(jī)發(fā)個(gè)朋友圈或者傳給某個(gè)朋友。而如果做了這個(gè)分享按鈕,那分享出去的是一個(gè)H5的頁(yè)面嗎?如果是的話,是不是為整個(gè)項(xiàng)目組增加了一個(gè)工作量,多做一個(gè)H5的頁(yè)面出來(lái)。用戶如果點(diǎn)擊朋友的徽章頁(yè)面也可以看到他的list,這個(gè)功能值得大家付出這樣額外的勞動(dòng)嗎?經(jīng)過(guò)大家商討,覺(jué)得用戶分享list的行為比較少,去掉這個(gè)分享按鈕是最簡(jiǎn)單的做法。
其它細(xì)節(jié)閣主就不一一說(shuō)明了,大家可以自己進(jìn)行閱覽與分析。
4.信息的展示順序是否得到統(tǒng)一
展示順序包括元素的展示順序以及文字信息的陳列順序。給用戶更統(tǒng)一的體驗(yàn),減少用戶動(dòng)腦適應(yīng)的時(shí)間。
比方說(shuō)定稿圖中,所有有徽章的地方,都是按照徽章圖、徽章名字、補(bǔ)充信息、時(shí)間這樣的順序進(jìn)行排列。而在草稿中則比較混亂。
5.各種排列順序或者規(guī)則是否得當(dāng)
規(guī)則的制定更傾向于PM的工作,對(duì)于設(shè)計(jì)師來(lái)說(shuō)了解一點(diǎn)也不錯(cuò),技多不壓身。這些規(guī)則包括圖中各種徽章的排序規(guī)則,以及什么樣的情況下用哪一種徽章的交互呈現(xiàn)方式比較合適(包括popup以及手機(jī)系統(tǒng)通知的方式等)。像這樣的事情需要PM進(jìn)行具體定義,但設(shè)計(jì)師需要提醒PM,以及推動(dòng)事情往前走。
6.信息輸出資源的管理
信息輸出資源包括所有的icon和圖片。而案例中最特殊就是徽章會(huì)分為兩種狀態(tài)(點(diǎn)亮與未點(diǎn)亮)、兩種模式(簡(jiǎn)單與細(xì)節(jié))、四種尺寸呈現(xiàn)出來(lái),那么咱們提供給工程師的文件夾就應(yīng)該在命名上都進(jìn)行區(qū)分完善,比方說(shuō)可以進(jìn)行badgename_got_simple_150x150這樣的命名等等。
以上是在設(shè)計(jì)稿被lock時(shí)需要考慮的幾大方面,可能信息比較多,總結(jié)出設(shè)計(jì)師的思考原則就是,從用戶的角度來(lái)看,交互和視覺(jué)呈現(xiàn)上是否可以有再進(jìn)一步的改進(jìn)空間,是否可以再為團(tuán)隊(duì)節(jié)省一些時(shí)間與資源。這樣看來(lái)就比較好理解了。
設(shè)計(jì)是個(gè)細(xì)致的活,需要大伙一丟丟的耐心,不僅是對(duì)作品,也是對(duì)自己的一種磨練,人進(jìn)步了,會(huì)發(fā)現(xiàn)做其他事情也沒(méi)那么難了。
專欄作家
Sophiallg,微信公眾號(hào):Sophia的玲瓏閣,人人都是產(chǎn)品經(jīng)理專欄作家。一枚愛(ài)折騰,愛(ài)健身的交互設(shè)計(jì)妹紙。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
雖然只是羅列了一些要點(diǎn),平時(shí)工作中也可以用來(lái)提醒自己了,挺好的
內(nèi)容整體的思考缺少,并且缺少各條思考之間的邏輯關(guān)系思考。只是羅列沒(méi)有太多的意義。