iOS App的交互设计
Upcoming SlideShare
Loading in...5
×
 

iOS App的交互设计

on

  • 4,772 views

初涉iOS App设计,整理了一下自己对App交互设计的理解,包括

初涉iOS App设计,整理了一下自己对App交互设计的理解,包括

Statistics

Views

Total Views
4,772
Views on SlideShare
4,073
Embed Views
699

Actions

Likes
4
Downloads
52
Comments
0

5 Embeds 699

http://www.xuanfei.me 679
http://abtasty.com 15
http://cache.baidu.com 3
http://www.sogou.com 1
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

iOS App的交互设计 iOS App的交互设计 Presentation Transcript

  • @轩飞 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