为什么要做交互设计这么设计:iPad交互设计

网页设计教程子分类您的位置:
iPad应用的用户界面交互设计
作者:Baidu MUX
&  iPad划时代地将我们带入了平板电脑时代,对于传统的移动终端的设计师而言,一个拥有更大的触摸屏幕,更大空间的舞台展现在大家面前,看上去一切都是那么的美好。然而如何在iPad上设计出优秀的用户界面?相信对于设计师们的挑战与忧愁远不止屏幕放大那么简单。
  1.模拟真实,沉浸其中
  大的屏幕、可以触摸的操作、支持多种手势&这一切条件都为让用户能沉浸于你的设计中提供了条件,那么如何将设计与用户生活的环境、习惯更好的结合,获得最佳的体验,就成为了一个挑战。
  Flipboard是一个非常好的例子,他没有任何的导航,但是却在你打开使用他的第一时间,使你能马上沉浸其中。你不会因为没有导航而迷失,因为每一个界面所展示的内容会让你一直保持跟随的思路。
  为什么这本非纸质的杂志,能吸引用户,让用户在打开它的那一刻就感觉自己像真正在阅读纸质杂志而投入其中呢?
  打开这个应用后的第一个界面,让用户顿时感觉在看一本杂志的封面,情景很好的与用户传统的阅读习惯相结合。占满整个封面的背景图、杂志名、少数简介无一不是参考了传统的纸质杂志的方式。
  翻开第一页,有序的排列着主要提供浏览的内容,让用户一目了然,不需要进行思考的就能选择自己喜欢阅读的内容。翻页的动画效果也真实的模拟了传统纸质的翻页方式,提供给了用户一个相当熟悉的生活环境和阅读环境。这样的沉浸感,用户如何会不爱呢?
  2.激发探索,恰到好处
  无可否认iPad给予了设计师们更多的创作灵感。那些各具设计感的界面不但在视觉上令人赏心悦目,交互体验上也多种多样。然而对于设计师来说内容的布局,信息的层次是难以把握的难题。并不是所有内容都需要逐一摆在界面上,那些适度隐藏了的某些内容,正是等待用户去发现的地方。
  在 Cool Hunting
的应用中,一些聪明的用户在没有任何提示的情况下会发现:可以通过左右滑动上部的栏目来显示更多图片内容,这些设计的小细节会令迅速发现了这一项很cool的设计的用户,获得一丝探索的喜悦和成就感。
  可还有一些用户却无法察觉到这些,他们可会花掉更长的时间,最后即使发现了也会抱怨:&连个提示都没有,让我找半天&。
  好的设计要有一定的空间给予用户来探索,但如果藏得太深又容易陷入类似的体验困扰。在激发用户探索的同时,也应该注意必要时刻应给用户以提示,避免让用户陷入谜团中。
  思考:探索之愁就在这个&度&的把握上。既要让用户获得一些探索的小喜悦,又要安抚用户的耐心并让应用保持良好的体验,是值得我们每一个设计师需要深思的问题。
  3.大道至简,一目了然
  优秀的iPad应用的用户界面共性是什么?简单的操作和优雅的用户体验,加上&少而精&的功能总是能吸引众多爱慕者。首先保持应用的操作简单,在设计中不要指望着用帮助按钮来解释说明如何操作,那些只是留给少数用户的耐性测试题。试问需要不断的一边阅读产品说明书,一边琢磨怎么进行操作的体验会让用户觉得流畅么?
  此外,在iPad的界面设计中还有一个更大的误区:传统的小屏幕的iPhone设计师们来到iPad这块广阔的大舞台上,容易抵挡不住大屏幕的诱惑,在界面上设计出更多的UI。而事实上一个更大的屏幕并不意味着你需要全部将其显示出来。
  这一点Pages就做的非常不错:
  它看上去像一个阅读的app,但当你需要与它进行交互的时候,与编辑相关的界面就呈现出来了。
  思考:选择性地保留或者隐藏掉一些界面,直到用户需要的时候及时被&呼唤&出来,让用户&所见即所得,所得则会用&,这种大道至简的设计思想正是让你应用保持魅力的关键所在。
  4.方向适配,布局多变
  相比而言,传统的UI设计就像是在一块指定大小的画布上进行绘画。而 &纵& 与 &横& 的转变 (portrait and landscape)
给设计师们带来了新的需求,他们需要关心的不仅仅是界面展现上的美感, 更要考虑界面如何适配这2种视图的改变以及如何优化这些变化对体验的影响。
  iPad和iPhone最大的不同之处是屏幕大小。iPad有更多的空间来展示,所以在设计app时尽可能的减少页面层级,避免让用户打开一个又一个的页面来完成整个操作流程。
  Mail利用气泡形式收纳起了导航部分,当用户需要时,点开一个按钮即可展示,同时可以在右侧进行相关其他操作。
由竖变横时,随着宽度的增加,设计师在设计时就将原本隐藏的导航部分,展示了出来。 在布局层次上保持了一致,用户对整个流程的体验也得到了优化。
  很多应用在iPad上的展示都如此:
  由此可见,在遭遇横竖屏转换时,应避免改变用户在横竖屏切换中的使用习惯。即使屏幕进行了横竖切换,在层级架构、页面布局、展示上保持基本原则上的一致,这样才能保证用户不会在使用过程中迷路。
  思考:有时候即使是方向适配也需要考虑成本! 如何以最小的代价在 &纵&&横&之间保持游刃有余,而又要保持美观?
可能对于一些个人开发者更是需要深思的问题。
  &未雨绸缪方能事不愁&,美好的设计总是需要先为用户考虑更多。对于我们设计师们而言,iPad不仅仅是一个&放大&的iPhone那么简单,它&放大&的更是视觉上和体验上更多想象的空间,同时还有机遇和挑战。
(转载请保留)
热门话题大家都在看
互联网的一些事,已超50万小伙伴关注!浅谈交互设计如何提升网站用户体验
前几天跟同事聊天的时候听说了一个故事:一个人的爷爷七十岁高寿的时候,他买了台iPad给爷爷。但是同事们都笑他,因为像这高科技的东西爷爷怎么会接受、接受了又知道怎么用吗。但是没想到的是爷爷却说:&这是我很久之前就想买的了。&说完就开始拿起智能手机玩起了游戏。
这是怎么样的一种现象呢?为什么像iPad这样高科技的东西会在各个年龄段里被广泛的接受呢?在我们的传统印象中,那些高科技的东西都是年轻人的玩意,也就只有年轻人才能这么快的接受新事物。现在无论老人小孩都会用像iPad的&高科技&,而且它的基本操作都很少需要看说明书。
导致会出现这种情况的原因究竟是人们接受电子产品的能力提高了呢?还是现在的电子产品更加容易让孩子接受呢?
这不禁让我思考,是怎样的设计让生活变得如此简单,怎么才能让设计成为&用户的本能&?
首先应该是理解你的用户群
我们要把自己当作是用户,用户是挑剔的:我们想要的操作是简单的、快捷的、易于操作的、能少键入就少输入的、能少点击就少点击的、能少思考就少思考的。而我们的产品则要做到体贴、温暖、宽容、有安全感、易理解好沟通。这样才能更容易被用户所接受,利于产品的下一步推广。
其次我们应该充分理解、引导用户的行为流
一方面我们要充分了解用户可能的点击流程,要能够做到让用户的每一次点击甚至于下一步的操作都能随心所欲;而另一方面产品也要做到好理解,要有好的信息架构。而对于整个操作的完成,我们也需要有引导说明,这样用户才会知道自己在整个操作中已经完成到哪里,还剩下哪些操作没有做。除此之外,还要做到能够便于用户的返回、后退等操作。
最后我们的设计应该做到易被理解
而产品操作易被理解,不仅包含文字说明、视频操作,而且整个交互操作也要做到透明,在操作的前、中、后三个步骤中我们要做到:
操作前,结果可预知。
操作时,操作有反馈。
操作后,操作可撤销。
当然,我们的交互操作还是需要靠更外一层视觉元素的支持,这样才能更好的融入用户的生活。
现在的社会人与人之间需要交流,人与产品之间也需要交流。而交互设计便是人机交流的关键。为了这个目标我们要做出不懈的努力&&让生活变得更简单。本文由左旋肉碱哪个牌子好 /原创,欢迎大家转载,转载时请保留此链接,谢谢合作!
注:相关网站建设技巧阅读请移步到频道。
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
网友热评的文章(Creative Ones)
(乖!摸摸头)
(撞倒地球_咚次咚)
(IDC创新设计)
第三方登录:

我要回帖

更多关于 ui交互设计培训ujiuye 的文章

 

随机推荐