美文网首页
交互设计-如何提升触屏手游的交互体验

交互设计-如何提升触屏手游的交互体验

作者: y_shen | 来源:发表于2017-08-20 17:22 被阅读141次

iOS 7 触屏游戏交互体验
之前在 youtube 上 看的一个关于提升 iOS7 手游的触屏UE的经验,自己用脑图总结了一下。虽然已经是iOS11的时代了,基本原则还是不变的! 

脑图


【结构】:

iOS 7 触屏游戏交互体验

1 操作方式

1.1 手持操作(点击、拖拽、滑动、伸缩、旋转、长按)

2 UI Element/界面元件

2.1 Buttons(按钮)

2.1.1 1.按钮要让手指容易按到。以iphone第三代设备为例,按钮视觉大小要大于44pt。实际尺寸:最小按钮7mm-9mm。

2.1.1.1

2.1.2 2.按钮点击状态需要高亮,,要么四周有特效。需要 保证玩家知道按钮已经按亮。

2.2 Alerts(警告对话框/系统弹窗)

2.2.1 1.减少用户思考时间。

2.2.2 1.右边放希望玩家点的按钮。(可以加强对比亮)

2.2.3 系统提示弹窗,减少废话。让用户直接了解弹窗的意思。

2.2.3.1

2.2.4 弹窗上显示两个意思清晰有区分的按钮。(选择性按钮太多,太少都不好)

2.2.4.1

2.2.5 减少玩家误操作

2.2.5.1

2.3 Scroll views (滚动条/滚动控件,滚动按钮)

2.3.1 ios 滚动条不具备操作性,起到提示作用。

2.3.2 提示可以滚动的三种方式

2.4 Popovers(浮动窗口弹出)

2.4.1 位置与所指对象对应,不能偏离或是盖过

2.4.2 不需要退出按钮(点击四周退出)

2.5 Page Controls(页面控制)

2.5.1 切换页面,不需要左右按钮

2.5.1.1

2.5.2 操作:拖动距离半个页面以内,放开后自动还原。距离半个到一个页面,放开后自动选中。

2.6 Progress Indicators(等待界面,进度条/loading)

2.6.1 进度,进程。需要让玩家知道等待的时间!

2.6.1.1

3 操作习惯

3.1 整个游戏,统一操作方式!

3.2 操作的音效响应及时。

3.3 模拟现实。操作不要呆板。有深浅层级变化能使界面更为流畅。

二月 29, 2016. Created by XMind

相关文章

网友评论

      本文标题:交互设计-如何提升触屏手游的交互体验

      本文链接:https://www.haomeiwen.com/subject/zdwfdxtx.html