现在的位置: 首页 > 软件开发 > 正文

iPad应用设计规则

2010年10月25日 软件开发 ⁄ 共 3148字 暂无评论 ⁄ 被围观 1,148+

只需要一些JavaScript编程技术加上像Appcelerator’s Titanium这样的开发工具,自己做一个iPhone 或者iPad的应用是很简单的。问题在于不要一再的犯App Store中产品的设计错误。这篇文章里我们就来看看设计成功的iPad应用要注意哪几点。

Design For People 设计以人为本

应用会让iPad更精彩,毫无疑问。但是在开始设想你的应用的时候,最先考虑的是什么?创意?还是设备?真确的答案是:都不是。应该先考虑的是 “人”。当你为应用做头脑风暴或者研究的时候,回过头去仔细想一想生活中的人们会在怎样的环境中如何使用这个设备。如何让iPad成为我们生活的一部分?什么时候我们需要它是笔记本电脑,什么时候我们需要它是iPod Touch?

Who Are Your People? 你的用户是谁?

理想情况下,你就是自己产品的用户中的一员,但是把这个作为一个理由来决断“我知道这些人要什么”,将会把你引到错误的的道路上,你的产品将永远无法超越自己的想象力。当你仔细考虑各种各样会使用你产品的人的时候,惊喜也许正在等着你。你的目标用户也许和你想的并不一样;或者,在定义目标用户的时候,你会发现你的产品还缺少某种重要的功能。

例如我们的一个画画的应用,最初我们的目标用户是那些喜欢尝试的技术人员,但是在一些分析之后我们发现,如果把界面设计的更加简单,那么那些技术人员的孩子们也会迷上这个应用。

注意:定义你的目标用户。他们是谁?他们生活在什么样的地方,在哪里工作,在哪里玩?他们面临什么样的问题?给他们中的一个起个名字,设定他的工作、他的家庭、他的车,然后看看你的思路是不是会有什么改变。

What Is Your People’s Story? 你的用户有着什么样的故事?

定义好你的用户,还只完成了一半。现在你得把他放在故事情节里面。他们平时的日常生活是怎样的?他们的日常生活中会因为什么对你的产品感兴趣?去想想他们在想什么,我敢保证这会让你看到一些你期待的或者从没考虑到的东西。

你并不需要什么思考的软件来做这件事。下面是一个对于我们应用的使用案例草图。当写出一些使用案例后,我们发现人们在进行原创绘画的时候常常容易对画画失去兴趣,因为他们会说“我不会画”,但其实他们还是想自己创造一些好看的东西。起初我们计划把APP和图案一起发布,就像经典的Lite- Brite玩具一样。但是我们没意识到如果我们提供预制的图形和模板而让人们来填颜色的话,人们就会更喜欢玩这个App。多么重要的反馈啊!

Img-use-case in Useful Design Tips For Your iPad App

在实现一个应用的创意的时候,我们的使用案例研究告诉我们这类应用的重玩的概率是很低的,除非你提供模板告诉用户怎么开始。

注意:从生活中的使用方式来考虑你的设备,比从功能和技术角度来考虑要好上很多。iPad那独特的性能、操作环境和社会化因素能让你的想法与用户产生共鸣吗?

* 它很轻便=“我更希望把它随处带着而不是当做一个笔记本电脑”
* 它比笔记本电脑要小一些=“我可以在候车室打开笔记本电脑来做东西吗?显然不行。但是换成iPad呢?可以。”
* 它有许多强大的实用程序和对多媒体的支持能力=“我可以用它来工作、看书、看电影或者玩游戏”
* 它的屏幕比 iPhone大=“我可以不用考虑眼睛的压力就享受更多的视频媒体。我的孩子在旅途上也有的玩了。”
* 它有Wi-Fi和3G网络连接=“我乘坐飞机、火车或乘车的时候都可以上网了。”

以人为本的设计可以让我们抛开那些有欠缺的创意,并且让开发的产品不仅是达到用户的要求,而是在先于目标用户意识到之前就满足他们的需要。

Minimalism Works Best on iPad 越精简越好

有了像iPad这样强大的能感知位置的移动设备,就会想把什么都放进去。如果你是一个iPhone的开发者,你一定对扩大了的屏幕面积很惊喜。但是不要总是想着把它们填满了!让它保持简单吧,只显示此时此刻与用户有关的内容和操作项。这需要你在设计时使用下面提到的2个东西。

  1. Contextual Menus 弹出菜单弹出菜单保持简洁的设计非常的棒。我们想把分享和交流的功能放在主导航之外,于是就用了一个弹出菜单(“Share this thang!”)来在适当的时候显示那些控件。
  2. Contextual-menus2 in Useful Design Tips For Your iPad App
    一个关于分享的弹出对话框,当你轻击并且按住图片的时候就会弹出来。

Modal Views (but Wisely) 模态视图

有了iPad的大屏幕,人们可以设计那些在iPhone 或者 iPod的触摸屏上不可能做到的强大功能。模态视图提供了另一种组织应用的方式,它给了用户几种操作的模态,显得很清晰。而且,如果使用的好的话,它可以很幽雅的帮助UI设计处理掉那些乱糟糟的东西。

例如,iPad上的“照片”功能,可以像桌面MAC机上的iPhoto一样的操作。你有2种操作模式:

  1. 查看和编辑某个单独的照片
  2. 管理照片组

在每个显示照片的分页里把图象、编辑和管理功能挤在一个界面里是不太合适的。考虑一下如何把应用中的功能分成几个类别,同时,保证两个模态之间能平滑的切换。

  1. Ipad-guitar-top in Useful Design Tips For Your iPad App
    iPhoto有2个操作模式:查看、编辑单张图片模式 和 管理模式。

    注意:你的应用如何能精简到最核心、最实用的东西给人们呢?

  2. iPad’s Two Orientation Are A Big Deal iPad的纵横两个方向的显示是一个大问题

    可以在横着和竖着两种显示模式中互换,并不仅仅是 iPad的特色,但确实是需要处理的一个大问题。这就是纸上原型设计比PS里要快很多的原因。

    有时候要考虑这2个显示方式时应用里所有的元素,就像是在为2个不同的设备在做界面。关键是要要保持体验的一致性和连贯性,当切换的时候提供一个无缝的体验。

    注意:尽量把你所有屏幕原型的横向、纵向视图都在纸上画出来。

    Use Touch And Real-World Metaphors 多使用触摸的方法,并且多联系真实世界里的带有隐喻的操作

    触摸改变了我们与屏幕上的元素交互时编辑和感知的方式。有了iPad的大屏幕,触摸和手势就更如鱼得水了。快速了解一下iPad的UI元件的特色:

    * 一次选择并操作多个元素,可以通过拖动它们到屏幕的某个区域来实现
    * 在同一个列表视图中同时查看列表和详细信息(例如邮件)
    * 随时随地的编辑元素而不是通过菜单栏的选项。

    Touch in Useful Design Tips For Your iPad App
    用你的手指在一堆照片上抹动来把它们分散开来看,就像你线下做的一样。

    注意:想想你线下是如何进行交互操作的。把屏幕上的元素当做实际的物体看待。

Design For Dynamic Content 为动态内容而设计

iPad的轻便和大屏幕给了人们无限的可能去不停的快速创作各种各样的动态内容。因为用户对连接到基于WEB的工具的需求,混合型的应用(例如以 WEB应用为原型的应用或者实时载入WEB数据的应用)将会变的很常见。为动态内容而设计意味着处理网络连接的机会与挑战(例如下载速度慢或者断线)。你得想好用户身在东Bum,没有网络连接的时候,你将给他显示啥米内容。

注意:为你设计中可能面对的各种情况做好解决方案。

Get Started! 现在就开始做吧!

想要开始开发iPad应用,要先下载一个iPad SDK。当开发者们准备着手进行iPad开发的时候,像Appcelerator的Titanium可以用来在JavaScript环境下创建 iPad,iPhone 的 Android的应用。

给我留言

您必须 [ 登录 ] 才能发表留言!

×
#