交互設(shè)計筆試問題

9/9交互設(shè)計筆試問題：1平面設(shè)計工作的流程1)進行設(shè)計需求分析2)供應(yīng)設(shè)計構(gòu)思3)收集整理資料4)選擇相關(guān)軟件進行制作5)依據(jù)領(lǐng)導(dǎo)或客戶的意見進行修改6)成稿2.用戶體驗用戶體驗（userexperience）是一種純主觀的、在用戶使用產(chǎn)品過程中建立起來的感受。但是對于一個界定明確的用戶群來講，其用戶體驗的共性是能夠竟有良好的設(shè)計實驗來生疏到。好的用戶體驗，是一種“自然”的體驗。3.對用戶體驗及相關(guān)行業(yè)閱讀過的書籍洞悉用戶——用戶商量方法及引用認(rèn)知心理學(xué)4.列出至少5個國內(nèi)外對應(yīng)網(wǎng)站BaiduVSGOOGLETAOBAOVSAMAZON/EBAYTudou/YOUTUBERENREN/FACEBOOKWEIBO/TWITTER5.jpg和gif格式的不同點？各自應(yīng)用在哪些場合1).jpg格式是由一個軟件開發(fā)聯(lián)合組織制定的有損壓縮格式，用最少的空間得到較好的圖像品質(zhì)。對顏色的信息保留較好，適合應(yīng)用于互聯(lián)網(wǎng)和需要連續(xù)色調(diào)的圖像如照片。2).gif格式是一種基于LZW算法的連續(xù)色調(diào)無損壓縮格式，它的另一個特點是可以存多幅彩色圖像，可以構(gòu)成最簡潔的動畫。GIF文件支持透明特性，有大量的軟件使用GIF圖像文件，它還適用于icon圖。3).png格式是基于公共專利壓縮算法的無損壓縮格式，支持8位和24位圖像。PNG文件也支持透明特性，8位的PNG圖片與GIF圖片基本相同，24位的PNG可以支持Alpha透明效果，適合用于需要與背景完善融合場合。6.怎樣理解“設(shè)計”二字設(shè)計其實是一種由簡潔到簡單，由簡單到簡潔的重復(fù)循環(huán)的過程。把自己的想法通過視覺的形式手法來展現(xiàn)出來的過程，或者是依據(jù)大事的性質(zhì)要求，作出計劃。設(shè)計不單是藝術(shù)的展現(xiàn)，絕大多數(shù)是將藝術(shù)最大程度的轉(zhuǎn)化為商業(yè)價值，讓受眾對設(shè)計展現(xiàn)的美和對生活的質(zhì)量有所追求，算是一種以商業(yè)為目的進行的藝術(shù)創(chuàng)作7.好的設(shè)計有什么標(biāo)準(zhǔn)詳見附文一好的設(shè)計具有創(chuàng)意性，有新意，有創(chuàng)新二好的設(shè)計要美，符合大多數(shù)受眾的審美觀三好的設(shè)計要要有重點，簡潔明白，醒目，讓人一目了然，吸引人的注意，讓人過目不忘四好的設(shè)計要既要細節(jié)做到精細，整體還要美觀大方,細節(jié)決定成敗，設(shè)計也一樣，要細心的處理細節(jié)，同時還要注意整體的平衡性。8.中外web設(shè)計優(yōu)劣對比優(yōu)勢：從業(yè)人數(shù)較多，同時中國的很多設(shè)計師的借鑒能力都很強，這樣的話，節(jié)省了時間和成本，還吸取了國外的精華。中國的歷史文化博大精深，為設(shè)計供應(yīng)了無窮盡的素材和思想，比如最近流行的中國風(fēng)。不足：設(shè)計的理論和方法比較落后，web設(shè)計在中國興起時間不長，很多理論和方法都需要借鑒國外的知識。大多數(shù)的web設(shè)計在可操作性上不是很好。優(yōu)秀設(shè)計師所應(yīng)該具有的能力設(shè)計師需要身具四個同等重要的素養(yǎng)：制造力、清晰表達、適應(yīng)力和推斷力。一句話解釋交互設(shè)計交互設(shè)計是讓產(chǎn)品更容易使用，讓用戶更加愉悅的技術(shù)為什么現(xiàn)在的網(wǎng)站登錄名都用郵箱地址？便利用戶記憶便利聯(lián)系用戶，或進行營銷找回用戶密碼郵箱沒有重復(fù)的附文：原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實現(xiàn)模型

就是把后臺原來很簡單的事情通過設(shè)計符合用戶日常生活中常用的掃瞄方式或操作方式。其實這一點是設(shè)計師把生活中的細節(jié)和數(shù)據(jù)結(jié)合的分散點，用戶的心理模型抓的越準(zhǔn)，界面就會越優(yōu)秀。

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

原則2：培育用戶使用情景的思維方式做設(shè)計

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

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

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

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

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

原則3：盡量少的讓用戶輸入，輸入時盡量多給出參考

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

百度音樂的搜尋先是把近期最熱門的歌曲依次排列在列表中，當(dāng)有字輸入時，會消失歌手的候選詞，這里值得贊揚的是百度音樂的搜尋能依據(jù)用戶輸入的字來推斷用戶是搜尋歌手還是歌名。

百度地圖也是我用得比較順手的一個地圖導(dǎo)航應(yīng)用，在削減輸入方面也做的比較出色，百度地圖擁有cookies功能,另外就是百度搜尋的技術(shù)應(yīng)用在地名的匹配中也很讓人欣喜，在用戶輸入到一半的時候，下面的候選列表就消失了目標(biāo)地址，用戶直接停止輸入點擊列表即可。

原則4：全局導(dǎo)航需要始終存在，最好還能預(yù)覽其他模塊的動態(tài)

全局導(dǎo)航在Web交互設(shè)計中比較容易做到，在手機移動端全局導(dǎo)航要看產(chǎn)品設(shè)計的需求，什么功能需要全局導(dǎo)航，社交應(yīng)用通常是：消息，通知，懇求；音樂視頻應(yīng)用通常是：下載，搜尋；工具類產(chǎn)品常常是核心工具條（toolbar)比如掃瞄器，語音助理，音樂識別應(yīng)用等等。

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

Facebook的伴侶懇求，消息，通知都是接受全局導(dǎo)航的方式，就是面板設(shè)計的丑了些~

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

原則5：供應(yīng)非模態(tài)的反饋，不打斷任務(wù)流

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

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

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

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

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

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

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

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

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

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

原則8：為了程序響應(yīng)的速度，設(shè)計有時候需要擔(dān)當(dāng)掩護的作用

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

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

#提前傳輸#Instagram中發(fā)布帖子的時候，用戶處理完照片點擊“上傳”按鈕就看到中間的界面，這時候界面是讓用戶去為自己的帖子輸入一個主題，或者去設(shè)置共享等功能，同時我們可以看到紅色框中的“菊花瓣”，很明顯后臺已經(jīng)開頭傳輸剛才上傳的照片了，所以當(dāng)用戶在點