如何做好大屏手機的APP交互設計【APP設計課程】

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

也就是說如今的手機是大屏手機的時代。手機大屏幕已經(jīng)成為移動設備的一個新趨勢。

手機屏幕的越來越大,給我們移動APP設計師帶來了一些挑戰(zhàn)和設計的空間。為什么呢?

因為大屏幕手機擁有了這些用戶難以觸摸的盲區(qū):縱向單手操作機身,邊角、頂部、左右側(cè)邊難以觸達,放置在以上盲區(qū)的點擊入口,將導致體驗路徑中斷。

所以,今天25學堂來跟大家講解一下如何做好大屏手機的APP交互設計。

 

我們先來回顧下用戶操作移動端的一些交互常識:

1、國外的Steven Hoober對2千名用戶的手機使用習慣進行了觀察和分析,發(fā)現(xiàn)其中75%的用戶會依賴于拇指進行操作,而49%的用戶習慣于單手持機操作。

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

大屏手機的APP交互設計

 

這張圖非常直觀明了的告訴了我們:左上角是我們的盲區(qū),也是很難去點擊觸摸的地方。我相信各位對這張圖的說明 看的明白。呵呵

 

3、手勢操作將會變的越來越重要。因為單手操作最自然。

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

4、人們享受著大屏帶來的暢快體驗的同時,也忍受著由于機身太大帶來的痛楚,所以作為APP設計師,必須考慮和學會用一些小技巧來消除這些痛點。

5、準確高效,流暢易用的操作流程會提升用戶的使用體驗。

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

 

我們始終記住5點大屏手機app設計常識。

 

1、優(yōu)秀APP設計指導:

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

DS03

 

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

實際上,底部Tab模式導航在iOS和Android上一直是「最安全」的一種導航模式,他不怎么出彩,但是絕對不會犯錯。在大屏幕時代,底部Tab模式的導航更能適應,也更好設計。

比如左邊加個菜單圖標,如?Amazon’s Music app的底部向上的菜單設計。

app tab底部布局設計

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

中間坨式菜單的應用。這幾類底部tab導航的變化給我們帶來新的設計交互方式。

溜溜寵物APP

 

葡萄社APP設計

 

最后一個交互設計,盡可能的把交互操作的圖標往可觸摸區(qū)域靠近。

大屏手機的APP交互設計3

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

同時為了增大大屏手機單手觸摸的范圍,iPhone 6 Plus提供了快速切換屏幕位置方便觸摸上方屏幕的用戶體驗,為大屏手機增分不少。

所以,在大屏手機的app設計上,橫屏設計也將會是我們必須要考慮的一個方向和重點。

 

 

當前是大屏手機的時代,徹底了解推動你的手機APP產(chǎn)品設計進步和app用戶體驗度的提升。2015手機大屏時代的APP交互設計的6點建議?可以告訴你6種大屏手機設計交互的系統(tǒng)解決方案,值得一看。

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

最后引用硅谷知名用戶體驗設計師Michal Levin的語錄與大家共勉:

“任何好的設計都是通過在正確的時間正確的地方,提供給用戶滿足當下的最好體驗!”

 

每天更新,
全站高品質(zhì)素材免費下載!