大屏智能手機設(shè)計要點

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

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

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


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

新聞標(biāo)題:大屏智能手機設(shè)計要點
文章來源:http://muchs.cn/news/159435.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、品牌網(wǎng)站設(shè)計、App設(shè)計、微信公眾號、網(wǎng)站排名、手機網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化