交互設(shè)計(jì)-如何提升觸屏手游的交互體驗(yàn)

iOS 7 觸屏游戲交互體驗(yàn)
之前在 youtube 上 看的一個(gè)關(guān)于提升 iOS7 手游的觸屏UE的經(jīng)驗(yàn),自己用腦圖總結(jié)了一下。雖然已經(jīng)是iOS11的時(shí)代了,基本原則還是不變的!?

腦圖


【結(jié)構(gòu)】:

iOS 7 觸屏游戲交互體驗(yàn)

1 操作方式

1.1 手持操作(點(diǎn)擊、拖拽、滑動(dòng)、伸縮、旋轉(zhuǎn)、長(zhǎng)按)

2 UI Element/界面元件

2.1 Buttons(按鈕)

2.1.1 1.按鈕要讓手指容易按到。以iphone第三代設(shè)備為例,按鈕視覺(jué)大小要大于44pt。實(shí)際尺寸:最小按鈕7mm-9mm。

2.1.1.1

2.1.2 2.按鈕點(diǎn)擊狀態(tài)需要高亮,,要么四周有特效。需要 保證玩家知道按鈕已經(jīng)按亮。

2.2 Alerts(警告對(duì)話框/系統(tǒng)彈窗)

2.2.1 1.減少用戶思考時(shí)間。

2.2.2 1.右邊放希望玩家點(diǎn)的按鈕。(可以加強(qiáng)對(duì)比亮)

2.2.3 系統(tǒng)提示彈窗,減少?gòu)U話。讓用戶直接了解彈窗的意思。

2.2.3.1

2.2.4 彈窗上顯示兩個(gè)意思清晰有區(qū)分的按鈕。(選擇性按鈕太多,太少都不好)

2.2.4.1

2.2.5 減少玩家誤操作

2.2.5.1

2.3 Scroll views (滾動(dòng)條/滾動(dòng)控件,滾動(dòng)按鈕)

2.3.1 ios 滾動(dòng)條不具備操作性,起到提示作用。

2.3.2 提示可以滾動(dòng)的三種方式

2.4 Popovers(浮動(dòng)窗口彈出)

2.4.1 位置與所指對(duì)象對(duì)應(yīng),不能偏離或是蓋過(guò)

2.4.2 不需要退出按鈕(點(diǎn)擊四周退出)

2.5 Page Controls(頁(yè)面控制)

2.5.1 切換頁(yè)面,不需要左右按鈕

2.5.1.1

2.5.2 操作:拖動(dòng)距離半個(gè)頁(yè)面以內(nèi),放開(kāi)后自動(dòng)還原。距離半個(gè)到一個(gè)頁(yè)面,放開(kāi)后自動(dòng)選中。

2.6 Progress Indicators(等待界面,進(jìn)度條/loading)

2.6.1 進(jìn)度,進(jìn)程。需要讓玩家知道等待的時(shí)間!

2.6.1.1

3 操作習(xí)慣

3.1 整個(gè)游戲,統(tǒng)一操作方式!

3.2 操作的音效響應(yīng)及時(shí)。

3.3 模擬現(xiàn)實(shí)。操作不要呆板。有深淺層級(jí)變化能使界面更為流暢。

二月 29, 2016. Created by XMind

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容