很高興，距離2015年羊年的春節(jié)又近了，在這里，各大電商平臺(tái)都在舉行年貨節(jié)。從各方面數(shù)據(jù)顯示來(lái)說(shuō)，移動(dòng)手機(jī)產(chǎn)品當(dāng)作年貨的禮品的比例很高。而且大部分都是5寸的主流手機(jī)。

也就是說(shuō)如今的手機(jī)是大屏手機(jī)的時(shí)代。手機(jī)大屏幕已經(jīng)成為移動(dòng)設(shè)備的一個(gè)新趨勢(shì)。

手機(jī)屏幕的越來(lái)越大，給我們移動(dòng)APP設(shè)計(jì)師帶來(lái)了一些挑戰(zhàn)和設(shè)計(jì)的空間。為什么呢？

因?yàn)榇笃聊皇謾C(jī)擁有了這些用戶(hù)難以觸摸的盲區(qū)：縱向單手操作機(jī)身，邊角、頂部、左右側(cè)邊難以觸達(dá)，放置在以上盲區(qū)的點(diǎn)擊入口，將導(dǎo)致體驗(yàn)路徑中斷。

所以，今天25學(xué)堂來(lái)跟大家講解一下如何做好大屏手機(jī)的APP交互設(shè)計(jì)。

我們先來(lái)回顧下用戶(hù)操作移動(dòng)端的一些交互常識(shí)：

1、國(guó)外的Steven Hoober對(duì)2千名用戶(hù)的手機(jī)使用習(xí)慣進(jìn)行了觀(guān)察和分析，發(fā)現(xiàn)其中75%的用戶(hù)會(huì)依賴(lài)于拇指進(jìn)行操作，而49%的用戶(hù)習(xí)慣于單手持機(jī)操作。

2、用戶(hù)必須將拇指伸出舒適區(qū)域才可能觸摸到界面頂部的交互的示意圖。

這張圖非常直觀(guān)明了的告訴了我們：左上角是我們的盲區(qū)，也是很難去點(diǎn)擊觸摸的地方。我相信各位對(duì)這張圖的說(shuō)明 看的明白。呵呵

3、手勢(shì)操作將會(huì)變的越來(lái)越重要。因?yàn)閱问植僮髯钭匀弧?

必須根據(jù)我們的用戶(hù)使用場(chǎng)景來(lái)提升我們的設(shè)計(jì)策略。另外Android上有單獨(dú)的back鍵，而iOS的返回一直依靠左上角的導(dǎo)航。大屏幕下，iOS的左上角點(diǎn)擊返回將非常低效，在屏幕邊緣右滑返回是最高效的模式。另外，針對(duì)信息流類(lèi)產(chǎn)品，點(diǎn)擊頂部迅速返回到最開(kāi)始的信息的模式，也是一種高效的交互。閱讀類(lèi)產(chǎn)品可以考慮使用雙擊關(guān)閉這類(lèi)的手勢(shì)交互。

4、人們享受著大屏帶來(lái)的暢快體驗(yàn)的同時(shí)，也忍受著由于機(jī)身太大帶來(lái)的痛楚，所以作為APP設(shè)計(jì)師，必須考慮和學(xué)會(huì)用一些小技巧來(lái)消除這些痛點(diǎn)。

5、準(zhǔn)確高效，流暢易用的操作流程會(huì)提升用戶(hù)的使用體驗(yàn)。

6、可視化的交互元素比隱喻的交互元素更好更直觀(guān)。盡量少用隱喻的交互元素。比如抽屜式導(dǎo)航、多功能操作圖標(biāo)等等技巧盡量的在大屏手機(jī)上少用為妙。

我們始終記住5點(diǎn)大屏手機(jī)app設(shè)計(jì)常識(shí)。

1、優(yōu)秀APP設(shè)計(jì)指導(dǎo)：

Fuubo是優(yōu)雅地設(shè)計(jì)和解決使用大屏手機(jī)完美發(fā)信息和發(fā)微博的痛點(diǎn)

2、底部Tab模式導(dǎo)航重新受追捧，這里發(fā)揮創(chuàng)意的地方很多

實(shí)際上，底部Tab模式導(dǎo)航在iOS和Android上一直是「最安全」的一種導(dǎo)航模式，他不怎么出彩，但是絕對(duì)不會(huì)犯錯(cuò)。在大屏幕時(shí)代，底部Tab模式的導(dǎo)航更能適應(yīng)，也更好設(shè)計(jì)。

比如左邊加個(gè)菜單圖標(biāo)，如?Amazon’s Music app的底部向上的菜單設(shè)計(jì)。

左右兩邊浮動(dòng)菜單的出現(xiàn)。

中間坨式菜單的應(yīng)用。這幾類(lèi)底部tab導(dǎo)航的變化給我們帶來(lái)新的設(shè)計(jì)交互方式。

最后一個(gè)交互設(shè)計(jì)，盡可能的把交互操作的圖標(biāo)往可觸摸區(qū)域靠近。

比如在iPhone 6?Plus大屏的用戶(hù)界面設(shè)計(jì)上，提供了橫版顯示新的交互界面，充分利用了用戶(hù)的視野，這也為大屏幕的交互體驗(yàn)增加了更大的拓展空間，例如例子中短信欄在橫版中增加顯示了發(fā)件人頭像。

同時(shí)為了增大大屏手機(jī)單手觸摸的范圍，iPhone 6 Plus提供了快速切換屏幕位置方便觸摸上方屏幕的用戶(hù)體驗(yàn)，為大屏手機(jī)增分不少。

所以，在大屏手機(jī)的app設(shè)計(jì)上，橫屏設(shè)計(jì)也將會(huì)是我們必須要考慮的一個(gè)方向和重點(diǎn)。

當(dāng)前是大屏手機(jī)的時(shí)代，徹底了解推動(dòng)你的手機(jī)APP產(chǎn)品設(shè)計(jì)進(jìn)步和app用戶(hù)體驗(yàn)度的提升。2015手機(jī)大屏?xí)r代的APP交互設(shè)計(jì)的6點(diǎn)建議?可以告訴你6種大屏手機(jī)設(shè)計(jì)交互的系統(tǒng)解決方案，值得一看。

大屏手機(jī)的APP設(shè)計(jì)，25學(xué)堂相信還有更多可以發(fā)揮創(chuàng)意的空間。也希望各位有好的設(shè)計(jì)交互解決方案可以跟我們聊一聊。

最后引用硅谷知名用戶(hù)體驗(yàn)設(shè)計(jì)師Michal Levin的語(yǔ)錄與大家共勉：

“任何好的設(shè)計(jì)都是通過(guò)在正確的時(shí)間正確的地方，提供給用戶(hù)滿(mǎn)足當(dāng)下的最好體驗(yàn)！”