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