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

2019-07-21    分類: 網(wǎng)站設(shè)計(jì)

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

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

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


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


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

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

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


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

邊緣滑動(dòng)手勢(shì)

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


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

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

底部定位

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


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

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

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

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

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

新聞標(biāo)題:大屏幕智能手機(jī)網(wǎng)站設(shè)計(jì)的考慮。
轉(zhuǎn)載來(lái)于:http://www.muchs.cn/news/80135.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(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)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司