文档章节

触控手势怎么设计才好用(五)

博为峰教研组
 博为峰教研组
发布于 2016/12/06 19:19
字数 568
阅读 32
收藏 0

适度的应用手势

 

2014年很火的《Flappy bird》。游戏以简单而有效的方式使用了基本的手势。点击或不点击是游戏中唯一的操作手势。玩家可以很快的知道应该使用什么手势,怎么利用手势去进行游戏。

Flappy Bird中玩家只需要用一根手指来操控

 

提供即时反馈

 

在用户触摸屏幕的时候,立即提供视觉的提示,可提高用户的信心。交互操作涉及到的元素可以表现为改变颜色、改变大小或发生移动/震动。

 

3D touch的震动反馈

 

使操作可逆

 

触控互动操作是要可逆的。提供视觉反馈来告诉当用户抬起手指时会发生什么,同时允许用户取消操作。这可以使你的应用能够安全地使用触控操作进行浏览。

 

微信取消发送语音

 

不要让你的手势触发区域远离拇指热区(拇指法则)

 

拇指的活动范围对操作手机的效率以及正确度都有一定的影响。

 

虽然拇指能够划到整个屏幕,但拇指在所及范围和灵活性上是有限的,只有三分之一的屏幕是真正容易触碰到的——也就是拇指正对的区域。为了获得舒适的人机体验,应将主要点击的地方放置在方便拇指点击的范围内。

保持手势的全局性

 

不要让用户在你的应用中适应了你创造的手势后,却又在你的应用中碰壁。

 

如果用户已经习惯你的手势,觉得你的手势达到了方便快捷的目的,并且耗费学习成本掌握适应了你的手势,那么意味着你成功了一半。尽量用最简单的手势完成常用功能,需要复杂手势操作完成的功能,要有一个方便且更容易发现的方式互相配合。尽量使用统一的手势,以减少不同手势的切换频率。

全局手势在iOS中的使用场景

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
触控手势怎么设计才好用(三)

四、好用的手势是怎样的? 首先我们来看多点触控的优缺点。 那么什么是好用的手势呢? 好用的手势主要是简单并支持单手操作,它们和“下拉刷新”一样受欢迎,也像 iBook的翻页动作那样自然简...

博为峰教研组
2016/12/06
0
0
触控手势怎么设计才好用(一)

一、什么是触控手势 触控手势就是自然用户界面(NUI)的一种表现形式。 自然用户界面(Natural user interface, NUI)是指一种无形的用户界面。NUI只需要人们以最自然的交流方式(如语言、文...

博为峰教研组
2016/12/06
8
0
触控手势怎么设计才好用(二)

二、触控手势的使用情景 情景指的是用户使用时的环境和状态——也就是任何可以影响用户跟设备进行交互的内容。由于这些情景持续并快速地变化,对移动设备而言就显得极其重要。我们要考虑用户...

博为峰教研组
2016/12/06
4
0
设计支持手势操作的 XNA 游戏(转载)

摘要 上一回我们为大家介绍了更多的 XNA Framework 支持游戏开发的类别,包括支持输入控制,音效播放,以及背景音乐播放控制的类别等等,让读者能够为所制作的游戏程序加入更丰富的游戏效果。...

junwong
2012/02/17
660
0
The Core iOS CookBook 第一章节学习笔记 - 手势和触控

手势和触控基础知识 触摸控制 是 iOS 系统交互的核心方式。 触控 Cocoa Touch 以尽可能简单地方式实现了直接的操控。它会把触控事件发送给你正在进行交互的视图。 每一次触控都会转达很多的信...

Herbert77
2015/09/02
7
0

没有更多内容

加载失败,请刷新页面

加载更多

play framework 如何支持多数据源

有段时间没有写博客了,但今天又写一篇了,主要是因为这事有一丝自己的思考和动手实践,所以就记录下来了。 现有的问题: play 1.2.4 两台数据库服务器,但是play1.2.4 并不支持同时连接两台...

tuerqidi
15分钟前
0
0
Mysql only_full_group_by解析

查看当前数据库模式: select @@sql_mode; 原因: mysql 5.7中的sql_mode的值中包含'ONLY_FULL_GROUP_BY'; 处理:执行以下SQL set GLOBAL sql_mode ='STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,N......

bug_404
16分钟前
0
0
防止表单重复提交

1:前端方式(治标不治本) $("#admin-role-save").click(function(){//admin-role-save为submit的idvar ts=$(this);var ts_old_val=ts.val();ts.val("提交中....");ts.att...

uug
16分钟前
0
0
保持屏幕常亮

getWindow().setFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON, WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); 在act的created方法中调用即可,一般是播放视频的时候......

Carbenson
16分钟前
0
0
智能合约实施指南

与区块链技术一样,智能合约在商业领域也非常有价值。 为了让我们的读者彻底了解智能合约是什么以及它们如何影响现代商业的交易方式,我们准备了本指南。 集中商业模式正在给去中心化的模式让...

geek12345
19分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部