首頁?>?知識(shí)?資訊?>?大屏幕智能手機(jī)網(wǎng)站設(shè)計(jì)的考慮。?>?正文

大屏幕智能手機(jī)網(wǎng)站設(shè)計(jì)的考慮。

2020/12/6 0:14:22 · 稿源:傳誠信

隨著智能手機(jī)的不斷擴(kuò)大,但我們的雙手卻沒有,哪種設(shè)計(jì)解決方案可以確保移動(dòng)交互始終保持舒適,快速和便捷?這里有一些可供考慮的選擇...

拇指設(shè)計(jì)

史蒂文·霍伯(Steven Hoober)在?對(duì)1333次使用智能手機(jī)的觀察進(jìn)行分析時(shí)發(fā)現(xiàn),約有75%的人依靠拇指,而49%的人依靠單手握把來完成他們在手機(jī)上的工作。在大屏幕(超過4英寸)上,當(dāng)人們嘗試觸摸位于設(shè)備頂部的控件時(shí),這些行為會(huì)使拇指超出其舒適區(qū)域。

1.jpg

舉例來說,我每天在收聽Amazon的Music應(yīng)用程序時(shí)都會(huì)遇到此問題。瀏覽音樂(我經(jīng)常使用)的主要控件位于屏幕的左上角-可以說是單手使用的最糟糕的地方。要在更大的智能手機(jī)上使用它,我需要將握把重置到手機(jī)中央或切換為雙手使用。但這不一定是這種方式。

2.jpg

操作系統(tǒng)級(jí)解決方案

為了考慮像Amazon Music這樣設(shè)計(jì)的現(xiàn)有應(yīng)用程序,移動(dòng)操作系統(tǒng)創(chuàng)建了系統(tǒng)級(jí)別的功能,這些功能使頂部對(duì)齊的控件可訪問。蘋果將此解決方案的版本恰當(dāng)?shù)胤Q為Reachability。

使用“可達(dá)性”功能,快速雙擊手機(jī)的“主頁”按鈕可將應(yīng)用程序滑到屏幕的一半。這使得以前無法訪問的控件可以訪問。盡管這很好,但現(xiàn)在將一個(gè)簡單的一鍵式操作變成了三個(gè)。

3.jpg

可達(dá)性還具有自動(dòng)超時(shí)。點(diǎn)按兩次即可放下控件,然后查看下一步需要做什么,該應(yīng)用程序已移回頂部,需要再次點(diǎn)按“主頁”按鈕。這是一種微不足道的舞蹈(希望如此)。

邊緣滑動(dòng)手勢

盡管很難將拇指操縱到大型移動(dòng)屏幕的左上角,但從屏幕邊緣沿設(shè)備底部輕掃并非易事。這種“邊緣滑動(dòng)”手勢可以用作訪問距離拇指區(qū)域較遠(yuǎn)的控件的一種簡單的替代方法。

4.jpg

但是,像所有手勢控件一樣,這種菜單訪問形式是看不見的,因此經(jīng)常會(huì)被忽略。換句話說,您必須知道該手勢存在,并記住在需要時(shí)使用它。因此,它通常不能替換頂部的可見菜單控件,但可以對(duì)其進(jìn)行補(bǔ)充。

此外,邊緣滑動(dòng)解決方案不僅使進(jìn)入菜單更容易單手使用,在菜單中沒有對(duì)內(nèi)容的訪問。

底部定位

為確保通過單手或一鍵交互輕松完成重要的常用操作,我們需要考慮將控件重新定位在屏幕底部。該解決方案不僅解決了可達(dá)性問題,而且還可以改善各種其他重要指標(biāo)。Facebook在最近的測試中發(fā)現(xiàn),?iOS應(yīng)用程序中的底部標(biāo)簽欄解決方案還提高了參與度,滿意度,甚至提高了速度感。


5.jpg

在Amazon Music應(yīng)用程序中,我們不僅可以將菜單放置在屏幕底部,而且還可以重新排列其中的選項(xiàng),以確保最常用的選項(xiàng)顯示在屏幕底部附近。這樣可以快速訪問菜單及其內(nèi)容。

浮動(dòng)動(dòng)作按鈕

盡管許多設(shè)計(jì)解決方案可以在多個(gè)操作系統(tǒng)上很好地工作,但是有時(shí)我們在設(shè)計(jì)中要考慮重要的差異。

例如,在Google的Android OS上,屏幕底部保留用于系統(tǒng)導(dǎo)航欄。這意味著放在屏幕底部的所有控件都非常接近系統(tǒng)范圍的操作,因此容易出現(xiàn)錯(cuò)誤。實(shí)際上,Android的準(zhǔn)則明確指出“?請勿使用底部的標(biāo)簽欄”。

不過,在Google較新的Material Design規(guī)范中,還有一種替代解決方案,即浮動(dòng)操作按鈕。浮動(dòng)動(dòng)作按鈕是一種特殊類型的提升動(dòng)作,并突出顯示在UI的其余部分之上。通常,這些操作不是導(dǎo)航控件,但就Amazon Music應(yīng)用而言,考慮到使用頻率,導(dǎo)航是值得推廣的一種情況。

6.jpg

轉(zhuǎn)自海外:https://www.lukew.com/ff/entry.asp?1927


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354