界面設(shè)計(jì)與體驗(yàn),引導(dǎo)用戶在不同的顯示模式之間切換

理解應(yīng)用的上下文環(huán)境
上下文使用環(huán)境是移動(dòng)應(yīng)用用戶體驗(yàn)設(shè)計(jì)當(dāng)中的關(guān)鍵組成要素，在考慮屏幕定向及顯示模式切換的相關(guān)問(wèn)題時(shí)，這方面的因素也會(huì)起到重要的影響作用。

以目前日漸流行的食譜類應(yīng)用為例，很多硬件廠商甚至為這些應(yīng)用打造了相關(guān)的壁掛或桌面支架，使用戶能夠更方便的在廚房當(dāng)中使用。

而我們也可以根據(jù)這類應(yīng)用在不同的使用情景中的需求用例來(lái)創(chuàng)建具有差異性的顯示模式。以The Betty Crocker Cookbook為例，當(dāng)用戶在相對(duì)安定的狀態(tài)下希望閱讀和學(xué)習(xí)食譜時(shí)，他可以使用豎屏模式；此時(shí)界面中會(huì)展示完整的烹飪及食譜信息，同時(shí)還包括最終效果圖以及相關(guān)的功能元素。如果用戶希望在廚房一邊烹飪一邊進(jìn)行參考，那么橫屏模式就更加適用了。在這種狀態(tài)下，每一步的操作指導(dǎo)都會(huì)占據(jù)一屏的篇幅，字號(hào)更大，便于在短時(shí)間內(nèi)識(shí)別；利用內(nèi)置攝像頭，應(yīng)用還可以識(shí)別特定的肢體動(dòng)作，用戶無(wú)需觸摸屏幕，只要在攝像頭前揮揮手，操作指導(dǎo)就會(huì)自動(dòng)翻頁(yè)。

引導(dǎo)用戶在不同的顯示模式之間切換
通過(guò)調(diào)轉(zhuǎn)屏幕來(lái)切換顯示模式，從某種程度上講這種交互方式并不符合直覺(jué)。如果界面中沒(méi)有任何視覺(jué)引導(dǎo)和提示，用戶很有可能錯(cuò)過(guò)另外一種顯示模式及相應(yīng)的功能體驗(yàn)。以iPhone自帶的計(jì)算器應(yīng)用為例，如果用戶不知道它還能提供橫屏模式，那就會(huì)錯(cuò)失掉那些高級(jí)計(jì)算功能。

通過(guò)視覺(jué)元素對(duì)用戶進(jìn)行提示與引導(dǎo)，這可以使產(chǎn)品的體驗(yàn)更加符合直覺(jué)。我們來(lái)看一些可以用來(lái)提示用戶進(jìn)行顯示模式切換的設(shè)計(jì)思路。

標(biāo)題欄
通過(guò)標(biāo)題欄作為提示，這種方式主要運(yùn)用在第二顯示模式當(dāng)中。仍使用之前的遙控器應(yīng)用作為例子，如果用戶以橫屏狀態(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)的分享按鈕類似，我們也可以使用能夠被普遍認(rèn)知的圖標(biāo)按鈕提示用戶手動(dòng)切換橫豎屏顯示模式。
兩種顯示模式當(dāng)中都要包含這個(gè)切換按鈕。用戶點(diǎn)擊之后，顯示模式自動(dòng)切換，雖然接下來(lái)用戶未必會(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)提示用戶通過(guò)拖拽展開(kāi)第二視圖模式，如果用戶直接調(diào)轉(zhuǎn)設(shè)備的話，第二視圖模式也會(huì)自動(dòng)展開(kāi)，類似卷簾的效果。帶有方向的動(dòng)畫(huà)過(guò)渡效果可以使用戶對(duì)兩種視圖模式的層疊關(guān)系產(chǎn)生深刻的印象。

本文題目：界面設(shè)計(jì)與體驗(yàn),引導(dǎo)用戶在不同的顯示模式之間切換
分享地址：http://www.muchs.cn/news43/161293.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、云服務(wù)器、標(biāo)簽優(yōu)化、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(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)