2022-05-30 分類(lèi): 網(wǎng)站建設(shè)
理解應(yīng)用的上下文環(huán)境
上下文使用環(huán)境是移動(dòng)應(yīng)用用戶(hù)體驗(yàn)設(shè)計(jì)當(dāng)中的關(guān)鍵組成要素,在考慮屏幕定向及顯示模式切換的相關(guān)問(wèn)題時(shí),這方面的因素也會(huì)起到重要的影響作用。
以目前日漸流行的食譜類(lèi)應(yīng)用為例,很多硬件廠商甚至為這些應(yīng)用打造了相關(guān)的壁掛或桌面支架,使用戶(hù)能夠更方便的在廚房當(dāng)中使用。
而我們也可以根據(jù)這類(lèi)應(yīng)用在不同的使用情景中的需求用例來(lái)創(chuàng)建具有差異性的顯示模式。以The Betty Crocker Cookbook為例,當(dāng)用戶(hù)在相對(duì)安定的狀態(tài)下希望閱讀和學(xué)習(xí)食譜時(shí),他可以使用豎屏模式;此時(shí)界面中會(huì)展示完整的烹飪及食譜信息,同時(shí)還包括最終效果圖以及相關(guān)的功能元素。如果用戶(hù)希望在廚房一邊烹飪一邊進(jìn)行參考,那么橫屏模式就更加適用了。在這種狀態(tài)下,每一步的操作指導(dǎo)都會(huì)占據(jù)一屏的篇幅,字號(hào)更大,便于在短時(shí)間內(nèi)識(shí)別;利用內(nèi)置攝像頭,應(yīng)用還可以識(shí)別特定的肢體動(dòng)作,用戶(hù)無(wú)需觸摸屏幕,只要在攝像頭前揮揮手,操作指導(dǎo)就會(huì)自動(dòng)翻頁(yè)。
引導(dǎo)用戶(hù)在不同的顯示模式之間切換
通過(guò)調(diào)轉(zhuǎn)屏幕來(lái)切換顯示模式,從某種程度上講這種交互方式并不符合直覺(jué)。如果界面中沒(méi)有任何視覺(jué)引導(dǎo)和提示,用戶(hù)很有可能錯(cuò)過(guò)另外一種顯示模式及相應(yīng)的功能體驗(yàn)。以iPhone自帶的計(jì)算器應(yīng)用為例,如果用戶(hù)不知道它還能提供橫屏模式,那就會(huì)錯(cuò)失掉那些高級(jí)計(jì)算功能。
通過(guò)視覺(jué)元素對(duì)用戶(hù)進(jìn)行提示與引導(dǎo),這可以使產(chǎn)品的體驗(yàn)更加符合直覺(jué)。我們來(lái)看一些可以用來(lái)提示用戶(hù)進(jìn)行顯示模式切換的設(shè)計(jì)思路。
標(biāo)題欄
通過(guò)標(biāo)題欄作為提示,這種方式主要運(yùn)用在第二顯示模式當(dāng)中。仍使用之前的遙控器應(yīng)用作為例子,如果用戶(hù)以橫屏狀態(tài)打開(kāi)了應(yīng)用,他將看到一個(gè)固定顯示在左側(cè)的標(biāo)題欄,其中的標(biāo)題文字方向會(huì)暗示他將屏幕調(diào)轉(zhuǎn)過(guò)來(lái)進(jìn)行閱讀,從而發(fā)現(xiàn)豎屏模式。
切換按鈕
與標(biāo)準(zhǔn)的分享按鈕類(lèi)似,我們也可以使用能夠被普遍認(rèn)知的圖標(biāo)按鈕提示用戶(hù)手動(dòng)切換橫豎屏顯示模式。
兩種顯示模式當(dāng)中都要包含這個(gè)切換按鈕。用戶(hù)點(diǎn)擊之后,顯示模式自動(dòng)切換,雖然接下來(lái)用戶(hù)未必會(huì)真正調(diào)轉(zhuǎn)設(shè)備進(jìn)行查看,但他們通過(guò)這種方式了解了應(yīng)用所提供的兩種顯示模式,將來(lái)會(huì)逐漸的在需要的時(shí)候自行調(diào)轉(zhuǎn)設(shè)備,不再需要按鈕的輔助。所以該按鈕即可以觸發(fā)切換功能,同時(shí)也可以作為視覺(jué)提示。
使用把手形式的控件來(lái)提示用戶(hù)通過(guò)拖拽展開(kāi)第二視圖模式,如果用戶(hù)直接調(diào)轉(zhuǎn)設(shè)備的話,第二視圖模式也會(huì)自動(dòng)展開(kāi),類(lèi)似卷簾的效果。帶有方向的動(dòng)畫(huà)過(guò)渡效果可以使用戶(hù)對(duì)兩種視圖模式的層疊關(guān)系產(chǎn)生深刻的印象。
本文標(biāo)題:界面設(shè)計(jì)與體驗(yàn),引導(dǎo)用戶(hù)在不同的顯示模式之間切換
網(wǎng)站路徑:http://www.rwnh.cn/news/161293.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶(hù)體驗(yàn)、企業(yè)建站、App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容