當(dāng)你開(kāi)始設(shè)計(jì)APP的時(shí)候,一定要明白是iOS設(shè)備或者android設(shè)備有哪些獨(dú)特的地方,并了解各個(gè)系統(tǒng)的人機(jī)交互的設(shè)計(jì)原則,這對(duì)于用戶交互體驗(yàn)至關(guān)重要的。
如今用戶擁有更大屏幕的尺寸,主流來(lái)說(shuō)都是4.7英寸~5.5英寸的手機(jī)屏幕。但從人機(jī)交互的角度來(lái)說(shuō),這些尺寸都并不完美。為什么很多人認(rèn)為在蘋(píng)果手機(jī)歷史上,iphone4s是比較好用的一款手機(jī)的部分原因吧
面對(duì)這一現(xiàn)狀,從APP產(chǎn)品界面設(shè)計(jì)的角度,我們需要做出一些改變。特別是APP設(shè)計(jì)師或者APP交互設(shè)計(jì)師。
交互設(shè)計(jì)角度的最佳實(shí)踐以及6點(diǎn)建議:
大屏?xí)r代的APP交互設(shè)計(jì)第1點(diǎn):設(shè)計(jì)安全區(qū)域,避開(kāi)操作盲區(qū)。
示例下圖中的搜索結(jié)果頁(yè),根據(jù)視線規(guī)律,典型的左上角操作盲區(qū)可以用于logo展現(xiàn)。
大屏?xí)r代的APP交互設(shè)計(jì)第2點(diǎn):注意使用場(chǎng)景路徑觸發(fā)的連貫性。
示例,在手機(jī)助手Android中下載某瀏覽器應(yīng)用,操作區(qū)域集中在安全區(qū)域。
大屏?xí)r代的APP交互設(shè)計(jì)第3點(diǎn):更多的使用可拖動(dòng)的浮動(dòng)按鈕,給用戶更自由的操作可能
如下面瀏覽器Android中翻頁(yè)/返回頂部的組合按鈕。
大屏?xí)r代的APP交互設(shè)計(jì)第4點(diǎn): ?更多的使用手勢(shì),并提供暗示。
如下面瀏覽器Android的刪除窗口操作。
大屏?xí)r代的APP交互設(shè)計(jì)第5點(diǎn):更多的使用語(yǔ)音作為輸入方式。
如下圖的生活手記中使用語(yǔ)音替代鍵盤(pán)輸入。
大屏?xí)r代的APP交互設(shè)計(jì)第6點(diǎn):?橫屏Pad化的操作設(shè)計(jì),以及更多的內(nèi)容展現(xiàn)。
示例大部分瀏覽器iPhone的橫屏設(shè)計(jì),如同網(wǎng)頁(yè)的Responsive Layout概念。
在此,25學(xué)堂也希望各位APP設(shè)計(jì)師在針對(duì)具體屏幕設(shè)計(jì)的同時(shí),能夠從另外的視角,思考人機(jī)交互的變化與可能性,激發(fā)創(chuàng)造力。
下面是錘子手機(jī)一點(diǎn)創(chuàng)新能力分享。
Smartisan T1?下拉懸停的設(shè)計(jì)輕松的解決了大屏手機(jī)單手操作的問(wèn)題,值得學(xué)習(xí)。
全站高品質(zhì)素材免費(fèi)下載!