大屏智能手機(jī)設(shè)計(jì)要點(diǎn)

2022-05-26    分類: 網(wǎng)站建設(shè)

手機(jī)的尺寸越來越大,就連一直堅(jiān)持小尺寸的iphone也開始了more than bigger之路,筆者也試著換了尺寸大一些的手機(jī),的確切身體會(huì)到了大手機(jī)和小手機(jī)不同的觸控體驗(yàn),大屏手機(jī)在使用上確實(shí)有些不變,尤其是單手操作是,那么問題來了,到底要如何設(shè)計(jì)交互,才能讓我們的拇指能夠舒服、快速、輕松地操作呢?以下幾點(diǎn)供參考
為拇指設(shè)計(jì)
在 Steven Hoober 所做的 1,333 份針對(duì)智能手機(jī)的使用調(diào)查中發(fā)現(xiàn),有 49% 的人是單手握持手機(jī),同時(shí),有 75% 的人使用拇指完成操作。當(dāng)使用更大屏幕(超過4英寸)時(shí),用起來就不那么舒服了,因?yàn)槿藗儽仨毜冒涯粗干斓母h(yuǎn)才能觸及屏幕頂端。
就拿我自己說吧,我每天用 Amazon’s Music app 時(shí)都會(huì)遇到這樣的問題。因?yàn)橹鞑藛伟粹o在屏幕左上角,離的太遠(yuǎn),所以單手操作時(shí)真的很難夠得到。如果想點(diǎn)到它,我就不得不把手往上挪,握到手機(jī)中部,或者干脆用另一只手來點(diǎn)。多希望能不這么麻煩。
系統(tǒng)級(jí)的解決方案
考慮到目前已有很多 App 采用跟 Amazon Music 類似的導(dǎo)航設(shè)計(jì),讓這些 App 改版不現(xiàn)實(shí),所以移動(dòng)操作系統(tǒng)來解決這個(gè)問題就明智多了。蘋果在其新的 iOS 系統(tǒng)中提供了一個(gè)解決方案,并形象地把這種體驗(yàn)稱之為“可達(dá)性”。
利用這一方案,用戶可以通過“快速雙拍home鍵”,使應(yīng)用頂部降至屏幕中央,從而達(dá)到觸摸應(yīng)用頂部操作的目的。(但原本只需要點(diǎn)1下,現(xiàn)在變成了3下)
另外它是有超時(shí)的。就是說如果你雙拍把屏幕拉下來后什么都沒做,過一會(huì)兒它是會(huì)自動(dòng)復(fù)位的(大概8秒,譯者注),如果需要就得再雙拍一次。這個(gè)設(shè)置就顯得不那么優(yōu)雅了。
邊緣滑動(dòng)手勢(shì)
要想用拇指點(diǎn)到大屏幕左上角的圖標(biāo)是很困難的,但如果是沿設(shè)備底部邊緣滑動(dòng)就相對(duì)容易一些。這種“邊緣滑動(dòng)手勢(shì)”可以作為一種簡單、替代的方式來控制超出拇指范圍的操作。
跟所有手勢(shì)操作一樣,這種訪問菜單的方式往往出乎預(yù)料。換句話說,首先你得知道有這種手勢(shì)的存在,并且記住它。所以它并不能取代頂部菜單按鈕,只能作為一個(gè)補(bǔ)充。
另外,這個(gè)手勢(shì)只是讓單手操作時(shí)進(jìn)入菜單更簡單,并不能操作菜單內(nèi)容。
底部定位
為了確保重要且經(jīng)常使用的操作,能夠舒適地用單手或單個(gè)拇指觸達(dá),我們可以考慮把它們定位在屏幕的底部。這種解決方案并不僅僅解決“可達(dá)性”,它也可以提高各種其他重要指標(biāo)。比如 Facebook 在最近的測(cè)試中發(fā)現(xiàn),他們 iOS App 的底部標(biāo)簽欄的解決方案還提高了參與度,滿意度,甚至感知速度。
同樣在 Amazon Music app 里,我們不但可以把菜單圖標(biāo)放到底部,順便還可以把最常用的功能調(diào)整到靠近底部的地方,這樣更便于點(diǎn)擊菜單和里面的內(nèi)容。
浮動(dòng)的操作按鈕
雖然很多設(shè)計(jì)方案能適用多個(gè)操作系統(tǒng),我們還是需要為重要的差異而設(shè)計(jì)。
以 Android 為例,屏幕下方是為系統(tǒng)導(dǎo)航預(yù)留的位置。這就意味著,如果在底部安放操作,很可能因與系統(tǒng)導(dǎo)航位置過近而產(chǎn)生誤操作。事實(shí)上,在 Android 設(shè)計(jì)指南上也明確指出“不要使用底部 Tab bars”。

然而,在 Google 最新發(fā)布的設(shè)計(jì)語言“Material Design”中,出現(xiàn)了一個(gè)懸浮按鈕式的替代解決方案。這種按鈕用于重要操作動(dòng)作,同時(shí)它脫離于當(dāng)前界面。通常情況下,這個(gè)按鈕不用于導(dǎo)航,但在 Amazon Music app 的案例中,它被定義為導(dǎo)航按鈕,可見設(shè)計(jì)者多么鼓勵(lì)頻繁使用這個(gè)操作。


關(guān)鍵詞:創(chuàng)新互聯(lián),成都品牌網(wǎng)站建設(shè)公司,網(wǎng)站制作公司,重慶網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站建設(shè),手機(jī)網(wǎng)站開發(fā)

文章題目:大屏智能手機(jī)設(shè)計(jì)要點(diǎn)
網(wǎng)站URL:http://www.bm7419.com/news35/159435.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站收錄、靜態(tài)網(wǎng)站、虛擬主機(jī)、定制開發(fā)

廣告

聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)