大屏幕智能手機網站設計的考慮。

2019-07-21    分類: 網站設計

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

拇指設計

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


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


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

為了考慮像Amazon Music這樣設計的現有應用程序,移動操作系統(tǒng)創(chuàng)建了系統(tǒng)級別的功能,這些功能使頂部對齊的控件可訪問。蘋果將此解決方案的版本恰當地稱為Reachability。

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


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

邊緣滑動手勢

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


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

此外,邊緣滑動解決方案不僅使進入菜單更容易單手使用,在菜單中沒有對內容的訪問。

底部定位

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


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

浮動動作按鈕

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

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

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

文章名稱:大屏幕智能手機網站設計的考慮。
文章出自:http://www.bm7419.com/news35/80135.html

網站建設、網絡推廣公司-創(chuàng)新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站設計

廣告

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

h5響應式網站建設