SlideShare une entreprise Scribd logo
1  sur  91
Tiny4Cocoa
iPhone 发讲
讲 iPhone产           战
  户         设计
      iApp4Me/Tiny4Cocoa创


         Blog: http://tiny4.org/blog
                Twitter: @Tinyfool
                         :@Tinyfool
设备
动   联

•   PC时   临

•   DC时   临

•   动还    联
PC时
DC时   临
动还              联

• Facetime iMessage
• iPod touch
• iPad
联   动   联


•战
•
战

•           态

    •   动   为web    补

    •   动   web

    •   动为        web为辅
电脑
• 场…
•     视频   录

• GPS
• NFC
•              仪
•
•
•
传统   发
iPhone应   发
设计

• 设备   iPhone/iPad

•
• 实现
• 终
设计

• 设备   iPhone/iPad

•
• 实现
• 终
读HIG
iOS Human Interface Guidelines
节选iPhone HIG
• 设备   记

 •
 •
 • 户
 •
Top level

            Detail level
设备


•场
•约
场
•       躺   趴          …

• 铁          驾   骑车    …

• 场         厕         边…

• UI/UE
• 买
设备

•
•场
•约
设计

• 设备   iPhone/iPad

•
• 实现
• 终
设计

•   义

•   炼

•       构
设计
设计
                 键词     标题
                        继
                                 评们
                                               组织
       损           调        缩         转              润饰
          iWeb   Mail   Finder   iDVD      Photocasting
          户                  Mac电脑创        线          Mac
 PC        浏览      载                  创
评     标记   隐            创             历   组织   编辑
 历    选择风        创          电    书    组织   编辑
 电    书   选择风           创                 组织   编辑
           选择风                   风              质
义
 满
设计
               创     义



• ADS:Application Definition Statement
• 义                 标

•         样

•为 样 户                   务

• ADS 过滤
义
    义
义
                  义




为   专业摄       务       码
 编辑   组织
义
    义
义
    义
义
              义




为iPhone 户设计       软
炼
                     简单

•   选择

•           义        ADS   过滤

•   选择
    •
    •
    •   满        户

    •       动场
炼
炼
炼 标题
                 键词              评            组织
       损           调        缩        转              润饰
          iWeb   Mail   Finder   iDVD     Photocasting
          户                  Mac电脑创       线          Mac
 PC        浏览      载                 创
评     标记   隐            创            历   组织   编辑
 历    选择风        创          电    书   组织   编辑
 电    书   选择风           创                组织   编辑
           选择风                   风             质
炼 标题
                 键词              评            组织
       损           调        缩        转              润饰
          iWeb   Mail   Finder   iDVD     Photocasting
          户                  Mac电脑创       线          Mac
 PC        浏览      载                 创
评     标记   隐            创            历   组织   编辑
 历    选择风        创          电    书   组织   编辑
 电    书   选择风           创                组织   编辑
           选择风                   风             质
设计

• 设备   iPhone/iPad

•
• 实现
• 终
实现

•
•       础

•   纸
严肃



娱乐
严肃           严肃


              娱乐
• 驱动
•      变

• 层级     结构

•    图
严肃


           娱乐

•
•      图

•   结构简单
严肃娱乐          严肃


• 严肃    现娱乐   娱乐

•    娱乐

• 驱动
  •  层级

• 图
娱乐   严肃


          娱乐
•纯   娱乐

•    驱动

•    结构

•     图
严肃


•图       娱乐

•单
•单
•
•    费
实现

•
•       础

•   纸
实现

•
•       础

•   纸
纸
纸
纸
纸
纸
设计

• 设备    iPhone/iPad

•
• 实现纸
• 终
终

•   图

•    奋   动

•    构
图



• 讯录
• 专辑
图



• 讯录
• 专辑
奋   动
•       实

•               实

    •   观

•让
•           动   结
奋   动
•   删   邮

•   删   备   录

•    动邮          录

•   购买   乐

•   显        图

•    换
动
•   创   动

    •        务

    •           值    馈

    •   让

•
    •       东    动

    •        动

    •    扰   线
• 设计       义

• 纸
•      环    发

Contenu connexe

Similaire à 第二讲 iPhone产品战略和用户界面设计

前端开发工具 - 编辑器篇
前端开发工具 - 编辑器篇前端开发工具 - 编辑器篇
前端开发工具 - 编辑器篇keelii
 
03 开源和山寨 新一代的开放创新方式-李大维
03 开源和山寨 新一代的开放创新方式-李大维03 开源和山寨 新一代的开放创新方式-李大维
03 开源和山寨 新一代的开放创新方式-李大维OpenSourceWeek
 
IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计
IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计
IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计IxDC
 
Calliplus 開發經驗分享
Calliplus 開發經驗分享Calliplus 開發經驗分享
Calliplus 開發經驗分享Daniel Kao
 
【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文
【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文
【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文MAKERPRO.cc
 
美丽说的架构发展与变迁 New
美丽说的架构发展与变迁 New美丽说的架构发展与变迁 New
美丽说的架构发展与变迁 New翀 刘
 
Make an i os application
Make an i os applicationMake an i os application
Make an i os applicationfroooo
 
开源改变世界
开源改变世界开源改变世界
开源改变世界kiwiboard
 
數學系的資訊人生
數學系的資訊人生數學系的資訊人生
數學系的資訊人生Jintin Lin
 
郑焕义 重温网站重构
郑焕义 重温网站重构郑焕义 重温网站重构
郑焕义 重温网站重构Webrebuild
 
Reviews of Designing with Web Standards
Reviews of Designing with Web StandardsReviews of Designing with Web Standards
Reviews of Designing with Web Standardsavenirzheng
 
Android裝置開發過程的軟硬整合關鍵及挑戰
Android裝置開發過程的軟硬整合關鍵及挑戰Android裝置開發過程的軟硬整合關鍵及挑戰
Android裝置開發過程的軟硬整合關鍵及挑戰tick
 
移动互联网上的微视频处理与分发
移动互联网上的微视频处理与分发移动互联网上的微视频处理与分发
移动互联网上的微视频处理与分发drewz lin
 
3.android 应用程序通用自动脱壳方法研究
3.android 应用程序通用自动脱壳方法研究3.android 应用程序通用自动脱壳方法研究
3.android 应用程序通用自动脱壳方法研究Hsiao Tim
 
姚彤 从360手机卫士的研发经历看大型移动应用开发
姚彤 从360手机卫士的研发经历看大型移动应用开发姚彤 从360手机卫士的研发经历看大型移动应用开发
姚彤 从360手机卫士的研发经历看大型移动应用开发Trinea Trinea
 
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)Benimaru ZHANG
 
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案 Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案 drewz lin
 

Similaire à 第二讲 iPhone产品战略和用户界面设计 (20)

前端开发工具 - 编辑器篇
前端开发工具 - 编辑器篇前端开发工具 - 编辑器篇
前端开发工具 - 编辑器篇
 
猛犸浏览器
猛犸浏览器猛犸浏览器
猛犸浏览器
 
03 开源和山寨 新一代的开放创新方式-李大维
03 开源和山寨 新一代的开放创新方式-李大维03 开源和山寨 新一代的开放创新方式-李大维
03 开源和山寨 新一代的开放创新方式-李大维
 
IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计
IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计
IxDC 中国交互设计体验日-A5_吴晓丹_软硬件一体化设计
 
Calliplus 開發經驗分享
Calliplus 開發經驗分享Calliplus 開發經驗分享
Calliplus 開發經驗分享
 
【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文
【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文
【1110ROS社群開講】如何打造與人一起學習的機器檯燈_鄭凱文
 
美丽说的架构发展与变迁 New
美丽说的架构发展与变迁 New美丽说的架构发展与变迁 New
美丽说的架构发展与变迁 New
 
Make an i os application
Make an i os applicationMake an i os application
Make an i os application
 
vmarket in action
vmarket in actionvmarket in action
vmarket in action
 
开源改变世界
开源改变世界开源改变世界
开源改变世界
 
數學系的資訊人生
數學系的資訊人生數學系的資訊人生
數學系的資訊人生
 
pchome_China
pchome_Chinapchome_China
pchome_China
 
郑焕义 重温网站重构
郑焕义 重温网站重构郑焕义 重温网站重构
郑焕义 重温网站重构
 
Reviews of Designing with Web Standards
Reviews of Designing with Web StandardsReviews of Designing with Web Standards
Reviews of Designing with Web Standards
 
Android裝置開發過程的軟硬整合關鍵及挑戰
Android裝置開發過程的軟硬整合關鍵及挑戰Android裝置開發過程的軟硬整合關鍵及挑戰
Android裝置開發過程的軟硬整合關鍵及挑戰
 
移动互联网上的微视频处理与分发
移动互联网上的微视频处理与分发移动互联网上的微视频处理与分发
移动互联网上的微视频处理与分发
 
3.android 应用程序通用自动脱壳方法研究
3.android 应用程序通用自动脱壳方法研究3.android 应用程序通用自动脱壳方法研究
3.android 应用程序通用自动脱壳方法研究
 
姚彤 从360手机卫士的研发经历看大型移动应用开发
姚彤 从360手机卫士的研发经历看大型移动应用开发姚彤 从360手机卫士的研发经历看大型移动应用开发
姚彤 从360手机卫士的研发经历看大型移动应用开发
 
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
 
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案 Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
 

Plus de Hao Peiqiang

移动互联网和App的未来
移动互联网和App的未来移动互联网和App的未来
移动互联网和App的未来Hao Peiqiang
 
搜索引擎友好的网站设计
搜索引擎友好的网站设计搜索引擎友好的网站设计
搜索引擎友好的网站设计Hao Peiqiang
 
iPhone/iPad开发讲座 第六讲 多点触摸和手势识别
iPhone/iPad开发讲座 第六讲 多点触摸和手势识别iPhone/iPad开发讲座 第六讲 多点触摸和手势识别
iPhone/iPad开发讲座 第六讲 多点触摸和手势识别Hao Peiqiang
 
iPhone/iPad开发讲座 第五讲 定制视图和多点触摸
iPhone/iPad开发讲座 第五讲 定制视图和多点触摸iPhone/iPad开发讲座 第五讲 定制视图和多点触摸
iPhone/iPad开发讲座 第五讲 定制视图和多点触摸Hao Peiqiang
 
iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理
iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理
iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理Hao Peiqiang
 
iPhone/iPad开发讲座 第三讲 界面和编程基础
iPhone/iPad开发讲座 第三讲 界面和编程基础iPhone/iPad开发讲座 第三讲 界面和编程基础
iPhone/iPad开发讲座 第三讲 界面和编程基础Hao Peiqiang
 
iPhone/iPad开发讲座 第二讲 iPhone用户界面设计
iPhone/iPad开发讲座 第二讲 iPhone用户界面设计iPhone/iPad开发讲座 第二讲 iPhone用户界面设计
iPhone/iPad开发讲座 第二讲 iPhone用户界面设计Hao Peiqiang
 
iPhone/iPad开发讲座 第一讲 Ios开发简介
iPhone/iPad开发讲座  第一讲 Ios开发简介iPhone/iPad开发讲座  第一讲 Ios开发简介
iPhone/iPad开发讲座 第一讲 Ios开发简介Hao Peiqiang
 
雪计算和twitter的信息传播方式
雪计算和twitter的信息传播方式雪计算和twitter的信息传播方式
雪计算和twitter的信息传播方式Hao Peiqiang
 
iPhone Os开发简介
iPhone Os开发简介iPhone Os开发简介
iPhone Os开发简介Hao Peiqiang
 

Plus de Hao Peiqiang (13)

移动互联网和App的未来
移动互联网和App的未来移动互联网和App的未来
移动互联网和App的未来
 
搜索引擎友好的网站设计
搜索引擎友好的网站设计搜索引擎友好的网站设计
搜索引擎友好的网站设计
 
iPhone/iPad开发讲座 第六讲 多点触摸和手势识别
iPhone/iPad开发讲座 第六讲 多点触摸和手势识别iPhone/iPad开发讲座 第六讲 多点触摸和手势识别
iPhone/iPad开发讲座 第六讲 多点触摸和手势识别
 
iPhone/iPad开发讲座 第五讲 定制视图和多点触摸
iPhone/iPad开发讲座 第五讲 定制视图和多点触摸iPhone/iPad开发讲座 第五讲 定制视图和多点触摸
iPhone/iPad开发讲座 第五讲 定制视图和多点触摸
 
iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理
iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理
iPhone/iPad开发讲座 第四讲 网络通讯和Xml处理
 
iPhone/iPad开发讲座 第三讲 界面和编程基础
iPhone/iPad开发讲座 第三讲 界面和编程基础iPhone/iPad开发讲座 第三讲 界面和编程基础
iPhone/iPad开发讲座 第三讲 界面和编程基础
 
iPhone/iPad开发讲座 第二讲 iPhone用户界面设计
iPhone/iPad开发讲座 第二讲 iPhone用户界面设计iPhone/iPad开发讲座 第二讲 iPhone用户界面设计
iPhone/iPad开发讲座 第二讲 iPhone用户界面设计
 
iPhone/iPad开发讲座 第一讲 Ios开发简介
iPhone/iPad开发讲座  第一讲 Ios开发简介iPhone/iPad开发讲座  第一讲 Ios开发简介
iPhone/iPad开发讲座 第一讲 Ios开发简介
 
雪计算和twitter的信息传播方式
雪计算和twitter的信息传播方式雪计算和twitter的信息传播方式
雪计算和twitter的信息传播方式
 
雪计算
雪计算雪计算
雪计算
 
Snow Computing
Snow ComputingSnow Computing
Snow Computing
 
Iphone Dev
Iphone DevIphone Dev
Iphone Dev
 
iPhone Os开发简介
iPhone Os开发简介iPhone Os开发简介
iPhone Os开发简介
 

第二讲 iPhone产品战略和用户界面设计

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. 一般平台,设计流程占整个开发流程5%的时间。一开始设计什么样子,最后做出来就是什么样子。\n
  13. 在iPhone平台下,我们建议用60%的时间进行设计。这里说的设计,不是指用PhotoShop画些漂亮的图标。这里指的是真正下功夫去搞清楚程序应该设计成什么样子。没有人敢手里面没有图纸,就开始盖房子,但是程序员们一般是这么干活的。\n
  14. 1、真的去理解iPhone,了解用户场景。2、理清你要做的应用的核心概念。3、首先实现纸上原型,可以廉价的尝试各种UI/UE。4、\n\n
  15. \n
  16. 首先要做的,不能把它当成备查的指南,这样你会失败。你应该坐下来,倒杯茶,慢慢读,一页一页的去读,去体会。\n\n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. 玩iPhone,用iPhone的每个自带的程序,体会为什么会做成这样。\n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. 没有鼠标,不适合鼠标,鼠标的习惯所有也要去掉,精确的点击的,下拉选框等等不能在用了。\n
  43. 没有鼠标,不适合鼠标,鼠标的习惯所有也要去掉,精确的点击的,下拉选框等等不能在用了。\n
  44. 虽然iPhone有各国的输入法,有虚拟键盘,但是打字总是很不方便的,所以要尽量减少输入,能让用户选的就让用户选,而不是让他输入。需要用户输入的信息,不要让他们重复输入,保存住。\n
  45. 虽然iPhone有各国的输入法,有虚拟键盘,但是打字总是很不方便的,所以要尽量减少输入,能让用户选的就让用户选,而不是让他输入。需要用户输入的信息,不要让他们重复输入,保存住。\n
  46. 虽然iPhone有各国的输入法,有虚拟键盘,但是打字总是很不方便的,所以要尽量减少输入,能让用户选的就让用户选,而不是让他输入。需要用户输入的信息,不要让他们重复输入,保存住。\n
  47. \n
  48. \n
  49. 1,非常重要,用ads来过滤你的特性列表\n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. 快餐,之用几秒钟,好看,但是要快\n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n
  87. \n
  88. \n
  89. \n
  90. \n
  91. \n
  92. \n
  93. \n