交互設計筆試題總結

1平面設計工作的流程1)進行設計需求分析；2)提供設計構思；3)收集整理資料；4)選擇相關軟件進行制作；

5)根據(jù)領導或客戶的意見進行修改；6)成稿。

2用戶體驗（UE）是一種純主觀的，在用戶使用產品過程中建立起來的感受。但是對于一個界定明確的用戶群來講，其用戶體驗的共性是能夠竟有良好的設計實驗來認識到。好的用戶體驗，是一種“自然”的體驗。

一、問答題。

3對用戶體驗及相關行業(yè)閱讀過的書籍。

4列出至少5個國內外對應網站？

GoogleVS百度FacebookVS人人Twitter(140字符)VS微博eBayVS淘寶AmazonVS京東YouTubeVS優(yōu)酷土豆grouponVS拉手網

5jpg和gif格式的不同點，各自應用在哪些場合。

1).jpg格式是由一個軟件開發(fā)聯(lián)合組織制定的有損壓縮格式，用最少的空間得

到較好的圖像品質。對色彩的信息保留較好，適合應用于互聯(lián)網和需要連續(xù)色調的圖像如照片。

2).gif格式是一種基于LZW算法的連續(xù)色調無損壓縮格式，它的另一個特點是

可以存多幅彩色圖像，可以構成最簡單的動畫。GIF文件支持透明特性，有大量的軟件使用GIF圖像文件，它還適用于icon圖。

3).png格式是基于公共專利壓縮算法的無損壓縮格式，支持8位和24位圖像。

PNG文件也支持透明特性，8位的PNG圖片與GIF圖片基本相同，24位的PNG可以支持Alpha透明效果，適合用于需要與背景完美融合場合。

6怎樣理解“設計”二字？

7好的設計有什么標準？

8中國web設計與外國的同行比較有哪些優(yōu)勢和不足。

9說說優(yōu)秀的設計師需要哪些素質和能力。

10一句話解釋交互設計

11比較一般的網頁翻頁設計和移動平臺產品的翻頁設計。

12網站首頁常常會放大量的分類信息和導航欄，怎樣改進并提升用戶體驗？

13為什么現(xiàn)在的網站注冊名都要用郵箱地址？

二、分析題。

14列出至少5個生活中用戶體驗不方便的案例，如電梯的上與下。選擇上述5個案例之一進行分析并解決之。

15說一下你覺得用戶體驗最好的互聯(lián)網產品有哪些，為什么？

16近三個月著重觀察的互聯(lián)網產品列表。

17小A是一個交互設計師，某日接到一個任務，設計一個表單，一共只有三個輸入框，而且都是必填項。小A就開始犯愁了：如果有一項是必填的，我可以給它加上”*”，那剩下的兩項就不是必填的。但現(xiàn)在三項都是必填的，我怎么把這個信息表達給用戶呢？另外，如果我把這個信息表達得過于明顯了，用戶當然都會偷懶不填的。那我怎么才能收集到盡可能多的用戶輸入呢？這分寸的把握比談戀愛還難了，怎么辦呢？

請用盡可能簡短的文字表述您的解決方案。如果您對這道題目本身有異議，也可以敘述您的見解。

三、畫圖題。

18畫出從淘寶買東西的一個高保真流程圖。從將貨物添加到購物車到確認訂單中間的所有流程和反饋。

20畫郵件發(fā)送流程圖。在發(fā)送郵件過程中，若小于50M，正常郵件界面發(fā)送，若大于50M，進入超大附件界面，此時進行判斷，條件一：開通手機郵件功能，條件二：安裝手機郵件插件。只有在這兩條件都滿足的情況下，才可以成功發(fā)送，否則不成功。

四、設計題。

21某公司為合作客戶建立信息列表，大約有1000個客戶，近五年的記錄都在里面�，F(xiàn)在讓你設計一個列表頁面，來顯示客戶信息。畫出原型和寫設計說明。

22假設有一個”CEO服裝網”，它的主營業(yè)務是針對中國的大公司CEO們銷售各式服裝。請您為該網站設計一個簡單的Persona（注意，僅一個）

23未來的社交信息超級聚合器。未來的移動互聯(lián)用戶的信息分散在新浪微博、騰訊微博、QQ、QQ空間、人人、開心、facebook等多處，你需要在iPad（或AndroidPad）平板平臺上設計一款聚合軟件，吧用戶身邊好友的信息，其他（通過你對用戶情況的分析）信息（如淘寶信息、天氣……）整合到一個適合平臺閱讀的界面中去，需要兼顧其可用性和游戲性。

24北京三里屯有一家AppleStore，每當有新產品剛發(fā)售的時候總是有很多客戶來排隊購買，中間摻雜著一些黃牛黨。設計一款供該商店使用的觸摸屏手機app，提供新品發(fā)售排隊的客戶排號用，保證：

25公司向針對“節(jié)假日回家”這一行為開發(fā)一款互聯(lián)網產品，需要寫一個項目策劃，用戶潛在需求，時間和工作人員分工，功能流程框架，網站首頁草圖和另外某一屏草圖。

不再只是一味的追求視覺或實現(xiàn)產品功能、結構等，而是視覺、可用性一個都不能少。

如何壓縮可用的圖片？如何設計網頁的色彩？如何給頁面信息歸類排列優(yōu)先級？如何架構一個頁面、一個網站？最后如何熟練使用軟件完成設計？

1簡單的智力計算題，只要審題仔細的話肯定沒問題的2網絡常識，外國的社交網站，視頻網站考你一下3JavaSrcipt基本知識，設計原則什么的填空題：

1Chrome瀏覽器內核

Trident內核：IE,MaxThon,TT,TheWorld,360,搜狗瀏覽器等

Gecko內核：Netscape6及以上版本，F(xiàn)F,MozillaSuite/SeaMonkey等Presto內核：Opera7及以上Webkit內核：Safari,Chrome等典型的雙核瀏覽器包括：

搜狗2.0：Trident內核和WebKit內核傲游3.0Beta：Trident和WebKit內核QQ瀏覽器5：Trident內核和WebKit內核

2Twitter一次能最多能發(fā)多少字符13電容式屏幕和電阻式屏幕的比較

1)電阻屏在觸模時需要輕觸壓按，而電容屏即使很輕微的手指觸碰感應就能激

活。

2)電阻屏可以用任何物體來觸摸，而電容屏是人體熱感應工作原理，只能用手

指的熱感區(qū)來觸摸，指甲和手寫筆均無效。

3)電容屏可以很容易進行多點觸摸，電阻屏一般不能實現(xiàn)多點觸摸的。4)電阻屏內部是軟的，一般是在4到5層超薄的鋼化玻璃中間夾雜細微的炭粒

（顯微鏡下才能看見），通過按壓導致上下兩層的炭粒相互接觸而接通觸屏電路，產生觸摸反應，容易產生出油、劃痕，易壞，容易觸屏不靈，而電容屏都是采用單層加厚鋼化玻璃，硬度大，耐舊，使用壽命長。

5)電阻屏在陽光下可視性稍差，電容屏則非常好，在陽光寫可視性依然很強。6)熱感電容屏的成本比普通按壓式電阻屏貴50美金,使用壽命是普通電阻屏的

2倍,因此熱感電容屏一般使用于高檔高端手機上,電阻屏一般使用于普通手機上。

4舉兩個社交媒體網站

開心網人人網QQ空間朋友網Facebook豆瓣珍愛百合世紀佳緣QQ空間基于6.37億活躍QQ用戶的中國最大的社交網絡。Qzone的問題不在于數(shù)量，而是這種基于昵稱的社交圖譜的質量。

Renren是中國實名社交網站的領頭羊。它為中國的SNS設立了標準，但是仍然面對著其他社交網站的挑戰(zhàn)，比如騰訊朋友，Kaixin001。

附加題：

用戶喜歡在用QQ簽名存一些網址，電話等信息備忘，但QQ簽名檔不是針對此進行設計的，請?zhí)岢鼋鉀Q方案

擴展閱讀：交互設計筆試問題

交互設計筆試問題：

1平面設計工作的流程

1)進行設計需求分析2)提供設計構思3)收集整理資料

4)選擇相關軟件進行制作

5)根據(jù)領導或客戶的意見進行修改6)成稿

2.用戶體驗

用戶體驗（userexperience）是一種純主觀的、在用戶使用產品過程中建立起來的感受。但是對于一個界定明確的用戶群來講，其用戶體驗的共性是能夠竟有良好的設計實驗來認識到。好的用戶體驗，是一種“自然”的體驗。

3.對用戶體驗及相關行業(yè)閱讀過的書籍

洞悉用戶用戶研究方法及引用認知心理學

4.列出至少5個國內外對應網站

BaiduVSGOOGLE

TAOBAOVSAMAZON/EBAYTudou/YOUTUBERENREN/FACEBOOKWEIBO/TWITTER

5.jpg和gif格式的不同點？各自應用在哪些場合

1).jpg格式是由一個軟件開發(fā)聯(lián)合組織制定的有損壓縮格式，用最少的空間得到較好的圖像品質。對色彩的信息保留較好，適合應用于互聯(lián)網和需要連續(xù)色調的圖像如照片。2).gif格式是一種基于LZW算法的連續(xù)色調無損壓縮格式，它的另一個特點是可以存多幅彩色圖像，可以構成最簡單的動畫。GIF文件支持透明特性，有大量的軟件使用GIF圖像文件，它還適用于icon圖。

3).png格式是基于公共專利壓縮算法的無損壓縮格式，支持8位和24位圖像。PNG文件也支持透明特性，8位的PNG圖片與GIF圖片基本相同，24位的PNG可以支持Alpha透明效果，適合用于需要與背景完美融合場合。

6.怎樣理解“設計”二字

設計其實是一種由簡單到復雜，由復雜到簡單的重復循環(huán)的過程。把自己的想法通過視覺的形式手法來展現(xiàn)出來的過程，或者是根據(jù)事件的性質要求，作出計劃。設計不單是藝術的展現(xiàn)，絕大多數(shù)是將藝術最大程度的轉化為商業(yè)價值，讓受眾對設計展現(xiàn)的美和對生活的質量有所追求，算是一種以商業(yè)為目的進行的藝術創(chuàng)作

7.好的設計有什么標準

詳見附文

一好的設計具有創(chuàng)意性，有新意，有創(chuàng)新二好的設計要美，符合大多數(shù)受眾的審美觀

三好的設計要要有重點，簡單明了，醒目，讓人一目了然，吸引人的注意，讓人過目不忘四好的設計要既要細節(jié)做到精細，整體還要美觀大方,細節(jié)決定成敗，設計也一樣，要精心的處理細節(jié)，同時還要注重整體的平衡性。

8.中外web設計優(yōu)劣對比

優(yōu)勢：從業(yè)人數(shù)較多，同時中國的很多設計師的借鑒能力都很強，這樣的話，節(jié)約了時間和成本，還吸收了國外的精華。中國的歷史文化博大精深，為設計提供了無窮盡的素材和思想，比如最近流行的中國風。

不足：設計的理論和方法比較落后，web設計在中國興起時間不長，很多理論和方法都需要借鑒國外的知識。大多數(shù)的web設計在可操作性上不是很好。

優(yōu)秀設計師所應該具有的能力

設計師需要身具四個同等重要的素質：創(chuàng)造力、清晰表達、適應力和判斷力。

一句話解釋交互設計

交互設計是讓產品更容易使用，讓用戶更加愉悅的技術

為什么現(xiàn)在的網站登錄名都用郵箱地址？

1.方便用戶記憶

2.方便聯(lián)系用戶，或進行營銷3.找回用戶密碼4.郵箱沒有重復的

附文：

原則1：用戶界面應該是基于用戶的心里模型，而不是基于工程實現(xiàn)模型

就是把后臺本來很復雜的事情通過設計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設計師把生活中的細節(jié)和數(shù)據(jù)結合的凝聚點，用戶的心理模型抓的越準，界面就會越優(yōu)秀。

#左邊界

面#：大眾點評新版的價格的搜索就比之前改得更符合用戶心里模型；#右邊界面#：食神搖搖的搖動手機找餐廳更加符合大眾用戶的心里，大家應該都有那種中午不知道去哪家餐廳就餐，那么就搖一搖來隨機抽出一個附近的餐廳。

原則2：培養(yǎng)用戶使用情景的思維方式做設計

要做到這個原則其實是很難的，需要長期的實戰(zhàn)經驗才能做到這點。

那我們都知道米聊出的比微信早，但后來被微信反超，個人認為不光是QQ幫了微信很大忙，比如用戶登錄門檻低，用戶來源，廣告打得響之類的，其實在用戶使用情景方面米聊研究的沒有微信透徹。

對于一個社交即時通訊產品，添加好友的功能是好友匯聚的來源，雖然米聊微信都綁定手機通訊錄，但話又說回來，用戶找手機通訊錄聯(lián)系人語音聊天的還是比較少。添加好友是引導用戶去發(fā)現(xiàn)好友，找好友,碰好友的一扇門。所以對于這么重要的功能放置在應用程序的哪個位置，在產品前期就會讓用戶明顯的去選擇用哪個應用，因為聊天工具的前提是要有人和你聊天。再回到現(xiàn)實的界面中來，看看下面的對比：微

信1.0的時候（我這里只截了4.0的圖）把添加好友放置主Tab上，方便用戶很快的添加好友

米

聊2.0時還是把添加好友放置在好友列表的第一排，用戶很難發(fā)現(xiàn)

原則3：盡量少的讓用戶輸入，輸入時盡量多給出參考移動端的虛擬鍵盤一直是科技界無法解決的一個難題，虛擬鍵盤的主要缺點：1.輸入定位無法反饋，所以無法形成高效的盲打；2.虛擬鍵盤的空間限制，手指的點擊經常造成誤按。光是上面這兩點就讓虛擬鍵盤在輸入上大打折扣，所以我們在設計應用程序時，只要遇到InputBox的控件時，首先就要想到盡量讓用戶少輸入，或者智能的給出參考。

百度音樂的搜

索先是把近期最熱門的歌曲依次排列在列表中，當有字輸入時，會出現(xiàn)歌手的候選詞，這里值得稱贊的是百度音樂的搜索能根據(jù)用戶輸入的字來判斷用戶是搜索歌手還是歌名。

百度地圖也是

我用得比較順手的一個地圖導航應用，在減少輸入方面也做的比較出色，百度地圖擁有cookies功能,另外就是百度搜索的技術應用在地名的匹配中也很讓人欣喜，在用戶輸入到一半的時候，下面的候選列表就出現(xiàn)了目標地址，用戶直接停止輸入點擊列表即可。

原則4：全局導航需要一直存在，最好還能預覽其他模塊的動態(tài)

全局導航在Web交互設計中比較容易做到，在手機移動端全局導航要看產品設計的需求，什么功能需要全局導航，社交應用通常是：消息，通知，請求；音樂視頻應用通常是：下載，搜索；工具類產品經常是核心工具條（toolbar)比如瀏覽器，語音助理，音樂識別應用等等。

全局導航的價值在于可以讓用戶在使用過程中不會丟失信息，減少主頁面和次級頁面之間的跳轉次數(shù)，當然全局導航中的info-task要能在當前頁面完成，如果需要跳轉到新界面，就會失去全局導航的意義，因為當出現(xiàn)多個info-task的時候，就需要用戶不停的進入全局導航頁面來完成。

Facebook的朋友請求，消息，通知都是采用全局導航的方式，就是面板設計的丑了些~

米聊的通知中心，里面包含的通知類型蠻多的，顯得有點凌亂，希望下面的版本會篩選歸類

原則5：提供非模態(tài)的反饋，不打斷任務流

模態(tài)彈出框的書面名稱在iphoneOS中稱作：Alert-box，在AndroidOS中稱：Pop-upbox,我們都知道彈框會打斷任務流，所以在有限的屏幕上怎樣讓這些彈框弱化，或者說優(yōu)雅、紳士的提醒用戶，這個需要設計師來定義。

模態(tài)是指界面中只有提醒彈框才具有可交互行為，其他一切都不可操作；非模態(tài)不會把提醒做成彈框，可能會處理成ListNotification,Toastlist等方式來提醒用戶。

Gmail是第一個把刪除的模態(tài)彈框設計成ListNotification這種方式的，提醒用戶撤銷剛才的刪除操作，這種非模態(tài)的處理，讓刪除的流程更加順暢和輕松自如。

K歌達人第二版的彈框就是模態(tài)處理，界面很不友好，用戶在K歌過程中要被打斷三次才能發(fā)表一首自己唱的歌曲，所以降低了用戶的參與度。

原則6：不要讓用戶等待任務完成，用戶還要發(fā)現(xiàn)更多有意思的地方

移動互聯(lián)的核心就是給用戶帶來移動體驗的方便和高效，這是移動互聯(lián)網Apps需要考慮的，用戶在使用你產品在很多情況下都是碎片時間，所以在設計上盡量讓用戶在短時間內熟悉我們的產品，知道這個產品的誠意，特別是某些等待界面需要設計，不能把一個很枯燥的等待界面呈現(xiàn)在用戶的面前，那用戶很快就會換其他apps。在

Instagram拍完照片后，點擊上傳后，它的處理方式是回到首頁的位置，告訴你的照片正在提交，并不是顯示一個上傳進度的界面，讓用戶看那上傳百分比。因此，我們在設計米吧上傳歌曲文件時也只是告知用戶后臺正在幫你上傳，叫用戶放心，用戶自然就會去玩其他的功能，沒有讓用戶焦慮的等待，等上傳完畢時，我們再用Toastlist通知用戶已經上傳成功，這樣把查看上傳結果的主動權交給用戶。

原則7：自動保存用戶的輸入成果

在移動端，由于輸入面板的復雜性，而且觸摸輸入沒有物理按鍵的反饋自然，特別是手機上去輸入一段文字或者信息，對用戶而言本身就是一件很痛苦的事情；對產品而言，用戶的在你的產品中輸入是一個很值得慶幸的事情，所以設計人員需要讓你的apps自動保存用戶的輸入成果。

微博官方的手機客戶端在用戶輸入信息后，點擊左上角的叉時會彈出Actionsheet來詢問，確認是否要放棄，或者保存為草稿；path的處理則更為人性化，在處于斷網的情景下，用戶依然可以發(fā)布照片和文字，當然后面聯(lián)網成功后，系統(tǒng)會自動上傳，只是發(fā)表時間是連網后發(fā)布的時間點；Instagram的評論也很友好，在斷網或者網絡情況不穩(wěn)定的情景，用戶輸入的評論依然可以發(fā)布，后面會有一個嘆號提醒用戶稍后發(fā)布或者重試，提升了用戶參與的積極行，同時活躍了社區(qū)。原則8：為了程序響應的速度，設計有時候需要擔任掩護的作用

科技并不是萬能的，技術依然是移動互聯(lián)網應用程序最需要優(yōu)化和完善的，作為技術的盟友我們設計人員也需要輔佐他們，讓用戶覺得程序原本就應該是這么運行的。特別是程序響應的速度很多時候不光是技術的問題，與網絡環(huán)境也有很大的關系，這時候設計人員需要考慮這些客觀存在的情況，幫助程序來掩護這些瑕疵，讓用戶感覺到在使用時是流暢的。

#隨后實現(xiàn)#Instagram帖子“贊”不管對參與者還是帖子作者都是激發(fā)其積極性活躍社區(qū)氛圍的重要功能，所以在程序的響應方面一定要具有可用，易用的特性，我們看左圖中，“贊”的按鈕已經現(xiàn)實“已贊”，同時我們看紅色框內的“菊花瓣”就知道后臺在loading贊的數(shù)據(jù)，所以這就是設計的巧妙之處，先讓用戶感知到程序是非�？焖俚�，而不是等loading完之后再顯示“已贊”；

#提前傳輸#Instagram中發(fā)布帖子的時候，用戶處理完照片點擊“上傳”按鈕就看到中間的界面，這時候界面是讓用戶去為自己的帖子輸入一個主題，或者去設置分享等功能，同時我們可以看到紅色框中的“菊花瓣”，很明顯后臺已經開始傳輸剛才上傳的照片了，所以當用戶在點擊“完成”時，數(shù)據(jù)只需要上傳剩下的一部分，讓用戶感知上傳很迅速；

#邊唱邊完成#把伴奏和用戶的歌聲合成為一首音樂時需要后臺處理大量的數(shù)據(jù)，如果分步做就要讓用戶等待比較長的合成時間，為了讓用戶不用枯燥的等待合成，我們需要后臺在用戶唱歌的同時，后臺就已經開始把唱過的伴奏和歌聲合成。

以上八項原則是我在工作中體會比較深刻的交互設計原則，希望能對觀看到這篇博文的朋友有所幫助。當然設計原則是隨著時間的變化而不斷變化的，所以也請各位朋友完善和補充，謝謝！

友情提示：本文中關于《交互設計筆試題總結》給出的范例僅供您參考拓展思維使用，交互設計筆試題總結：該篇文章建議您自主創(chuàng)作。

來源：網絡整理 免責聲明：本文僅限學習分享，如產生版權問題，請聯(lián)系我們及時刪除。

《交互設計筆試題總結》由互聯(lián)網用戶整理提供,轉載分享請保留原作者信息,謝謝!
鏈接地址：http://www.taixiivf.com/gongwen/600334.html

• 上一篇：201*年設計管理總結12年工作計劃
• 下一篇：201*年度工作總結范例