iOS App的交互设计

@轩飞 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 326iPad 768*1024 1024*768 132iPhone3GS等 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 Libraryhttp://www.paulsizemore.com/axure-iphone-widgets-and-libraryBalsamiqhttp://balsamiq.com/Interface Builderhttp://developer.apple.com/technologies/tools/whats-new.html#interface-builder

http://www.xuanfei.me	493
http://cache.baidu.com	2
http://www.sogou.com	1
http://translate.googleusercontent.com	1

iOS App的交互设计

by nbaction on Jul 24, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

4 Embeds 497

Statistics

iOS App的交互设计 — Presentation Transcript