SlideShare a Scribd company logo
1 of 10
Download to read offline
@轩飞   2011-07-19
iOS设备
      iPhone4     iPhone 3GS
                                           iOS版本
      iPad        iTouch4
      其他                       4.0    4.1    4.2   4.3   3.X

             6%                  1% 8%        6%
      9%
15%
                                                   27%
                       54%
       16%                           58%




      iPhone4占一半以上                   iOS4及以上版本占92%
设备                竖屏尺寸(像素) 横屏尺寸(像素) 分辨率(ppi)

iPhone4/iTouch4   640*960    960*640    326

iPad              768*1024   1024*768   132

iPhone3GS等        320*480    480*320    163




ü 屏幕的方向会改变
ü 可点击元素的最小尺寸是44×44像素
单击       双击    按下并保持     拖动、扫过




     两指靠近、分开   旋转      四指拖动
—  使用者:相对年轻、受教育程度较高,收入较高
—  单一任务,单一窗口
—  碎片时间
—  室内为主
—  单手操作为主,双手操作为辅


           旅途中      睡前、起床前


           等车,坐车    休闲时光
—  整体之美:外观与功能完美的结合
—  一致性:符合规范,相同的外观体现相同的交互
—  直接操作:手势,感应,视觉焦点和操作焦点的统一
—  及时反馈:不明真相会引起负面情绪
—  隐喻:映射现实世界
—  让用户来控制:操作应该可以回溯,危险操作应提示




“Design is not just what it looks like and feels
 like. Design is how it works.”
                                     —Steve Jobs
—  关注主要的任务:分析每一屏需要什么
—  内容至上:将控制和内容有机结合
—  从上到下的思考:最常用的信息放在顶部
—  让用户有逻辑可循:单一有效的路径
—  让一切变得简单和显而易见:直觉化,一致性
—  使用能被用户理解的术语
—  恰当的支持手势:不要让复杂的手势成为唯一操作
—  最小化输入操作
—  随时准备中断:自动保持,原地满血复活
—  三种尺寸:
 —  57×57(低分辨率)
 —  114×114(高分辨率)
 —  72×72(for iPad)


—  显示效果:
 —  圆角
 —  投影
 —  高光(可手动禁用)
Axure RP + iPhone UI Library
http://www.paulsizemore.com/axure-iphone-widgets-and-library




Balsamiq
http://balsamiq.com/



Interface Builder
http://developer.apple.com/technologies/tools/
whats-new.html#interface-builder
iOS App的交互设计

More Related Content

Viewers also liked (9)

Narrativa De La Presentacion
Narrativa De La PresentacionNarrativa De La Presentacion
Narrativa De La Presentacion
 
Children's profiles
Children's profilesChildren's profiles
Children's profiles
 
Laboratorio 4 1 introping
Laboratorio 4 1 intropingLaboratorio 4 1 introping
Laboratorio 4 1 introping
 
МОЛЯ ВИ, ПОМОГНЕТЕ!
МОЛЯ ВИ, ПОМОГНЕТЕ!МОЛЯ ВИ, ПОМОГНЕТЕ!
МОЛЯ ВИ, ПОМОГНЕТЕ!
 
Experiment 3
Experiment 3Experiment 3
Experiment 3
 
Pratica1
Pratica1Pratica1
Pratica1
 
Taller de string(java)
Taller de string(java)Taller de string(java)
Taller de string(java)
 
Laboratorio 3 mascara de subred
Laboratorio 3 mascara de subredLaboratorio 3 mascara de subred
Laboratorio 3 mascara de subred
 
Configuración servidores DCHP, DNS y HTTP - Cisco Packet Tracer
Configuración servidores DCHP, DNS y HTTP - Cisco Packet TracerConfiguración servidores DCHP, DNS y HTTP - Cisco Packet Tracer
Configuración servidores DCHP, DNS y HTTP - Cisco Packet Tracer
 

iOS App的交互设计