iOS用户界面指南(iOS Human Interface Guidelines)

来源:互联网 发布:如何解读融资融券数据 编辑:程序博客网 时间:2024/04/30 18:08

UI设计原则

1.UI设计要顺从于内容,对内容起辅助作用,不要喧宾夺主。

这里有几种途径来确保你的设计既提高了功能性,有顺从于主要内容:

1)利用全屏。例如天气应用。

2)让指示器对内容起帮助作用,不能太过于突出。

3)使用半透明视图遮挡在它后面的内容,而不是完完全全地遮挡住。

2.主要的内容和功能,要清楚明了和易于交互。

从以下方面来达到这个要求:

1)、善于利用“negative space”(负空间)。负空间,即实体周围的空间,营造平静的氛围,东方艺术中的“留白”手法。详见人人小站《负空间的艺术》,和百度百科《负空间》。

2)、在UI设计中,使用简约的颜色搭配。例如,内置的应用程序一般使用一组单纯、干净的系统颜色,以使得任何色彩在暗色和亮色的背景上都看着舒服。

3)、确保使用的字体具有易读性。

4)、包含无边框的按钮。


iOS App 解剖

1、UIKit框架提供的UI元素,大致上分为四类:

1).Bars。告诉用户在哪,和有哪些控制器操纵和初使行为

2).Content views。内容视图,例如table view ,collection view ,scroll view 等。

3).Controles :控制器。

4).Temporary views :临时性的视图,例如alert view,action sheet,pop view等。



2、下图展示了view和controllers是如何构成iOS App的UI界面的。



3.一个iOSApp 有一个window。iOS App中的window不可见,并且不可以被移到其他的地方展示。



适应和布局

1.iOS8新特性:Size Classes

理解何为size classes,去看《iOS8 Size Classes的理解与使用》
学习如何在Interface Builder上使用size classes工作,去看《Size Classes Design Help》

不同设备使用的size classes

iPad:正常宽,正常高


iPhone 6 plus:
竖直方向:正常高,紧凑宽。
水平方向:紧凑高,正常宽。



iPhone6、iPhone5、iPhone4s
竖直方向:正常高,紧凑宽。
水平方向:紧凑高,紧凑宽。



2、如何让用户在所有的设备或方向上获得良好体验

(1)避免布局上不必要的改变。不同设备和方向上相似的体验,能够保持用户的使用热情。

(2)如果你的app只能运行于一个方向上,那么保持简单。如何保持简单?这样做:首页,避免使用那些暗示用户去旋转设备的UI元素。

其次,一个方向上,支持两种变形。例如:如果一个app只能是横屏的,那设备翻转180度侯,最好App还是体验良好的。


3.布局的原则

(1)按照内容的重要性,从左上方到右下方进行布局。

(2)在默认的尺寸下就能看到最重要的内容,不需要再做其他的操作才能看到。

(3)文本的字体大小发生改变时,做好适配。

(4)避免不协调的界面

(5)给每一个可交互的界面元素留有足够的交互空间



启动和停止

启动的原则

1.尽量不要在app启动后告知用户去重启设备。

需要用户花时间去重启让你的app看起来太挫。如果你的app使用了内存并且有一些问题导致它运行起来困难除非重启了系统,那你就赶紧找问题吧。学习如何开发一个良好运转的app,看这里《Use Memory Efficiently》。

2.尽量延迟登录视图的出现

       先展示app的主要内容,在需要用户登录的时候,再展示登录界面。否则,用户会弃之不顾。

       在登录界面中展示详细并且友好的解释,让用户理解登录的重要性和好处。

3.小心地使用用户指引界面

(1)用户指引界面提供这些内容:打开app后首先做什么,app主要的特性,以及用户感兴趣的东西。

(2)节省文字,用动画代替。

(3)可以随时取消或跳过用户指引。

(4)不要立刻就让用户去评价你的app,在用户使用你的app一段时间后再让用户去评价。

(5)如果app只支持横评,那启动界面也只做横评的

(6)如果可能,避免在用户可以做任何事情之前让他们去读什么许可颁发同意书。


退出的原则

1.当你的app重启了,应该重新唤醒app的重启前的状态,能够让用户继续。

2.app退出时,适当地保存用户数据

3.永远不要因为代码的原因退出app


app的功能不可用

1.

如果app所有的功能都不可用,展示一个屏幕来描述状态,并且要建议用户去作出正确的动作。

2.如果只是app的某些功能不可用,那么当用户准备去使用这些功能时展示一个屏幕或者对话框


导航

大体上说,有三种主要的导航样式:

分级[Navigation Bar

平级[Tab Bar

内容或体验驱动的导航



模态视图

模态视图要简单。

对话框要提供必要的信息。

遵守用户接受推送的喜好设置。



交互和反馈

基本的手势

TapTo press or select a control or item

Drag(拖拽)

Flick(轻滑To scroll or pan quickly

Swipe(显示隐藏的视图或者表格单元中的删除按钮)

Double tap(放大或缩小一块内容或图片)

Pinch(捏合)

Touch and hold(显示可编辑状态)

Shake(摇动,执行恢复或还原动作)


app中手势操作的原则

1.一个标准的手势应避免结合不同的事件。

2.避免自定义与标准手势事件相同的手势。

3.一个手势的事件应该是简单的。

4.一般来讲,要避免定义新的手势,除非实在一个游戏app中。

5.在一个正常的环境中,考虑使用多指手势。



其他交互

1.必要的时候,给按钮添加边框或背景色。例如iPhonePhotosClockApp Store应用。

2.尽可能地在UI中加入状态或其他相关的反馈信息
3.避免不必要的对话框。对话框提示的应该是非常重要的内容。

4.简化用户选择的方式。使用picker或者list代替输入框。



添加动画的原则

1.小心滴添加动画效果,特别是在那些没有提供身临其境的体验的app上。

2.适当的时候,让自定义的动画与内置的动画保持一致性。

3.一般而言,自定义的动画要具有实用性和可靠性。


术语的使用

若在app中需要使用术语,那么要使你的术语能够被用户所理解。

从概念到产品

1.列出你想到的用户可能喜欢的特征

2.限定你的用户群。

3.通过你设定的用户群来过滤之前列出的app特性。

4.还有更多工作要做,记住:用户体验至上!



推送通知

1.用户对推送过来的通知处理后,不会造成破坏性的结果。比如,你要保证只有设备的拥有者能够对推送过来的通知作出处理。

2.对每个推送过来的通知,有一个简短的标题。

3.不要每次推送发送多个通知。

4.不要在推送过来的消息中包含你的app名称。因为iOS系统自动在你的消息中显示了app名称。

5.

推送的消息尽量控制在一两行,让用户能够尽快读完,并作出相应的处理。

6.尽量在推送的消息中使用完整的句子。

7.每次推送消息或者移除消息时,保证图标上的红色标记能够实时更新。

8.不要为了一个目的去使用图标上的标记。因为用户可以在系统的设置中关掉你app的标记功能,所以并不确定你能够看到标记。

9.每次推送消息时提供一个音效。这个音效可以是系统默认的,也可以是自定义的。

多任务处理

学习如何在你的代码中支持多任务处理,看《App Programming Guide for iOS》


0 0
原创粉丝点击