iPhone设计:利用图形元素和屏幕交互设计

在过去的两年里,你能想象的一些很烂的应用设计也入驻了优雅的iPhone。通过它周边的宣传,使得世界各地的设计者们都利用这个新的移动工具来一展身手。结果虽搞出了成千上万的iPhone应用,但通常不好用也不直观。然而有些设计师则是花费大量时间为创造更好用的界面而努力着(是的,这些都是好用且有创意的界面)。

本文探究了如何让设计师利用图形元素和屏幕交互,制作出易识别又易操控的iPhone应用。目的在于揭示iPhone应用设计的普遍趋势和设计方法——请注意,这些未必是设计和可用性中的最佳观点。

1. 镜像iPhone原生界面元素

“告诉他们你要告诉他们的,去告诉他们,然后告诉他们你告诉过他们。”(译者:作者在表达她当时的感受吧) 在你的应用中创建一套新的OS可能很有趣,但在移动设备上处理时,人们只想简明扼要。简明扼要的意思是,设计师得遵循OS的流程,创建一个无说明的应用,给最终用户去操作。镜像出用户熟悉的布局和界面元素可以节省时间和精力。所以这看起来是设计iPhone应用时的一个便利途径啊。

Facebook (iTunes Link)
在新版Facebook 3.0中,你会发现这样一个栅格布局,用户可以通过左右滑动屏幕进入更多分类。因为它镜像了苹果的原生界面,所以用户根本不用再学如何使用。网页设计中存在类似方法:用户会预料到logo在左上角,导航也在上面,等等。Facebook把这它延续到了移动应用上,用大按钮可以轻松的被识别和点击。

Where (iTunes link)
Where使用了相同的概念,它允许用户通过左右滑动屏幕来获取更多信息。

Tweetdeck (iTunes link)
Tweetdeck是用户界面设计中一个很好的例子。高亮显示的最近更新多吸引注意力啊。此应用能以归类或标签列表形式,在新窗口中显示更新。但不会替换掉一个已显示的对话菜单,它可以作为跳转到具体类目或清掉消息提醒的跳板。

时间: 2024-10-28 23:19:50

iPhone设计:利用图形元素和屏幕交互设计的相关文章

浅谈交互设计:面向用户和现实的交互设计

交互设计实用指南系列(0)--我们眼中的交互设计 交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的.

交互设计理论:我们眼中的交互设计

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的. 从用户角度来说,交互设计是一种如何让产品易用,有效

交互设计经验分享:WEB拖放交互设计

文章描述:交互设计经验分享:WEB拖放交互设计.   开篇呈上赵本山和宋丹丹的小品笑话:  要把大象放进冰箱总共分几步? 把大象塞进冰箱要3步:1 把冰箱门打开:2 把大象装进去:3 把冰箱门带上. 这虽是一则脑筋急转弯的笑话,但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤. 1.    虚实结合的世界  随着信息化时代的到来,我们的生活不仅局限于可触摸的自然环境,而且拓展到无形的虚拟环境中.继而,真实生活中的行为,如购物.交友.娱乐,也会映射到虚拟环境里.虚拟世界中,鼠标.键

web设计和设计流程 有趣的web交互设计

文章描述:创意十足的web布局及交互设计. 富有灵感和创意的设计与一般设计的区别在于,它不那么容易被想到和实现,一旦它被实现,一个非常有趣并且迷人的网站就诞生了. 网站几乎每天都能见到,但是不是每一个网站你都会说"真希望我也能想到过!" 设计者们正在做的是一项伟大的工作,那就是提出且合并各种高水平设计的网站,这些网站都是最新颖的原创作品,同时还保持了很高的可用性.不规则的颜色.形状,及其导航就可以生成最有趣.最吸引人的网站.当然,能想到这个点子是很难的,实现起来也有一定的困难. 但是说

触屏产品的GUI设计:GUI中的开关交互设计

文章描述:按钮的状态和功能. 前几天偶尔看了一款触屏产品的GUI设计,发现了一个问题.下图是某个应用的开关,你能看明白吗? "on"表示的是当前状态是"开",还是表示当前状态是关,点击后打开呢? "off"表示的是当前状态是"关",还是表示当前状态是开,点击后关闭呢? 图一 下面是iphone的GUI中的开关,展现的很清楚. "on"表示的是状态,即当前为"开",点击后会关闭 "

移动的交互设计:手机语音自动识别的交互设计

文章描述:浅析手机语音交互设计. 语音识别技术,也被称为自动语音识别,其目标是将人类的语音中的词汇内容转换为计算机可读的输入,例如按键.二进制编码或者字符序列. 语音识别技术作为输入方式,比按键输入和手势输入更为快捷,学习成本很低,对于非特定人连续语音识别系统的识别率达到98.73%,已经达到实用要求,具有广阔的应用前景,在手机端的应用有语音拨号.语音输入.语音命令.语音搜索和语音翻译等. 语音的技术原理比较复杂,可以从语音交互的过程来理解: 1.开启语音识别功能.一般由用户手动点击按钮启动,手

交互设计个人经验和理解:交互设计的经验总结

文章描述:谈交互设计的经验积累. 交互设计师的工作中,基础的工具.常识.流程--,这些都能够轻松学习到:最终的产出物,也能够找得到成熟的范本:而只有中间的经验,只能来自积淀,没有速成的方法. 这篇分享,把自己成长中和交流中获得的一些经验略微举例,加上交互相关的一点基础,希望能给对交互设计有兴趣的朋友提供一些帮助. 提纲: 1. 入门 1.1. 工具 1.2. 原则/常识 2. 称职 2.1. 经验 2.2. 经验积累的切入点--模仿并思考 3. 进阶 3.1. 一定程度地违反逻辑 3.2. 扩展

什么是交互设计?工作中的交互设计

文章描述:那些工作教会我的事情(1):关于交互设计. 自从被知道成为交互设计师的那一天起,邮箱或IM上,间歇性地,会收到很多师弟师妹的信息,让我说说这个职位,谈谈感想,说说见解,给他们指明一条平坦的道路.(可惜我一路走来颇为争扎.)这快2年的时间,搪塞了不少没法回答的问题,也忽悠了一些不靠谱的人.但总体而言,写这篇文章除了给师弟师妹们一个解答之外.也是给自己的一种总结:让自己的知识显性化,有所积淀,有所运用与传承. 什么是交互设计? 交互设计,又称互动设计,(英文Interaction Desi

VXPLO:网页交互设计的大升级

当鼠标点到视频中出现的金发女郎身上,她的裙子与包上会显示其价格及购买场所--这款产品可以形成诸如此类的各种网页设计交互效果.文 | 夏宏在以往,一位设计师如果要在自己设计的网页上添加交互设计会非常麻烦:大量的交互代码,多种设备,还需要自己的作品同时支持IE浏览器6/7/8版本,设计师与程序员之间需要耗费很高的沟通成本,并且,最终呈现出来的效果未必能完全实现设计师的构想.此前有人用Flash制作动画与交互设计,但它对HTML5的支持不够理想,且不支持智能手机.平板电脑,因此这种方式逐渐被淘汰;Go