交互設(shè)計(jì)筆試題總結(jié)
1平面設(shè)計(jì)工作的流程1)進(jìn)行設(shè)計(jì)需求分析;2)提供設(shè)計(jì)構(gòu)思;3)收集整理資料;4)選擇相關(guān)軟件進(jìn)行制作;
5)根據(jù)領(lǐng)導(dǎo)或客戶的意見(jiàn)進(jìn)行修改;6)成稿。
2用戶體驗(yàn)(UE)是一種純主觀的,在用戶使用產(chǎn)品過(guò)程中建立起來(lái)的感受。但是對(duì)于一個(gè)界定明確的用戶群來(lái)講,其用戶體驗(yàn)的共性是能夠竟有良好的設(shè)計(jì)實(shí)驗(yàn)來(lái)認(rèn)識(shí)到。好的用戶體驗(yàn),是一種“自然”的體驗(yàn)。
一、問(wèn)答題。
3對(duì)用戶體驗(yàn)及相關(guān)行業(yè)閱讀過(guò)的書(shū)籍。
4列出至少5個(gè)國(guó)內(nèi)外對(duì)應(yīng)網(wǎng)站?
GoogleVS百度FacebookVS人人Twitter(140字符)VS微博eBayVS淘寶AmazonVS京東YouTubeVS優(yōu)酷土豆grouponVS拉手網(wǎng)
5jpg和gif格式的不同點(diǎn),各自應(yīng)用在哪些場(chǎng)合。
1).jpg格式是由一個(gè)軟件開(kāi)發(fā)聯(lián)合組織制定的有損壓縮格式,用最少的空間得
到較好的圖像品質(zhì)。對(duì)色彩的信息保留較好,適合應(yīng)用于互聯(lián)網(wǎng)和需要連續(xù)色調(diào)的圖像如照片。
2).gif格式是一種基于LZW算法的連續(xù)色調(diào)無(wú)損壓縮格式,它的另一個(gè)特點(diǎn)是
可以存多幅彩色圖像,可以構(gòu)成最簡(jiǎn)單的動(dòng)畫(huà)。GIF文件支持透明特性,有大量的軟件使用GIF圖像文件,它還適用于icon圖。
3).png格式是基于公共專利壓縮算法的無(wú)損壓縮格式,支持8位和24位圖像。
PNG文件也支持透明特性,8位的PNG圖片與GIF圖片基本相同,24位的PNG可以支持Alpha透明效果,適合用于需要與背景完美融合場(chǎng)合。
6怎樣理解“設(shè)計(jì)”二字?
7好的設(shè)計(jì)有什么標(biāo)準(zhǔn)?
8中國(guó)web設(shè)計(jì)與外國(guó)的同行比較有哪些優(yōu)勢(shì)和不足。
9說(shuō)說(shuō)優(yōu)秀的設(shè)計(jì)師需要哪些素質(zhì)和能力。
10一句話解釋交互設(shè)計(jì)
11比較一般的網(wǎng)頁(yè)翻頁(yè)設(shè)計(jì)和移動(dòng)平臺(tái)產(chǎn)品的翻頁(yè)設(shè)計(jì)。
12網(wǎng)站首頁(yè)常常會(huì)放大量的分類信息和導(dǎo)航欄,怎樣改進(jìn)并提升用戶體驗(yàn)?
13為什么現(xiàn)在的網(wǎng)站注冊(cè)名都要用郵箱地址?
二、分析題。
14列出至少5個(gè)生活中用戶體驗(yàn)不方便的案例,如電梯的上與下。選擇上述5個(gè)案例之一進(jìn)行分析并解決之。
15說(shuō)一下你覺(jué)得用戶體驗(yàn)最好的互聯(lián)網(wǎng)產(chǎn)品有哪些,為什么?
16近三個(gè)月著重觀察的互聯(lián)網(wǎng)產(chǎn)品列表。
17小A是一個(gè)交互設(shè)計(jì)師,某日接到一個(gè)任務(wù),設(shè)計(jì)一個(gè)表單,一共只有三個(gè)輸入框,而且都是必填項(xiàng)。小A就開(kāi)始犯愁了:如果有一項(xiàng)是必填的,我可以給它加上”*”,那剩下的兩項(xiàng)就不是必填的。但現(xiàn)在三項(xiàng)都是必填的,我怎么把這個(gè)信息表達(dá)給用戶呢?另外,如果我把這個(gè)信息表達(dá)得過(guò)于明顯了,用戶當(dāng)然都會(huì)偷懶不填的。那我怎么才能收集到盡可能多的用戶輸入呢?這分寸的把握比談戀愛(ài)還難了,怎么辦呢?
請(qǐng)用盡可能簡(jiǎn)短的文字表述您的解決方案。如果您對(duì)這道題目本身有異議,也可以敘述您的見(jiàn)解。
三、畫(huà)圖題。
18畫(huà)出從淘寶買(mǎi)東西的一個(gè)高保真流程圖。從將貨物添加到購(gòu)物車(chē)到確認(rèn)訂單中間的所有流程和反饋。
20畫(huà)郵件發(fā)送流程圖。在發(fā)送郵件過(guò)程中,若小于50M,正常郵件界面發(fā)送,若大于50M,進(jìn)入超大附件界面,此時(shí)進(jìn)行判斷,條件一:開(kāi)通手機(jī)郵件功能,條件二:安裝手機(jī)郵件插件。只有在這兩條件都滿足的情況下,才可以成功發(fā)送,否則不成功。
四、設(shè)計(jì)題。
21某公司為合作客戶建立信息列表,大約有1000個(gè)客戶,近五年的記錄都在里面。現(xiàn)在讓你設(shè)計(jì)一個(gè)列表頁(yè)面,來(lái)顯示客戶信息。畫(huà)出原型和寫(xiě)設(shè)計(jì)說(shuō)明。
22假設(shè)有一個(gè)”CEO服裝網(wǎng)”,它的主營(yíng)業(yè)務(wù)是針對(duì)中國(guó)的大公司CEO們銷(xiāo)售各式服裝。請(qǐng)您為該網(wǎng)站設(shè)計(jì)一個(gè)簡(jiǎn)單的Persona(注意,僅一個(gè))
23未來(lái)的社交信息超級(jí)聚合器。未來(lái)的移動(dòng)互聯(lián)用戶的信息分散在新浪微博、騰訊微博、QQ、QQ空間、人人、開(kāi)心、facebook等多處,你需要在iPad(或AndroidPad)平板平臺(tái)上設(shè)計(jì)一款聚合軟件,吧用戶身邊好友的信息,其他(通過(guò)你對(duì)用戶情況的分析)信息(如淘寶信息、天氣……)整合到一個(gè)適合平臺(tái)閱讀的界面中去,需要兼顧其可用性和游戲性。
24北京三里屯有一家AppleStore,每當(dāng)有新產(chǎn)品剛發(fā)售的時(shí)候總是有很多客戶來(lái)排隊(duì)購(gòu)買(mǎi),中間摻雜著一些黃牛黨。設(shè)計(jì)一款供該商店使用的觸摸屏手機(jī)app,提供新品發(fā)售排隊(duì)的客戶排號(hào)用,保證:
25公司向針對(duì)“節(jié)假日回家”這一行為開(kāi)發(fā)一款互聯(lián)網(wǎng)產(chǎn)品,需要寫(xiě)一個(gè)項(xiàng)目策劃,用戶潛在需求,時(shí)間和工作人員分工,功能流程框架,網(wǎng)站首頁(yè)草圖和另外某一屏草圖。
不再只是一味的追求視覺(jué)或?qū)崿F(xiàn)產(chǎn)品功能、結(jié)構(gòu)等,而是視覺(jué)、可用性一個(gè)都不能少。
如何壓縮可用的圖片?如何設(shè)計(jì)網(wǎng)頁(yè)的色彩?如何給頁(yè)面信息歸類排列優(yōu)先級(jí)?如何架構(gòu)一個(gè)頁(yè)面、一個(gè)網(wǎng)站?最后如何熟練使用軟件完成設(shè)計(jì)?
1簡(jiǎn)單的智力計(jì)算題,只要審題仔細(xì)的話肯定沒(méi)問(wèn)題的2網(wǎng)絡(luò)常識(shí),外國(guó)的社交網(wǎng)站,視頻網(wǎng)站考你一下3JavaSrcipt基本知識(shí),設(shè)計(jì)原則什么的填空題:
1Chrome瀏覽器內(nèi)核
Trident內(nèi)核:IE,MaxThon,TT,TheWorld,360,搜狗瀏覽器等
Gecko內(nèi)核:Netscape6及以上版本,F(xiàn)F,MozillaSuite/SeaMonkey等Presto內(nèi)核:Opera7及以上Webkit內(nèi)核:Safari,Chrome等典型的雙核瀏覽器包括:
搜狗2.0:Trident內(nèi)核和WebKit內(nèi)核傲游3.0Beta:Trident和WebKit內(nèi)核QQ瀏覽器5:Trident內(nèi)核和WebKit內(nèi)核
2Twitter一次能最多能發(fā)多少字符13電容式屏幕和電阻式屏幕的比較
1)電阻屏在觸模時(shí)需要輕觸壓按,而電容屏即使很輕微的手指觸碰感應(yīng)就能激
活。
2)電阻屏可以用任何物體來(lái)觸摸,而電容屏是人體熱感應(yīng)工作原理,只能用手
指的熱感區(qū)來(lái)觸摸,指甲和手寫(xiě)筆均無(wú)效。
3)電容屏可以很容易進(jìn)行多點(diǎn)觸摸,電阻屏一般不能實(shí)現(xiàn)多點(diǎn)觸摸的。4)電阻屏內(nèi)部是軟的,一般是在4到5層超薄的鋼化玻璃中間夾雜細(xì)微的炭粒
(顯微鏡下才能看見(jiàn)),通過(guò)按壓導(dǎo)致上下兩層的炭粒相互接觸而接通觸屏電路,產(chǎn)生觸摸反應(yīng),容易產(chǎn)生出油、劃痕,易壞,容易觸屏不靈,而電容屏都是采用單層加厚鋼化玻璃,硬度大,耐舊,使用壽命長(zhǎng)。
5)電阻屏在陽(yáng)光下可視性稍差,電容屏則非常好,在陽(yáng)光寫(xiě)可視性依然很強(qiáng)。6)熱感電容屏的成本比普通按壓式電阻屏貴50美金,使用壽命是普通電阻屏的
2倍,因此熱感電容屏一般使用于高檔高端手機(jī)上,電阻屏一般使用于普通手機(jī)上。
4舉兩個(gè)社交媒體網(wǎng)站
開(kāi)心網(wǎng)人人網(wǎng)QQ空間朋友網(wǎng)Facebook豆瓣珍愛(ài)百合世紀(jì)佳緣QQ空間基于6.37億活躍QQ用戶的中國(guó)最大的社交網(wǎng)絡(luò)。Qzone的問(wèn)題不在于數(shù)量,而是這種基于昵稱的社交圖譜的質(zhì)量。
Renren是中國(guó)實(shí)名社交網(wǎng)站的領(lǐng)頭羊。它為中國(guó)的SNS設(shè)立了標(biāo)準(zhǔn),但是仍然面對(duì)著其他社交網(wǎng)站的挑戰(zhàn),比如騰訊朋友,Kaixin001。
附加題:
用戶喜歡在用QQ簽名存一些網(wǎng)址,電話等信息備忘,但QQ簽名檔不是針對(duì)此進(jìn)行設(shè)計(jì)的,請(qǐng)?zhí)岢鼋鉀Q方案
擴(kuò)展閱讀:交互設(shè)計(jì)筆試問(wèn)題
交互設(shè)計(jì)筆試問(wèn)題:
1平面設(shè)計(jì)工作的流程
1)進(jìn)行設(shè)計(jì)需求分析2)提供設(shè)計(jì)構(gòu)思3)收集整理資料
4)選擇相關(guān)軟件進(jìn)行制作
5)根據(jù)領(lǐng)導(dǎo)或客戶的意見(jiàn)進(jìn)行修改6)成稿
2.用戶體驗(yàn)
用戶體驗(yàn)(userexperience)是一種純主觀的、在用戶使用產(chǎn)品過(guò)程中建立起來(lái)的感受。但是對(duì)于一個(gè)界定明確的用戶群來(lái)講,其用戶體驗(yàn)的共性是能夠竟有良好的設(shè)計(jì)實(shí)驗(yàn)來(lái)認(rèn)識(shí)到。好的用戶體驗(yàn),是一種“自然”的體驗(yàn)。
3.對(duì)用戶體驗(yàn)及相關(guān)行業(yè)閱讀過(guò)的書(shū)籍
洞悉用戶用戶研究方法及引用認(rèn)知心理學(xué)
4.列出至少5個(gè)國(guó)內(nèi)外對(duì)應(yīng)網(wǎng)站
BaiduVSGOOGLE
TAOBAOVSAMAZON/EBAYTudou/YOUTUBERENREN/FACEBOOKWEIBO/TWITTER
5.jpg和gif格式的不同點(diǎn)?各自應(yīng)用在哪些場(chǎng)合
1).jpg格式是由一個(gè)軟件開(kāi)發(fā)聯(lián)合組織制定的有損壓縮格式,用最少的空間得到較好的圖像品質(zhì)。對(duì)色彩的信息保留較好,適合應(yīng)用于互聯(lián)網(wǎng)和需要連續(xù)色調(diào)的圖像如照片。2).gif格式是一種基于LZW算法的連續(xù)色調(diào)無(wú)損壓縮格式,它的另一個(gè)特點(diǎn)是可以存多幅彩色圖像,可以構(gòu)成最簡(jiǎn)單的動(dòng)畫(huà)。GIF文件支持透明特性,有大量的軟件使用GIF圖像文件,它還適用于icon圖。
3).png格式是基于公共專利壓縮算法的無(wú)損壓縮格式,支持8位和24位圖像。PNG文件也支持透明特性,8位的PNG圖片與GIF圖片基本相同,24位的PNG可以支持Alpha透明效果,適合用于需要與背景完美融合場(chǎng)合。
6.怎樣理解“設(shè)計(jì)”二字
設(shè)計(jì)其實(shí)是一種由簡(jiǎn)單到復(fù)雜,由復(fù)雜到簡(jiǎn)單的重復(fù)循環(huán)的過(guò)程。把自己的想法通過(guò)視覺(jué)的形式手法來(lái)展現(xiàn)出來(lái)的過(guò)程,或者是根據(jù)事件的性質(zhì)要求,作出計(jì)劃。設(shè)計(jì)不單是藝術(shù)的展現(xiàn),絕大多數(shù)是將藝術(shù)最大程度的轉(zhuǎn)化為商業(yè)價(jià)值,讓受眾對(duì)設(shè)計(jì)展現(xiàn)的美和對(duì)生活的質(zhì)量有所追求,算是一種以商業(yè)為目的進(jìn)行的藝術(shù)創(chuàng)作
7.好的設(shè)計(jì)有什么標(biāo)準(zhǔn)
詳見(jiàn)附文
一好的設(shè)計(jì)具有創(chuàng)意性,有新意,有創(chuàng)新二好的設(shè)計(jì)要美,符合大多數(shù)受眾的審美觀
三好的設(shè)計(jì)要要有重點(diǎn),簡(jiǎn)單明了,醒目,讓人一目了然,吸引人的注意,讓人過(guò)目不忘四好的設(shè)計(jì)要既要細(xì)節(jié)做到精細(xì),整體還要美觀大方,細(xì)節(jié)決定成敗,設(shè)計(jì)也一樣,要精心的處理細(xì)節(jié),同時(shí)還要注重整體的平衡性。
8.中外web設(shè)計(jì)優(yōu)劣對(duì)比
優(yōu)勢(shì):從業(yè)人數(shù)較多,同時(shí)中國(guó)的很多設(shè)計(jì)師的借鑒能力都很強(qiáng),這樣的話,節(jié)約了時(shí)間和成本,還吸收了國(guó)外的精華。中國(guó)的歷史文化博大精深,為設(shè)計(jì)提供了無(wú)窮盡的素材和思想,比如最近流行的中國(guó)風(fēng)。
不足:設(shè)計(jì)的理論和方法比較落后,web設(shè)計(jì)在中國(guó)興起時(shí)間不長(zhǎng),很多理論和方法都需要借鑒國(guó)外的知識(shí)。大多數(shù)的web設(shè)計(jì)在可操作性上不是很好。
優(yōu)秀設(shè)計(jì)師所應(yīng)該具有的能力
設(shè)計(jì)師需要身具四個(gè)同等重要的素質(zhì):創(chuàng)造力、清晰表達(dá)、適應(yīng)力和判斷力。
一句話解釋交互設(shè)計(jì)
交互設(shè)計(jì)是讓產(chǎn)品更容易使用,讓用戶更加愉悅的技術(shù)
為什么現(xiàn)在的網(wǎng)站登錄名都用郵箱地址?
1.方便用戶記憶
2.方便聯(lián)系用戶,或進(jìn)行營(yíng)銷(xiāo)3.找回用戶密碼4.郵箱沒(méi)有重復(fù)的
附文:
原則1:用戶界面應(yīng)該是基于用戶的心里模型,而不是基于工程實(shí)現(xiàn)模型
就是把后臺(tái)本來(lái)很復(fù)雜的事情通過(guò)設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn),用戶的心理模型抓的越準(zhǔn),界面就會(huì)越優(yōu)秀。
#左邊界
面#:大眾點(diǎn)評(píng)新版的價(jià)格的搜索就比之前改得更符合用戶心里模型;#右邊界面#:食神搖搖的搖動(dòng)手機(jī)找餐廳更加符合大眾用戶的心里,大家應(yīng)該都有那種中午不知道去哪家餐廳就餐,那么就搖一搖來(lái)隨機(jī)抽出一個(gè)附近的餐廳。
原則2:培養(yǎng)用戶使用情景的思維方式做設(shè)計(jì)
要做到這個(gè)原則其實(shí)是很難的,需要長(zhǎng)期的實(shí)戰(zhàn)經(jīng)驗(yàn)才能做到這點(diǎn)。
那我們都知道米聊出的比微信早,但后來(lái)被微信反超,個(gè)人認(rèn)為不光是QQ幫了微信很大忙,比如用戶登錄門(mén)檻低,用戶來(lái)源,廣告打得響之類的,其實(shí)在用戶使用情景方面米聊研究的沒(méi)有微信透徹。
對(duì)于一個(gè)社交即時(shí)通訊產(chǎn)品,添加好友的功能是好友匯聚的來(lái)源,雖然米聊微信都綁定手機(jī)通訊錄,但話又說(shuō)回來(lái),用戶找手機(jī)通訊錄聯(lián)系人語(yǔ)音聊天的還是比較少。添加好友是引導(dǎo)用戶去發(fā)現(xiàn)好友,找好友,碰好友的一扇門(mén)。所以對(duì)于這么重要的功能放置在應(yīng)用程序的哪個(gè)位置,在產(chǎn)品前期就會(huì)讓用戶明顯的去選擇用哪個(gè)應(yīng)用,因?yàn)榱奶旃ぞ叩那疤崾且腥撕湍懔奶。再回到現(xiàn)實(shí)的界面中來(lái),看看下面的對(duì)比:微
信1.0的時(shí)候(我這里只截了4.0的圖)把添加好友放置主Tab上,方便用戶很快的添加好友
米聊2.0時(shí)還是把添加好友放置在好友列表的第一排,用戶很難發(fā)現(xiàn)
原則3:盡量少的讓用戶輸入,輸入時(shí)盡量多給出參考移動(dòng)端的虛擬鍵盤(pán)一直是科技界無(wú)法解決的一個(gè)難題,虛擬鍵盤(pán)的主要缺點(diǎn):1.輸入定位無(wú)法反饋,所以無(wú)法形成高效的盲打;2.虛擬鍵盤(pán)的空間限制,手指的點(diǎn)擊經(jīng)常造成誤按。光是上面這兩點(diǎn)就讓虛擬鍵盤(pán)在輸入上大打折扣,所以我們?cè)谠O(shè)計(jì)應(yīng)用程序時(shí),只要遇到InputBox的控件時(shí),首先就要想到盡量讓用戶少輸入,或者智能的給出參考。
百度音樂(lè)的搜
索先是把近期最熱門(mén)的歌曲依次排列在列表中,當(dāng)有字輸入時(shí),會(huì)出現(xiàn)歌手的候選詞,這里值得稱贊的是百度音樂(lè)的搜索能根據(jù)用戶輸入的字來(lái)判斷用戶是搜索歌手還是歌名。
百度地圖也是
我用得比較順手的一個(gè)地圖導(dǎo)航應(yīng)用,在減少輸入方面也做的比較出色,百度地圖擁有cookies功能,另外就是百度搜索的技術(shù)應(yīng)用在地名的匹配中也很讓人欣喜,在用戶輸入到一半的時(shí)候,下面的候選列表就出現(xiàn)了目標(biāo)地址,用戶直接停止輸入點(diǎn)擊列表即可。
原則4:全局導(dǎo)航需要一直存在,最好還能預(yù)覽其他模塊的動(dòng)態(tài)
全局導(dǎo)航在Web交互設(shè)計(jì)中比較容易做到,在手機(jī)移動(dòng)端全局導(dǎo)航要看產(chǎn)品設(shè)計(jì)的需求,什么功能需要全局導(dǎo)航,社交應(yīng)用通常是:消息,通知,請(qǐng)求;音樂(lè)視頻應(yīng)用通常是:下載,搜索;工具類產(chǎn)品經(jīng)常是核心工具條(toolbar)比如瀏覽器,語(yǔ)音助理,音樂(lè)識(shí)別應(yīng)用等等。
全局導(dǎo)航的價(jià)值在于可以讓用戶在使用過(guò)程中不會(huì)丟失信息,減少主頁(yè)面和次級(jí)頁(yè)面之間的跳轉(zhuǎn)次數(shù),當(dāng)然全局導(dǎo)航中的info-task要能在當(dāng)前頁(yè)面完成,如果需要跳轉(zhuǎn)到新界面,就會(huì)失去全局導(dǎo)航的意義,因?yàn)楫?dāng)出現(xiàn)多個(gè)info-task的時(shí)候,就需要用戶不停的進(jìn)入全局導(dǎo)航頁(yè)面來(lái)完成。
Facebook的朋友請(qǐng)求,消息,通知都是采用全局導(dǎo)航的方式,就是面板設(shè)計(jì)的丑了些~
米聊的通知中心,里面包含的通知類型蠻多的,顯得有點(diǎn)凌亂,希望下面的版本會(huì)篩選歸類
原則5:提供非模態(tài)的反饋,不打斷任務(wù)流
模態(tài)彈出框的書(shū)面名稱在iphoneOS中稱作:Alert-box,在AndroidOS中稱:Pop-upbox,我們都知道彈框會(huì)打斷任務(wù)流,所以在有限的屏幕上怎樣讓這些彈框弱化,或者說(shuō)優(yōu)雅、紳士的提醒用戶,這個(gè)需要設(shè)計(jì)師來(lái)定義。
模態(tài)是指界面中只有提醒彈框才具有可交互行為,其他一切都不可操作;非模態(tài)不會(huì)把提醒做成彈框,可能會(huì)處理成ListNotification,Toastlist等方式來(lái)提醒用戶。
Gmail是第一個(gè)把刪除的模態(tài)彈框設(shè)計(jì)成ListNotification這種方式的,提醒用戶撤銷(xiāo)剛才的刪除操作,這種非模態(tài)的處理,讓刪除的流程更加順暢和輕松自如。
K歌達(dá)人第二版的彈框就是模態(tài)處理,界面很不友好,用戶在K歌過(guò)程中要被打斷三次才能發(fā)表一首自己唱的歌曲,所以降低了用戶的參與度。
原則6:不要讓用戶等待任務(wù)完成,用戶還要發(fā)現(xiàn)更多有意思的地方
移動(dòng)互聯(lián)的核心就是給用戶帶來(lái)移動(dòng)體驗(yàn)的方便和高效,這是移動(dòng)互聯(lián)網(wǎng)Apps需要考慮的,用戶在使用你產(chǎn)品在很多情況下都是碎片時(shí)間,所以在設(shè)計(jì)上盡量讓用戶在短時(shí)間內(nèi)熟悉我們的產(chǎn)品,知道這個(gè)產(chǎn)品的誠(chéng)意,特別是某些等待界面需要設(shè)計(jì),不能把一個(gè)很枯燥的等待界面呈現(xiàn)在用戶的面前,那用戶很快就會(huì)換其他apps。在
Instagram拍完照片后,點(diǎn)擊上傳后,它的處理方式是回到首頁(yè)的位置,告訴你的照片正在提交,并不是顯示一個(gè)上傳進(jìn)度的界面,讓用戶看那上傳百分比。因此,我們?cè)谠O(shè)計(jì)米吧上傳歌曲文件時(shí)也只是告知用戶后臺(tái)正在幫你上傳,叫用戶放心,用戶自然就會(huì)去玩其他的功能,沒(méi)有讓用戶焦慮的等待,等上傳完畢時(shí),我們?cè)儆肨oastlist通知用戶已經(jīng)上傳成功,這樣把查看上傳結(jié)果的主動(dòng)權(quán)交給用戶。
原則7:自動(dòng)保存用戶的輸入成果
在移動(dòng)端,由于輸入面板的復(fù)雜性,而且觸摸輸入沒(méi)有物理按鍵的反饋?zhàn)匀,特別是手機(jī)上去輸入一段文字或者信息,對(duì)用戶而言本身就是一件很痛苦的事情;對(duì)產(chǎn)品而言,用戶的在你的產(chǎn)品中輸入是一個(gè)很值得慶幸的事情,所以設(shè)計(jì)人員需要讓你的apps自動(dòng)保存用戶的輸入成果。
微博官方的手機(jī)客戶端在用戶輸入信息后,點(diǎn)擊左上角的叉時(shí)會(huì)彈出Actionsheet來(lái)詢問(wèn),確認(rèn)是否要放棄,或者保存為草稿;path的處理則更為人性化,在處于斷網(wǎng)的情景下,用戶依然可以發(fā)布照片和文字,當(dāng)然后面聯(lián)網(wǎng)成功后,系統(tǒng)會(huì)自動(dòng)上傳,只是發(fā)表時(shí)間是連網(wǎng)后發(fā)布的時(shí)間點(diǎn);Instagram的評(píng)論也很友好,在斷網(wǎng)或者網(wǎng)絡(luò)情況不穩(wěn)定的情景,用戶輸入的評(píng)論依然可以發(fā)布,后面會(huì)有一個(gè)嘆號(hào)提醒用戶稍后發(fā)布或者重試,提升了用戶參與的積極行,同時(shí)活躍了社區(qū)。原則8:為了程序響應(yīng)的速度,設(shè)計(jì)有時(shí)候需要擔(dān)任掩護(hù)的作用
科技并不是萬(wàn)能的,技術(shù)依然是移動(dòng)互聯(lián)網(wǎng)應(yīng)用程序最需要優(yōu)化和完善的,作為技術(shù)的盟友我們?cè)O(shè)計(jì)人員也需要輔佐他們,讓用戶覺(jué)得程序原本就應(yīng)該是這么運(yùn)行的。特別是程序響應(yīng)的速度很多時(shí)候不光是技術(shù)的問(wèn)題,與網(wǎng)絡(luò)環(huán)境也有很大的關(guān)系,這時(shí)候設(shè)計(jì)人員需要考慮這些客觀存在的情況,幫助程序來(lái)掩護(hù)這些瑕疵,讓用戶感覺(jué)到在使用時(shí)是流暢的。
#隨后實(shí)現(xiàn)#Instagram帖子“贊”不管對(duì)參與者還是帖子作者都是激發(fā)其積極性活躍社區(qū)氛圍的重要功能,所以在程序的響應(yīng)方面一定要具有可用,易用的特性,我們看左圖中,“贊”的按鈕已經(jīng)現(xiàn)實(shí)“已贊”,同時(shí)我們看紅色框內(nèi)的“菊花瓣”就知道后臺(tái)在loading贊的數(shù)據(jù),所以這就是設(shè)計(jì)的巧妙之處,先讓用戶感知到程序是非常快速的,而不是等loading完之后再顯示“已贊”;
#提前傳輸#Instagram中發(fā)布帖子的時(shí)候,用戶處理完照片點(diǎn)擊“上傳”按鈕就看到中間的界面,這時(shí)候界面是讓用戶去為自己的帖子輸入一個(gè)主題,或者去設(shè)置分享等功能,同時(shí)我們可以看到紅色框中的“菊花瓣”,很明顯后臺(tái)已經(jīng)開(kāi)始傳輸剛才上傳的照片了,所以當(dāng)用戶在點(diǎn)擊“完成”時(shí),數(shù)據(jù)只需要上傳剩下的一部分,讓用戶感知上傳很迅速;
#邊唱邊完成#把伴奏和用戶的歌聲合成為一首音樂(lè)時(shí)需要后臺(tái)處理大量的數(shù)據(jù),如果分步做就要讓用戶等待比較長(zhǎng)的合成時(shí)間,為了讓用戶不用枯燥的等待合成,我們需要后臺(tái)在用戶唱歌的同時(shí),后臺(tái)就已經(jīng)開(kāi)始把唱過(guò)的伴奏和歌聲合成。
以上八項(xiàng)原則是我在工作中體會(huì)比較深刻的交互設(shè)計(jì)原則,希望能對(duì)觀看到這篇博文的朋友有所幫助。當(dāng)然設(shè)計(jì)原則是隨著時(shí)間的變化而不斷變化的,所以也請(qǐng)各位朋友完善和補(bǔ)充,謝謝!
友情提示:本文中關(guān)于《交互設(shè)計(jì)筆試題總結(jié)》給出的范例僅供您參考拓展思維使用,交互設(shè)計(jì)筆試題總結(jié):該篇文章建議您自主創(chuàng)作。
來(lái)源:網(wǎng)絡(luò)整理 免責(zé)聲明:本文僅限學(xué)習(xí)分享,如產(chǎn)生版權(quán)問(wèn)題,請(qǐng)聯(lián)系我們及時(shí)刪除。