UI 設(shè)計(jì)目前已經(jīng)越來(lái)越受到行業(yè)和社會(huì)的重視,其對(duì)產(chǎn)品的成敗也越來(lái)越起到舉足輕重的作用。中培偉業(yè)《高品質(zhì)用戶體驗(yàn)與UI設(shè)計(jì)開發(fā)》培訓(xùn)專家尹老師指出,要做好UI設(shè)計(jì)和用戶體驗(yàn),應(yīng)該遵循以下大原則。
1. 充分溝通
一個(gè)設(shè)計(jì)師判斷他水平的高低,設(shè)計(jì)能力不是最優(yōu)先,而是溝通能力,以及解決問(wèn)題的能力。畢竟,一個(gè)產(chǎn)品是否優(yōu)秀,客戶滿意才是評(píng)判標(biāo)準(zhǔn)。因此,UI設(shè)計(jì)師在開展工作的整個(gè)過(guò)程中都應(yīng)該于客戶保持密切和積極溝通。
2. 注意細(xì)節(jié)
日常的生活中,為什么我們會(huì)對(duì)一家店產(chǎn)生好感,覺得他們服務(wù)好,讓人覺得花大價(jià)錢都值。是因?yàn)樗麄冊(cè)诜?wù)中的細(xì)節(jié)把握的到位,舉個(gè)例子:上周和倆兄弟去擼串,特地找了一家五星級(jí)好評(píng)的燒烤店,一家門面很普通的燒烤店,生意卻極好,足足等了50分鐘終于輪到我們了,在上菜的同時(shí)服務(wù)員會(huì)詳細(xì)給我們說(shuō)明我們將要擼的幾個(gè)串分別是幾串和幾串,并且每次上菜都會(huì)提醒顧客注意菜品燙口,當(dāng)生蠔有一只偏小的時(shí)候給我們額外加了一只,食用完的鐵簽可以放到邊上的竹筒內(nèi)以便回收同時(shí)安全不至于扎到顧客,最后加上燒烤的味道確實(shí)不錯(cuò),價(jià)格也很實(shí)惠,這樣的店能拿到五個(gè)星好評(píng)就不奇怪了。
我們?cè)谧鯱I驗(yàn)收的時(shí)候,是否也會(huì)注意到細(xì)節(jié),例如對(duì)齊,統(tǒng)一性,1pxdp)的誤差?是否和開發(fā)妥協(xié)并沒(méi)有完全按照效果圖來(lái)實(shí)現(xiàn)?往往細(xì)節(jié)的忽略會(huì)導(dǎo)致整個(gè)產(chǎn)品看起來(lái)不精致。
3. 驗(yàn)收要規(guī)范
我們通常驗(yàn)收的時(shí)候會(huì)將開發(fā)做好的頁(yè)面截圖下來(lái),對(duì)比著效果圖來(lái)做大家來(lái)找茬。但是往往會(huì)這里漏一些那里漏一些,那么如何才能更完整細(xì)致的驗(yàn)收UI稿呢,這里整理了一下方法:
(1)根據(jù)UI KIT組件整體驗(yàn)收,所有元素-控件-頁(yè)面風(fēng)格對(duì)照開發(fā)之前所做的組建庫(kù)對(duì)應(yīng)檢查。
(2)對(duì)應(yīng)標(biāo)注后的效果圖來(lái)調(diào)整開發(fā)頁(yè)面,并按順序列出需要改的點(diǎn)。為什么需要一一列出,因?yàn)槲覀兿胱岄_發(fā)改視覺bug的時(shí)候,如果開發(fā)正在改更為重要的測(cè)試提出的功能bug,這個(gè)時(shí)候不做序列排列bug,開發(fā)會(huì)便會(huì)遺漏。(經(jīng)驗(yàn)tips:文字自帶有上下的空隙,標(biāo)注時(shí)工具會(huì)將空隙自動(dòng)算入標(biāo)注的數(shù)值中)
(3)注意異常流頁(yè)面。很多時(shí)候UI驗(yàn)收完所有可見頁(yè)面之后,以為大功告成,但是還有一些隱性頁(yè)面依然沒(méi)有被發(fā)現(xiàn),比如為空頁(yè)面,斷網(wǎng)頁(yè)面,請(qǐng)求失敗頁(yè)面,toast,彈框等。
(4)控件及頁(yè)面的交互。將所有頁(yè)面跳轉(zhuǎn)動(dòng)效統(tǒng)一,對(duì)照交互說(shuō)明幫助交互設(shè)計(jì)驗(yàn)收頁(yè)面動(dòng)效,不要怕越俎代庖,不要覺得幫別人驗(yàn)收他們的部分就是吃虧,整一個(gè)產(chǎn)品需要所有人共同努力來(lái)完善,產(chǎn)品才能做到極致。