ui面試的技巧

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

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

　　一、UI設(shè)計面試12個問題需要注意

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

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

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

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

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

　　3.你知道誰是你的用戶群嗎?

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

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

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

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

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

　　6.你的設(shè)計是否簡約?

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

　　7.你是否使用了視覺提示?

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

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

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

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

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

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

　　10.你如何使用色彩?

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

　　11.你的 UI 是否大象無形?

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

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

　　你的 UI 中，各個元素應(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è)計前端設(shè)計師的面試過程

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

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

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

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

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

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

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

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

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

　　● 以前他們用過類似的界面嗎?

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

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

　　當(dāng)草擬你想象中的界面時，請設(shè)身處地地為用戶想想。這時可以問自己以下幾個問題：

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

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

　　● 接下來他們想要做什么?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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