- 浏览: 80354 次
文章分类
- 全部博客 (136)
- 我的技术资料收集 (98)
- 具体技术 (1)
- 的技术资料收集 (4)
- All Articles (1)
- 机器学习 Machine Learning (1)
- 网络编程 (1)
- java (2)
- ava (1)
- 零散技术 (1)
- C# (3)
- 技术资料收集 (1)
- CQRS (1)
- 数据库技术(MS SQL) (1)
- .Net微观世界 (1)
- Oracle SQL学习之路 (1)
- C/C++ (1)
- JS/JQ (1)
- Js封装的插件/实例/方法 (2)
- 敏捷个人 (2)
- Javascript (1)
- 程序设计---设计模式 (1)
- Bug (1)
- 未知分类 (1)
- 程序设计 (1)
- Sharepoint (1)
- Computer Graphic (1)
- IT产品 (1)
- [06]JS/jQuery (1)
- [07]Web开发 (1)
- .NET Solution (1)
- Android (3)
- 机器学习 (1)
- 系统框架设计 (1)
- Others (1)
- 算法 (1)
- 基于Oracle Logminer数据同步 (1)
- 网页设计 (1)
- 原创翻译 (1)
- EXTJS (1)
- Jqgrid (1)
- 云计算 (1)
最新评论
原帖地址:http://www.cnblogs.com/cocowool/archive/2013/05/25/3098188.html
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
苹果iPhone手机的发布,可以说带来了一个全新的“触摸”时代。现如今,就连小孩子都能够非常自然的使用一些触摸设备,手机、iPad等等。父母们一定很惊奇孩子们能够如此快的学会这些设备的使用方式,从这一点来看触屏设备的界面和交互设计中隐藏着很多种可以让使用体验更加简单和有趣的要点。
菜单栏和按钮的挑战
苹果发布的“Human Interface Guidelines”以及苹果应用审核委员会,对数以万计的应用产生了重要的影响。它帮助众多的设计师和程序员理解了移动界面设计中的核心UI。例如苹果一直推荐的 UITabBar 和 UINavigationBar。然而实际上我们设计或制作的第一个应用可能并没有包含顶部或底部导航,手机屏幕的尺寸是如此珍贵,如果设计了顶部和底部导航,则会占据屏幕20%的内容。我们需要记住的一条原则是:用尽可能多的空间展示内容。
在这个充满创新的行业中,设计师需要时间去创造出更有创意、也更加原本的用户界面。也许正是苹果应用审核委员会的拒绝评语“think out of the box”,才能激发出象 Clear 和 Rise 这样的应用,让我们看到触屏界面设计的一些希望。
手势驱动界面的威力
在两年以前,我在探索手势如何才能为移动应用用户界面带来价值时总结了一条规律,“手势的使用必须自然而然”。这也就是为什么 Loren Brichter的“向下拖动刷新”几乎成为了行业的一个标准。
清除UI障碍
开始设计一个更加手势驱动的界面,你面临的最大问题就是“不要总是觉得应该把一些导航元素弄成可见的”。相反,我们可以想象一个2-D或者3-D的屏幕空间,可以考虑将导航放在上、下、左、右任何一个位置,设计一个轻轻拖动或者扫过的手势,导航出现。以Facebook和Gmail的iOS版来说,我觉得最重要的一个特性就是“side-swing”菜单。这个UI概念非常易于使用。这样做的好处一方面在于能够让App的显示更加注重内容,另一方面也使得触发另外一个界面只需要一步或者两步操作就可以实现。
除了界面的导航,App中的内容有时也需要与用户进行互动。在所有内容下放摆放三个按钮,一定会将界面弄的混乱。这时才是使用手势的最佳时机。考虑一下双击屏幕或者长按屏幕。Instagram中,双击屏幕可以对一个内容进行Like或者Unlike。所以别再犹豫了,尽量的使用手势而不是传统的导航控件吧。
具有适应性的界面
对于一个创新的App来说,预测用户的行为通常是非常困难的。作者在做Belgium's Public Radio的时候,一直困惑于应该为用户提供什么样的界面,最终,决定提供三种不同的界面布局形式,而布局的调整可以通过拖动图标来实现。
仔细考虑时间、空间和动画
用户轻拍一个项目时会触发什么动作?如何对这个动作实现可视化?进入视窗的速度是多少?应该自动消失吗?
触摸设备的出现极大的改变了我们设计交互的方式,与传统的思考屏幕和页面的角度不同,我们需要更多的考虑时间、空间和动画这三者的结合。那么你一定会发现,设计并向同事展示这些交互概念,还采用传统的静态页面的方式已经远远不行了。一些原型工具,例如 Pop 和 Invision ,能够创作具有动态效果的原型。这样就非常容易来测试程序的流程,并且来检验用户会卡在什么地方。这样做充满了实验主义和创新精神,在向客户进行展示时,不再使用传统的静态页面和简单导航,而是将客户邀请进来参与整个交互过程。这样做会增加预算、延长工期,但是如果客户允许你这么做,那一切都不是问题了。
学习曲线
在设计手势驱动的用户界面时,移走传统的导航元素,用户的学习曲线就会对应上升。如果没有适当的用户引导,很可能用户会茫然不知所措。一点小小的探索没有关系,但是必须让用户清楚从哪里开始。很多应用在第一次运行时都有一个介绍,我觉得开场的介绍应该只介绍哪些最重要的交互方式,不要所有的东西都进行解释,那多数用户都会跳过这个步骤。也可以采用另外一种方式进行引导,再用户第一次要用到某个特性的时候进行介绍,Youtube的应用中就有这样的例子。
Stop Talking,Start Making
参考资料:
发表评论
-
C#WebBrowser控件使用教程与技巧收集--苏飞收集 - sufeinet
2013-06-28 12:07 1027原帖地址:http://www.cnblogs.com/suf ... -
我要喷一个自认为很垃圾的网站架构 - 老赵【苏州】
2013-06-28 12:01 1092原帖地址:http://www.cnblogs.com/lao ... -
[翻译] Oracle Database 12c 新特性Multitenant - Cheney Shue
2013-06-28 11:43 600原帖地址:http://www.cnblogs.com/ese ... -
memcahd 命令操作详解 - 阿正-WEB
2013-06-28 11:37 443原帖地址:http://www.cnblogs.com/azh ... -
面向过程的代码符合大众的思维方式吗? - 史蒂芬.王
2013-06-27 10:28 560原帖地址:http://www.cnblogs.com/ste ... -
面向过程的代码符合大众的思维方式吗? - 史蒂芬.王
2013-06-27 10:28 535原帖地址:http://www.cnblogs.com/ste ... -
RPG游戏之组队测试 - zthua
2013-06-27 10:22 526原帖地址:http://www.cnblogs.com/zth ... -
IT人们给个建议 - SOUTHER
2013-06-26 14:06 496原帖地址:http://www.cnblogs.com/sou ... -
Java向前引用容易出错的地方 - 银河使者
2013-06-26 14:00 463原帖地址:http://www.cnblogs.com/nok ... -
使用Func<T1, T2, TResult> 委托返回匿名对象 - 灰身
2013-06-26 13:54 772原帖地址:http://www.cnblo ... -
【web前端面试题整理03】来看一点CSS相关的吧 - 叶小钗
2013-06-25 10:45 749原帖地址:http://www.cnblogs.com/yex ... -
Windows 8 动手实验系列教程 实验6:设置和首选项 - zigzagPath
2013-06-25 10:27 587原帖地址:http://www.cnblogs.com/zig ... -
闲聊可穿戴设备 - shawn.xie
2013-06-25 10:21 528原帖地址:http://www.cnblo ... -
CentOS下Mysql安装教程 - 小学徒V
2013-06-23 15:24 574原帖地址:http://www.cnblogs.com/xia ... -
vmware安装ubuntu12.04嵌套安装xen server(实现嵌套虚拟化) - skyme
2013-06-23 15:18 807原帖地址:http://www.cnblogs.com/sky ... -
之前专门为IE6、7开发的网站如何迁移到IE10及可能遇到的问题和相应解决方案汇总 - 海之澜
2013-06-23 15:12 912原帖地址:http://www.cnblogs.com/wuz ... -
Android学习笔记--解析XML之SAX - 承香墨影
2013-06-23 15:01 380原帖地址:http://www.cnblo ... -
SQL Server 性能优化之——T-SQL TVF和标量函数
2013-06-19 09:32 627原帖地址:http://www.cnblogs.com/Boy ... -
Nginx学习笔记(二) Nginx--connection&request
2013-06-19 09:26 618原帖地址:http://www.cnblogs.com/cod ... -
从郭美美霸气侧漏看项目管理之项目经理防身术
2013-06-19 09:20 469原帖地址:http://www.cnblogs.com/had ...
相关推荐
超越团队 超越团队 超越团队 超越团队 超越团队 超越团队 超越团队 超越团队 超越团队
谈到触摸感应,无论是在MCU还是在传感器市场上,都是增长快的份额之一。电容式的感应产品正在以非常快的速度进入触摸感应的整体技术市场。据预测显示,2011年的单年触摸感应半导体需求将达到30亿美元。到2011年仅...
用Rainmeter来美化Windows7界面超越苹果.docx
谈到触摸感应,无论是在MCU还是在传感器市场上,都是增长最快的份额之一。电容式的感应产品正在以非常快的速度进入触摸感应的整体技术市场。据预测显示,2011年的单年触摸感应半导体需求将达到30亿美元。到2011年仅...
【SD高达G世纪超越世界】各强力机体开发路线~超越世界开发.doc
超越者GPS驱动
超越visio的绘图工具,性能强大,界面美观
替代windows开发工具Inspect的工具软件,微软自己开发的开源软件,可以查看界面上的元素的相关属性。可用于自动化测试(UIAutomation)等方面。可以参考链接:...
超越5000编程器的使用说明。 讲得很详细。
尽在双11:阿里巴巴技术演进与超越,尽在双11:阿里巴巴技术演进与超越尽在双11:阿里巴巴技术演进与超越尽在双11:阿里巴巴技术演进与超越尽在双11:阿里巴巴技术演进与超越尽在双11:阿里巴巴技术演进与超越尽在...
超越团队.exe超越团队.exe
《超越平凡的平面设计:版式设计原理与应用》是美国著名平面设计师John McWade的第二本有关平面设计的著作。与《超越平凡的平面设计——怎样做好版式》一样,《超越平凡的平面设计:版式设计原理与应用》也是享誉全球...
超越部分资料.超越部分资料.超越部分资料.
这些透明或不透明的表面主要基于电阻和电容技术,取代机械开关,薄膜开关,圆顶开关和按钮,为嵌入式微型设备提供用户界面信息,远远超出按钮按压。 专用触摸屏接口芯片的出现有助于减轻主机处理器的负担并...
超越考研数学模拟试卷一 2010年内部试卷
这是一本关于思维的书,写的很好,这是第九版,英文的,当然必须读英文的。
本文讲解了超越摩尔的概念和意义,还有一些发展趋势和影响
2021合工大超越5套卷.rar
超越平凡的平面设计