WEB开发网
开发学院手机开发iPhone 开发 浅析iPhone用户界面UI设计精粹 阅读

浅析iPhone用户界面UI设计精粹

 2010-06-02 03:37:00 来源:WEB开发网   
核心提示:must understand the rules before you can break them.”(你必须了解规则然后才能打破他们),iPhone 提供的UI组件从大到小,浅析iPhone用户界面UI设计精粹(2),大致可列举如下(具体每种控件和视图的细节,请参考《iPhone 用户界面设计指南》第二部分):●
must understand the rules before you can break them.”(你必须了解规则然后才能打破他们)。

iPhone 提供的UI组件从大到小,大致可列举如下(具体每种控件和视图的细节,请参考《iPhone 用户界面设计指南》第二部分):

● 导航条,标签条,工具条和状态条

● 弹出对话框、操作面板和模式视图

● 表格视图(Table Views), 文本视图(Text Views), web视图(Web Views)

● 应用程序控件(如文本框、分页显示器、轮转选择器、进度条、更多按钮等)

3. 使用隐喻

隐喻为界面视觉提示和功能建立了直观的逻辑联系。将软件中涉及的元素和操作与真实世界关联起来能够更好地帮助用户理解。

iPhone内置的备忘录应用就是一个使用隐喻的典范。除了基本的删除和邮件这些图标隐喻,整个产品的外形:棕色的头部导航,米黄色的纸质背景,配合细致的行隔线和垂直的双细线,俨然就是一可爱的小小备忘本。将产品与实体对应起来,用户一看就知道软件的用途。

iPhone操作系统的隐喻不胜枚举,我们尚可尽量遵循,但如果有“更合适更贴切”的隐喻,你也可以放胆一试。

4. 一目了然,即看即点

用户在移动场景下不会长时间对着手机屏幕,他们可能“迅速打开音乐播放器随便播放一首就跳去其他应用程序或继续其他的事情”,不要以为用户有时间去研究怎样使用你的应用程序,这种注意力相对分散的情景要求你的应用程序界面必须尽量简洁,一目了然,用户看到就能马上理解。一般有三种方式可以简化界面:

● 删减软件功能:功能越少,界面越简洁。移动产品的设计,减法远比加法来得重要。请牢记移动产品设计里最重要的金科玉律: 为移动场景下的大多数用户设计最常用的少数几个功能特点(Pick the few features,most frequently used,by the majority of your users,most appropriate for the mobile context)。

● 减少输入:尽可能地减少输入,直接为用户提供选项。如索引列表,既方便用户记忆,也可以帮助用户快速扫描并直接选中;轮转选择器,划上划下即可选中,减少打字耗时的同时省去繁多的错误检测。

● 避免不必要的交互:用户也不是你想像中那么傻的,不要一味提醒他们如何操作(帮助越多说明你的软件越难用),设计时应该关注如何更有效地引导用户集中精力快速完成任务。

上一页  1 2 3 4 5 6  下一页

Tags:浅析 iPhone 用户界面

编辑录入:coldstar [复制链接] [打 印]
赞助商链接