歡迎來(lái)到深圳市志博科技有限公司網站!
您當前的(de)位置:深圳APP開發 > 新聞資訊 > APP開發資訊 >
人(rén)
已閱讀

APP開發如何适應越來(lái)越大(dà)的(de)手機屏幕

來(lái)源:lexintech.com       發布時(shí)間:2017-11-20
    前幾年,APP開發在界面上的(de)适配相對(duì)來(lái)說還(hái)比較容易,因爲那個(gè)時(shí)候的(de)手機屏幕尺寸不是很多(duō)。現在随著(zhe)手機的(de)屏幕越來(lái)越大(dà)的(de)趨勢,在APP開發時(shí),需要兼容的(de)屏幕分(fēn)辨率也(yě)要求越來(lái)越高(gāo)。
    以前做(zuò)ios APP開發的(de)時(shí)候,隻需要按iphone4的(de)尺寸,寬度640px就可(kě)以,後來(lái)到iphone5時(shí)代,屏幕變長(cháng),但寬度也(yě)還(hái)是640,對(duì)設計的(de)兼容性幾乎沒什(shén)麽影(yǐng)響,再到後來(lái)的(de)iphone6,屏幕寬度已經變爲750px,那時(shí)候的(de)UI設計稿,爲了(le)兼容iphone6的(de)屏幕,也(yě)開始按照(zhào)750的(de)尺寸來(lái)設計。再到後來(lái)plus的(de)出現,需要兼容的(de)尺寸就更多(duō)了(le)。蘋果尚且如此,安卓的(de)尺寸更是數不勝數,各種廠家的(de)安卓機,屏幕都不一樣。
然而,除了(le)各種屏幕的(de)兼容性問題,現在大(dà)屏手機越來(lái)越普遍,所以要适應大(dà)屏手機的(de)操作體驗,在APP設計上來(lái)說,也(yě)是有一些差别的(de)。
APP開發如何适應越來(lái)越大(dà)的(de)手機屏幕
如何界定大(dà)屏手機?其實簡單稱之爲大(dà)屏也(yě)不是特别準确,它的(de)英文名稱更爲形象:Phone+Tablet=Phablet,也(yě)就是說,它是傳統手機和(hé)平闆的(de)結合體,Phablet。
因此,這(zhè)些大(dà)屏手機實際上是超過我們手掌習(xí)慣的(de)、可(kě)掌控的(de)尺寸,但是又沒有達到平闆的(de)級别。更準确的(de)說,是屏幕尺寸在5~6.9英寸的(de)那些大(dà)屏手機。作爲參考,iPhone 4&4S 的(de)屏幕尺寸是3.5英寸,iPhone 5&5S 爲4 英寸,iPhone 6 爲4.7英寸,iPhone6P 爲 5.5英寸。
所以,僅需要看看屏幕尺寸就可(kě)以快(kuài)速确定手機類型。
盡管Phablet在現在看來(lái)早已不是新東西了(le),但是絕大(dà)多(duō)數用(yòng)戶都還(hái)是從三星的(de)Note系列開始知道它的(de)存在,到現在滿大(dà)街(jiē)都是iPhone6P之後才真正對(duì)它上心。最早的(de)Phable可(kě)以算(suàn)在三星的(de)Galaxy Note頭上,而這(zhè)款手機早在2011年就有了(le)。
大(dà)屏手機自然是大(dà)氣炫酷,現在每天都有許多(duō)用(yòng)戶抛棄之前的(de)小屏智能機加入5英寸大(dà)屏機的(de)陣營。但是,他(tā)們并不确定更大(dà)的(de)屏幕能給他(tā)們帶來(lái)更優秀更舒适的(de)用(yòng)戶體驗,畢竟手掌并沒有随之增大(dà)。因此,用(yòng)戶與大(dà)屏機之間的(de)交互方式就需要進行調整了(le)。
手機屏幕的(de)拇指操作熱(rè)區(qū)圖你可(kě)能接觸過,它标識出了(le)人(rén)們握持手機,并标識出那些區(qū)域拇指易于操作,哪些地方難于觸及。
其實,拇指操作熱(rè)圖最早是由設計師Steven Hoober于2011年的(de)書(shū)《Designing Mobile Interface》中使用(yòng),其中的(de)綠色部分(fēn)被他(tā)稱爲“單手握持時(shí)拇指觸摸最舒适的(de)區(qū)域”。這(zhè)些區(qū)域的(de)測量是通(tōng)過1333份觀測分(fēn)析總結出來(lái)的(de),這(zhè)些分(fēn)析數據還(hái)表明(míng),49%的(de)用(yòng)戶習(xí)慣于單手握持手機,用(yòng)拇指操控屏幕,而用(yòng)另外一隻手做(zuò)其他(tā)的(de)事情。同樣是基于當年的(de)這(zhè)些報告,還(hái)獲取了(le)以下(xià)信息:
36%的(de)用(yòng)戶會雙手環抱手機,用(yòng)其中一隻手的(de)拇指操控屏幕
15%的(de)用(yòng)戶會用(yòng)雙手握持手機并用(yòng)兩手的(de)拇指操控屏幕,其中90%的(de)用(yòng)戶操作時(shí)習(xí)慣屏幕豎著(zhe),而10%的(de)用(yòng)戶偏向于橫屏操作。
但是在“3.5英寸最佳”的(de)時(shí)代過去之後,大(dà)屏手機上的(de)操控又是怎樣的(de)狀況呢(ne)?用(yòng)戶是否需要用(yòng)力伸展拇指點擊屏幕另一邊緣的(de)按鈕,又或者他(tā)們的(de)握持方式有所改變?Steven
Hoober的(de)最新研究數據表明(míng),“用(yòng)戶單手握持的(de)比例下(xià)降,會更多(duō)用(yòng)上另外一隻手,并且會頻(pín)繁地切換雙手操作,不論是輸入還(hái)是握持。”這(zhè)種狀況已經延伸到不同尺寸的(de)設備上,包括普通(tōng)的(de)手機、大(dà)屏手機以及平闆。
大(dà)屏手機的(de)普及程度還(hái)在快(kuài)速增長(cháng),更大(dà)的(de)屏幕和(hé)更豐富的(de)數字内容正在重塑我們這(zhè)個(gè)時(shí)代,移動端設計正在悄無聲息地改變著(zhe)一切。在大(dà)屏手機的(de)UI、交互和(hé)用(yòng)戶體驗設計上,我們還(hái)需要了(le)解更多(duō)的(de)實際情況,搜集更多(duō)數據支持,并且在UI/UX的(de)決策上有更多(duō)的(de)考量。最近兩年所有的(de)手機和(hé)手機系統發布會上,每個(gè)主講人(rén)都在強調“我們在大(dà)屏機界面優化(huà)上有特别的(de)技巧”,但是實際使用(yòng)的(de)時(shí)候,千奇百怪的(de)操作方式依然令人(rén)感到不自然。未來(lái),還(hái)有很長(cháng)的(de)路要走,這(zhè)其中的(de)空間,還(hái)很大(dà)。
 
APP開發 網站開發 産品設計 微信公衆号 APP開發公司 用(yòng)戶體驗 APP運營 微信小程序 産品經理(lǐ) 網站設計