ui面試的技巧

時(shí)間：2020-10-23 08:27:54 面試技巧我要投稿

關(guān)于ui面試的技巧

　　一、UI設(shè)計(jì)面試12個(gè)問(wèn)題需要注意

關(guān)于ui面試的技巧

　　1. 你的 UI 是否高度一致?

　　用戶來(lái)到你的站點(diǎn)，腦子里會(huì)保持著一種思維習(xí)慣，你的 UI 需要保持一致，以免用戶的思維方向被打亂。比如，如果你的某個(gè)品目下的產(chǎn)品可以拖放到購(gòu)物車，那你站點(diǎn)中所有產(chǎn)品都應(yīng)該可以這樣操作。將按鈕放到不同頁(yè)面相似的位置，使用相契合的配色，使用一致的語(yǔ)法和書(shū)寫(xiě)習(xí)慣，同時(shí)，讓你的頁(yè)面擁有一致的結(jié)構(gòu)。

　　2.用戶能自由掌控自己的操作嗎?

　　你應(yīng)當(dāng)分析一下，自己的站點(diǎn)是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為，確保他們能從某個(gè)地點(diǎn)跳出，能夠毫無(wú)障礙地退出。那些在用戶離開(kāi)前彈出窗口的行為是 UI 易用性的一個(gè)大問(wèn)題。

　　3.你知道誰(shuí)是你的用戶群?jiǎn)?

　　要設(shè)計(jì)有效的 UI，必須對(duì)你的用戶群有所了解，不同的用戶階層對(duì)不同的設(shè)計(jì)元素有不同的理解，17~25 歲年齡段的人，和 40~55 年齡斷的人有不同的喜好。你的 UI 設(shè)計(jì)必須針對(duì)你的用戶群進(jìn)行設(shè)計(jì)。

　　4.你是否有足夠的預(yù)防錯(cuò)誤的措施?

　　應(yīng)該盡可能檢查程序中的錯(cuò)誤和 BUG，雖然你可以彈出一個(gè)窗口告訴用戶發(fā)生了什么，但為了更好的用戶體驗(yàn)，最好減少這些東西。Beta 測(cè)試是消減錯(cuò)誤的最好方法。

　　5.你是否首先將最重要的東西展示給用戶?

　　將重點(diǎn)放在重要的內(nèi)容上面，首先為用戶展示最重要的內(nèi)容，以便用戶更好地理解你的內(nèi)容。

　　6.你的設(shè)計(jì)是否簡(jiǎn)約?

　　很多站點(diǎn)的設(shè)計(jì)十分簡(jiǎn)約，簡(jiǎn)約設(shè)計(jì)可以增強(qiáng) UI 的易用性，可以讓用戶不必關(guān)心那些無(wú)關(guān)的信息。你的 UI 應(yīng)該是這樣的，它的功能很強(qiáng)大，但設(shè)計(jì)很簡(jiǎn)約，擁擠的界面，不管功能多么強(qiáng)大，都會(huì)嚇跑用戶。

　　7.你是否使用了視覺(jué)提示?

　　如果你使用了 Ajax， Flash 一類的技術(shù)，當(dāng)內(nèi)容在加載的時(shí)候，應(yīng)當(dāng)提供

　　視覺(jué)提示，應(yīng)當(dāng)始終讓用戶知道目前在做什么。

　　8.你的 UI 是否有操作提示?

　　你的用戶是否靠自己研究或 FAQ 文檔學(xué)習(xí)如何操作?你應(yīng)當(dāng)在 UI 現(xiàn)場(chǎng)提供簡(jiǎn)單的操作提示，比如，使用jQuery在你的各個(gè) UI 元素上顯示操作提示。

　　9.你的內(nèi)容是否清晰?

　　確保你的文本準(zhǔn)確，清晰，易懂。

　　10.你如何使用色彩?

　　色彩是 UI 的重要元素，不同的顏色代表不同的情緒，你對(duì)色彩的使用應(yīng)當(dāng)和站點(diǎn)以及主題相契合。還應(yīng)注意，有的用戶是色盲，你應(yīng)當(dāng)考慮到他們的感受。色彩的使用應(yīng)該一致，一旦選定了某種配色，就應(yīng)該在整個(gè)站點(diǎn)一致使用這種配色。

　　11.你的 UI 是否大象無(wú)形?

　　UI Engineering 曾經(jīng)說(shuō)過(guò)，”最好的設(shè)計(jì)不是用來(lái)看的，是用來(lái)體驗(yàn)的"。這意味著，你的UI 應(yīng)該讓用戶去體驗(yàn)，而不是放一些花哨的'東西給用戶看。UI 設(shè)計(jì)越簡(jiǎn)單，用戶體驗(yàn)越好，不要濫用設(shè)計(jì)元素，不要使用擁擠的界面。

　　12.你的 UI 是否有良好的結(jié)構(gòu)?

　　你的 UI 中，各個(gè)元素應(yīng)當(dāng)放在他們應(yīng)當(dāng)放的位置，總體結(jié)構(gòu)應(yīng)當(dāng)清晰，一致，相互關(guān)聯(lián)，那些不相關(guān)的東西應(yīng)當(dāng)單獨(dú)放置。

　　二、UI設(shè)計(jì)前端設(shè)計(jì)師的面試過(guò)程

　　Palantir Technologies是一家提供分析、整合、可視化各種數(shù)據(jù)的IT型

　　技術(shù)公司。在該公司，前端工程師和后端工程師有同樣的面試過(guò)程，前端工程師也需要的一定的編程基礎(chǔ)。該公司技術(shù)博客PalantirTeckBlog日前發(fā)表了一篇博文《The UI Design Interview》，介紹了該公司面試前端設(shè)計(jì)師的過(guò)程及一些心得。CSDN對(duì)該文章進(jìn)行了編譯，內(nèi)容如下：

　　我們的前端工程師和后端工程師有同樣的面試過(guò)程，例如考算法和編碼。因?yàn)榍岸斯こ處熞_(kāi)發(fā)系統(tǒng)中面向客戶的部分，所以我們希望應(yīng)聘者要有一定的編程基礎(chǔ)�，F(xiàn)在就開(kāi)始談?wù)勎覀兊拿嬖囘^(guò)程。

　　為什么要專門針對(duì)設(shè)計(jì)工程師設(shè)計(jì)面試?

　　我之所以喜歡呆在Palantir的前端工程師團(tuán)隊(duì)里，很大一部分原因是因?yàn)槲覀兛梢匀虆⑴c產(chǎn)品UI界面的設(shè)計(jì)及實(shí)現(xiàn)的過(guò)程。工程師可以和其他工程師以及設(shè)計(jì)師共同參與產(chǎn)品的設(shè)計(jì)，我們可以公開(kāi)地討論我們的想法。UI設(shè)計(jì)師的面試應(yīng)該模仿這種合作設(shè)計(jì)和討論的過(guò)程。這就意味著在面試過(guò)程中，會(huì)要求你設(shè)計(jì)或評(píng)價(jià)一、兩個(gè)UI設(shè)計(jì)，同時(shí)會(huì)考驗(yàn)?zāi)愕膮f(xié)作與討論能力。下面將給出幾點(diǎn)有幫助的建議，在面試中處理相關(guān)設(shè)計(jì)問(wèn)題時(shí)可以牢記。

　　一切都是為了用戶，用戶是任何界面成功與否的裁決者。如果用戶可以簡(jiǎn)單、高效、在直覺(jué)地引導(dǎo)下輕松完成任務(wù)，那我們所做的就成功了。所以我們?cè)谧鲈O(shè)計(jì)的任何階段都要把用戶放在心里。

　　我們?cè)谠O(shè)計(jì)之前最容易犯的錯(cuò)誤就是把我們自己當(dāng)成用戶。和電腦工作本來(lái)就是一個(gè)很孤獨(dú)的工作，它很容易讓我們忘記每個(gè)人會(huì)用不同的方式去體驗(yàn)一個(gè)用戶界面。憑借你設(shè)計(jì)的界面，用戶可以成為一個(gè)完全的新手，也可以成為一個(gè)熟練的系統(tǒng)管理員。

　　想像用戶喜歡什么，是很重要的。先塑造一個(gè)用戶，包括他的姓名、年齡以及職業(yè)。然后問(wèn)自己下面這幾個(gè)問(wèn)題：

　　● 在什么情況下，用戶會(huì)用到這個(gè)功能?在工作時(shí)?在家里?還是在10步之遙的電視前

　　● 以前他們用過(guò)類似的界面嗎?

　　● 他們使用電腦的能力如何?他們會(huì)復(fù)制、粘貼嗎?會(huì)打開(kāi)內(nèi)容菜單嗎?等。當(dāng)為一個(gè)界面添加新功能時(shí)，首先為主要控件(按鈕、列表、文本框)畫(huà)一個(gè)

　　草圖。然后模擬用戶使用該功能方式。

　　當(dāng)草擬你想象中的界面時(shí)，請(qǐng)?jiān)O(shè)身處地地為用戶想想。這時(shí)可以問(wèn)自己以下幾個(gè)問(wèn)題：

　　● 當(dāng)他們想做X這件事時(shí)，他們可以怎么做?

　　● 他們?nèi)绾伟l(fā)現(xiàn)這個(gè)功能?

　　● 接下來(lái)他們想要做什么?

　　● 他們做X這件事的頻率是怎樣的?

　　● 一旦X這件事失敗了，可能會(huì)發(fā)生什么?

　　如此之類的問(wèn)題。問(wèn)問(wèn)自己這些問(wèn)題，考慮這些問(wèn)題可以給你的設(shè)計(jì)帶來(lái)哪些影響，并在設(shè)計(jì)中進(jìn)行修改。

　　面試是一個(gè)很重要的交互過(guò)程。一些面試者不好意思反駁面試官。其實(shí)我們更喜歡相反的觀點(diǎn)。如果你有什么好的主意，不妨表達(dá)出來(lái)。我更喜歡反駁我的面試者，只要他可以通過(guò)辯論、故事來(lái)很好地支持他的觀點(diǎn)。你越清晰地描述你的觀點(diǎn)，越好。

　　要具有創(chuàng)造性，但不要重新設(shè)計(jì)已存在的功能。我曾看見(jiàn)很多面試者僅為顯示一些非常簡(jiǎn)單的數(shù)據(jù)而陷入到十分尷尬的設(shè)計(jì)圈套中。如果你有一組數(shù)據(jù)，使用列表顯示它們就可以了。一般來(lái)說(shuō)，熟悉UI知識(shí)是很有幫助的，因?yàn)樗麄円呀鉀Q了很多設(shè)計(jì)難點(diǎn)。

　　你設(shè)計(jì)的界面要讓用戶快速、輕松地完成任務(wù)，否則就停止這個(gè)界面設(shè)計(jì)。不要添加一些無(wú)關(guān)緊要的功能，而負(fù)累整個(gè)用戶界面。正如 Deiter Rams 名言“好的設(shè)計(jì)越簡(jiǎn)單越好”。這不僅適用于界面設(shè)計(jì)同樣適用于產(chǎn)品設(shè)計(jì)。

　　如果你想快速、容易地判斷出新加功能的簡(jiǎn)便性，僅需要數(shù)一下在這個(gè)界面上用戶需要點(diǎn)擊幾下才能完成這個(gè)任務(wù)。如果用戶必須要從鼠標(biāo)轉(zhuǎn)移到鍵盤(pán)上，轉(zhuǎn)換一次記數(shù)為二。

　　如何做準(zhǔn)備。如果你曾經(jīng)做過(guò)設(shè)計(jì)工作，并有團(tuán)隊(duì)協(xié)作經(jīng)驗(yàn)，我們這歡迎你，你將會(huì)做得更好。如果你還沒(méi)什么經(jīng)驗(yàn)，下面幾個(gè)方法可以幫助你提高設(shè)計(jì)技能：

　　● 如果你仍在上學(xué)，建議多參加一些基于項(xiàng)目的課程。這樣可以讓你獲得更多實(shí)際設(shè)計(jì)經(jīng)驗(yàn)。

　　● 要利用一切機(jī)會(huì)培養(yǎng)你的設(shè)計(jì)觀念。不斷地問(wèn)自己：“如何才能設(shè)計(jì)得與眾不同?如何才能把它設(shè)計(jì)得更好?”你問(wèn)得自己越多，他們就越會(huì)變成一種無(wú)意識(shí)、自然的行為。不久你就會(huì)更加想了解日常生活中關(guān)于所有事情的設(shè)計(jì)。

　　● 真正設(shè)計(jì)一些東西，并關(guān)注UI。

　　● 請(qǐng)人評(píng)論一下你的作品。讓有設(shè)計(jì)經(jīng)驗(yàn)的人看看你的設(shè)計(jì)作品，他們會(huì)指出你從未發(fā)現(xiàn)的問(wèn)題。

　　● 研讀更多關(guān)于UI/UX/HCI/infoviz的書(shū)籍�，F(xiàn)在有大量好的書(shū)箱和博客。像Alan Cooper的《About Face》，Stephen Few的《Now You See It》和Steve Krug的《Don’t Make Me Think》值得閱讀。

　　三、UI設(shè)計(jì)師面試題目集錦

　　1、在你所見(jiàn)的平面設(shè)計(jì)作品中你認(rèn)為哪些國(guó)家或地區(qū)的作品令你印象深一些?為什么?

　　2、國(guó)內(nèi)你最欣賞的平面設(shè)計(jì)師有哪些?

　　3、國(guó)內(nèi)的平面設(shè)計(jì)作品對(duì)你印象最深的是哪些?

　　4、你認(rèn)為最成功的平面設(shè)計(jì)作品是什么,舉一二例子說(shuō)明一下?

　　5、國(guó)外的發(fā)達(dá)國(guó)家的平面設(shè)計(jì)狀況是怎樣的?

　　6、中國(guó)的平面設(shè)計(jì)與國(guó)外的同行比較有什么樣的優(yōu)勢(shì)與不足?

　　7、國(guó)內(nèi)做平面設(shè)計(jì)最發(fā)達(dá)的地區(qū)有哪些?這什么?

　　8、國(guó)內(nèi)做平面設(shè)計(jì)工作的一般是有什么教育背景的人員?

　　9、國(guó)內(nèi)發(fā)達(dá)地區(qū)平面設(shè)計(jì)的一般收入狀況是怎樣的呢?

　　10、你曾經(jīng)服務(wù)的企業(yè)你認(rèn)為最得意的作品是什么?

　　11、你是如何理解設(shè)計(jì)工作的?